topical media & game development

talk show tell print

mobile-application-11-DerbyApp.iPhone-www-individualList.htm / htm



  <!DOCTYPE HTML>
  <html>
      <head>
          <title>PhoneGap</title>
                          <link rel=StyleSheet href="main.css" type="text/css" media=screen>
              <script type="text/javascript" charset="utf-8" src="phonegap-1.3.0.js"></script>
              <script type="text/javascript" src="js\jquery.min.js"></script>
              <script type="text/javascript" src="js\helper.js"></script>
              <script type="text/javascript" src="js\xui-2.0.0.min.js"></script>
              <script type="text/javascript" src="js\Odata.js"></script>
              <script type="text/javascript" src="js\DerbyService.js"></script>
                          <script type="application/javascript" src="js\iscroll.js"></script>
                          <meta name="viewport" content="width=device-width" />      
      </head>
      <body onload="onLoad()">
          
          <div id="main" ontouchmove="touchMove(event);">
                          <div class="header">
                                  <a id="btnLeague" href='index.html' class="btnTwoLeftSelected">Leagues</a>
                          <a id="btnIndividuals" href='individualList.html' class="btnTwoRight" >Players</a>
                          
              </div>
  
              <div class="lobbyguide" >
                  <div>
                      <form onsubmit="getData(event, this.Form);">
                          <input id="txtSearch" type="search" placeholder="Search" class="searchbar"><input id="btnSubmit" type="button" class="gobtn">
                      </form>
                  </div>
                  <div id="wrapper">
                          <div id="scroller">
                              <ul>
                                                  </ul>
                          </div>
                                  </div>
              </div>
              
              <div class="bottomButtons">
                  <ul>
                      <a href='individual.html'><li>Individual</li></a>
                      <a href='roster.html'><li>Roster</li></a>
                      <a href='info.html'><li>Info</li></a>
                  </ul>
              </div>
          </div>    
          </body>
                      
          <script type="text/javascript" charset="utf-8">
                  var scrollView;        
                  var skipCount = 50;
      
                  function onLoad() {
                            document.addEventListener('touchmove', function (e) { e.preventDefault(); }, false);
                  document.addEventListener("deviceready", onDeviceReady, false);
              }
          
              function onDeviceReady() {
                          setHeight();
                          searchAll(
                                  function(){
                                          setTimeout(function () {
                                                  scrollView = new iScroll('wrapper', {desktopCompatibility:true});
                                          }, 500);
                                  });
                          jQuery("#btnSubmit").click(function(){
                                  var searchCriteria = jQuery("#txtSearch").val();
                                  skipCount = 50;
                                  searchPlayers(searchCriteria);
                          });
                                                  
  
                  }
                  
                  function LoadMorePushed(){
                          var service = new DerbyService();
  
                          service.getNextSetOfAllPlayers(skipCount, function(){
                                  jQuery("#scroller").find("#liAddMore").remove();
                                  appendIndividualDataOnScreen(this.responseText, "", "scroller");
                                  skipCount = skipCount + 50;                
                                  scrollView.refresh();                
                          });
                  }
          
                  function LoadMoreSearchPushed(searchCriteria){
                          var service = new DerbyService();
  
                          service.searchSkipPlayers(skipCount, searchCriteria,  function(){
                                  jQuery("#scroller").find("#liAddMore").remove();
                                  appendIndividualDataOnScreen(this.responseText, searchCriteria, "scroller");
                                  skipCount = skipCount + 50;                                
                          });
                  }
  
                  function searchPlayers(searchCriteria){
                          var service = new DerbyService();
                          
                          service.searchPlayers(searchCriteria, function(){
                                  displayIndividualDataOnScreen(this.responseText, searchCriteria, "scroller");
                          });
                  }
          
              function searchAll(callback){
              var service = new DerbyService();
                          //alert('Calling SearchAllPlayers');
                  service.searchAllPlayers(function(){
                                          //alert('All Players Returned');
                             displayIndividualDataOnScreen(this.responseText, "", "scroller");   
                          });
                          callback();
              }
                  
                  function getData(event, form){
                          jQuery('#btnSubmit').click().focus();
                          event.preventDefault();                
                  }
  
          </script>
  </html>
  


(C) Æliens 04/09/2009

You may not copy or print any of this material without explicit permission of the author or the publisher. In case of other copyright issues, contact the author.