topical media & game development
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.