<!doctype html> |
<?php |
<html> |
include('common.inc.php'); |
<head> |
include_header("bus.lambdacomplex.org",false, true) |
<meta charset="UTF-8" /> |
?> |
<title>jQTouch β</title> |
<div data-role="page" data-theme="b" id="jqm-home" class="ui-page ui-body-b ui-page-active"> |
<style type="text/css" media="screen">@import "jqtouch/jqtouch.min.css";</style> |
<div id="jqm-homeheader"> |
<style type="text/css" media="screen">@import "themes/jqt/theme.min.css";</style> |
<center><h1 id="jqm-logo"><img src="apple-touch-icon.png" alt="logo" width="64" height="64" /><br> |
<script src="jqtouch/jquery.1.3.2.min.js" type="text/javascript" charset="utf-8"></script> |
bus.lambdacomplex.org</h1></center> |
<script src="jqtouch/jqtouch.min.js" type="application/x-javascript" charset="utf-8"></script> |
</div> |
<script src="extensions/jqt.location.js" type="application/x-javascript" charset="utf-8"></script> |
<div data-role="content"> |
|
<a href="tripPlanner.php" data-role="button">Launch Trip Planner...</a> |
<script type="text/javascript" charset="utf-8"> |
<ul data-role="listview" data-inset="true" data-theme="c" data-dividertheme="b"> |
var jQT = new $.jQTouch({ |
<li data-role="list-divider">Timetables - Stops</li> |
icon: 'jqtouch.png', |
<li><a href="stopList.php">Major (Timing Point) Stops</a></li> |
addGlossToIcon: false, |
<li><a href="stopList.php">All Stops</a></li> |
startupScreen: 'jqt_startup.png', |
<li><a href="stopList.php?nearbyfavs=yes">Nearby/Favourite Stops</a></li> |
statusBar: 'black', |
|
preloadImages: [ |
|
'themes/jqt/img/back_button.png', |
|
'themes/jqt/img/back_button_clicked.png', |
|
'themes/jqt/img/button_clicked.png', |
|
'themes/jqt/img/grayButton.png', |
|
'themes/jqt/img/whiteButton.png', |
|
'themes/jqt/img/loading.gif' |
|
] |
|
}); |
|
$(function(){ |
|
function setDisplay(text) { |
|
$('.info').empty().append(text) |
|
} |
|
|
|
// We pass "updateLocation" a callback function, |
|
// to run once we have the coordinates. |
|
// We also set it to a variable, so we can know |
|
// right away if it's working or not |
|
var lookup = jQT.updateLocation(function(coords){ |
|
if (coords) { |
|
setDisplay('Latitude: ' + coords.latitude + '<br />Longitude: ' + coords.longitude); |
|
$('.nearby').empty().append('<a href="list.php?lat=' + coords.latitude + '&lng=' + coords.longitude + '">Nearby List</a>'); |
|
} else { |
|
setDisplay('Device not capable of geo-location.'); |
|
} |
|
}); |
|
|
|
if (lookup) { |
|
setDisplay('Looking up location…'); |
|
} |
|
}); |
|
// Some sample Javascript functions: |
|
$(function(){ |
|
$('a[target="_blank"]').click(function() { |
|
if (confirm('This link opens in a new window.')) { |
|
return true; |
|
} else { |
|
$(this).removeClass('active'); |
|
return false; |
|
} |
|
}); |
|
// Page animation callback events |
|
$('#pageevents'). |
|
bind('pageAnimationStart', function(e, info){ |
|
$(this).find('.info').append('Started animating ' + info.direction + '… '); |
|
}). |
|
bind('pageAnimationEnd', function(e, info){ |
|
$(this).find('.info').append(' finished animating ' + info.direction + '.<br /><br />'); |
|
}); |
|
// Page animations end with AJAX callback event, example 1 (load remote HTML only first time) |
|
$('#callback').bind('pageAnimationEnd', function(e, info){ |
|
if (!$(this).data('loaded')) { // Make sure the data hasn't already been loaded (we'll set 'loaded' to true a couple lines further down) |
|
$(this).append($('<div>Loading</div>'). // Append a placeholder in case the remote HTML takes its sweet time making it back |
|
load('ajax.html .info', function() { // Overwrite the "Loading" placeholder text with the remote HTML |
|
$(this).parent().data('loaded', true); // Set the 'loaded' var to true so we know not to re-load the HTML next time the #callback div animation ends |
|
})); |
|
} |
|
}); |
|
// Orientation callback event |
|
$('body').bind('turn', function(e, data){ |
|
$('#orient').html('Orientation: ' + data.orientation); |
|
}); |
|
}); |
|
</script> |
|
</head> |
|
<body> |
|
<div id="home" class="current"> |
|
<div class="toolbar"> |
|
<h1>jQTouch</h1> |
|
<a class="button slideup" id="infoButton" href="#about">About</a> |
|
</div> |
|
<ul class="rounded"> |
|
<li class="arrow"><a href="#ui">User Interface</a> <small class="counter">4</small></li> |
|
<li class="arrow"><a href="list.php">All stops List</a></li> |
|
<li class="arrow nearby">Nearby List</li> |
|
<li class="arrow"><a href="list.php">Favourites List</a></li> |
|
</ul> |
</ul> |
<div class="info"> |
<ul data-role="listview" data-inset="true" data-theme="c" data-dividertheme="b"> |
<p>Add this page to your home screen to view the custom icon, startup screen, and full screen mode.</p> |
<li data-role="list-divider">Timetables - Routes</li> |
|
<li><a href="routeList.php">All Routes</a></li> |
|
<li><a href="routeList.php?nearbyfavs=yes">Nearby/Favourites Routes</a></li> |
|
</ul> |
|
<div class="ui-body ui-body-c"> |
|
Current Location: <input type="text" id="geolocate" name="geolocate"/> Search? Update to Here?<br> |
|
Time: <?php echo date("H:m"); ?> <br> |
|
Service Period: <?php echo ucwords(service_period()); ?><br> |
</div> |
</div> |
</div> |
</div> |
</body> |
</div> |
|
</body> |
</html> |
</html> |
|
|