<!doctype html>
<html>
<head>
<title>Not Moving - RJM Programming - August, 2016 - Thanks to http://www.html5rocks.com/en/tutorials/geolocation/trip_meter/</title>
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=0.1, maximum-scale=8, user-scalable=yes" >
<script type="text/javascript">
var firstgo=true;
var suffix='s';
var lastPos;
var startPos;
var lastlatdiff=0.0, lastlongdiff=0.0;
var myi_href='';
var cstartlat="-33.907331";
var cstartlong="151.176386";
var title="RJM Programming";
var stitle="Your Location";
var etitle="Your Location";
var ttitle="Your Location";
var sok=true;
var eok=true;
var pok=true;
function locate_yourself() { // ideas via http://www.html5rocks.com/en/tutorials/geolocation/trip_meter/ ... thanks // ideas via http://www.html5rocks.com/en/tutorials/geolocation/trip_meter/ ... thanks
var suggestion=9000, ij;
if (!firstgo) {
if (!sok) {
document.getElementById('ds0').innerHTML=document.getElementById('s0').innerHTML.replace(/Lat/g,'Xat').replace(/Lon/g,'Xon').replace(/Place/g,'Xlace');
} else {
document.getElementById('ds0').innerHTML='';
}
if (!pok) {
document.getElementById('dp0').innerHTML=document.getElementById('p0').innerHTML.replace(/Lat/g,'Xat').replace(/Lon/g,'Xon').replace(/Place/g,'Xlace');
} else {
document.getElementById('dp0').innerHTML='';
}
if (!eok) {
document.getElementById('de0').innerHTML=document.getElementById('e0').innerHTML.replace(/Lat/g,'Xat').replace(/Lon/g,'Xon').replace(/Place/g,'Xlace');
} else {
document.getElementById('de0').innerHTML='';
}
}
try {
navigator.geolocation.getCurrentPosition(function(position) {
startPos = position;
if (firstgo) {
document.getElementById('si').style.display='inline';
document.getElementById('ei').style.display='inline';
document.getElementById('si').focus();
document.getElementById('sLat').style.display='inline';
document.getElementById('sLon').style.display='inline';
document.getElementById('pLat').style.display='inline';
document.getElementById('pLon').style.display='inline';
document.getElementById('eLat').style.display='inline';
document.getElementById('eLon').style.display='inline';
document.getElementById('sPlace').style.display='inline';
document.getElementById('pPlace').style.display='inline';
document.getElementById('ePlace').style.display='inline';
document.getElementById('sLat').innerHTML = startPos.coords.latitude;
document.getElementById('sLon').innerHTML = startPos.coords.longitude;
document.getElementById('pLat').innerHTML = startPos.coords.latitude;
document.getElementById('pLon').innerHTML = startPos.coords.longitude;
document.getElementById('eLat').innerHTML = startPos.coords.latitude;
document.getElementById('eLon').innerHTML = startPos.coords.longitude;
if (myi_href == '') {
myi_href=document.getElementById('mys').src;
}
lastPos = startPos;
} else {
document.getElementById(suffix + 'Lat').innerHTML = startPos.coords.latitude;
document.getElementById(suffix + 'Lon').innerHTML = startPos.coords.longitude;
document.getElementById('eLat').innerHTML = startPos.coords.latitude;
document.getElementById('eLon').innerHTML = startPos.coords.longitude;
lastlatdiff=eval(startPos.coords.latitude - lastPos.coords.latitude);
lastlongdiff=eval(startPos.coords.longitude - lastPos.coords.longitude);
if (Math.abs(lastlatdiff) > 0.0000001 || Math.abs(lastlongdiff) > 0.0000001) {
document.title='Moving';
} else {
document.title='Not Moving';
}
}
myi_href=document.getElementById('my' + suffix).src;
for (ij=0; ij<5; ij++) {
myi_href=myi_href.replace(cstartlat, "" + startPos.coords.latitude).replace(cstartlong, "" + startPos.coords.longitude);
if (firstgo) {
myi_href=myi_href.replace(encodeURIComponent(title), encodeURIComponent(stitle)).replace(title, stitle);
} else {
myi_href=myi_href.replace(encodeURIComponent(title), encodeURIComponent(etitle)).replace(title, etitle).replace(encodeURIComponent(stitle), encodeURIComponent(etitle)).replace(stitle, etitle);
if (suffix == 'p') ttitle=etitle;
}
}
if (firstgo) {
document.getElementById('my' + suffix).src=myi_href;
suffix='p';
} else {
if (suffix == 'p') pok=false;
document.getElementById(suffix + 'Lat').innerHTML = startPos.coords.latitude;
document.getElementById(suffix + 'Lon').innerHTML = startPos.coords.longitude;
eok=false;
document.getElementById('eLat').innerHTML = startPos.coords.latitude;
document.getElementById('eLon').innerHTML = startPos.coords.longitude;
}
document.getElementById('my' + suffix).src=myi_href;
document.getElementById('mye').src=myi_href;
cstartlat="" + startPos.coords.latitude;
cstartlong="" + startPos.coords.longitude;
document.getElementById('sPlace').innerHTML=stitle;
document.getElementById('pPlace').innerHTML=ttitle;
document.getElementById('ePlace').innerHTML=etitle;
firstgo=false;
});
} catch(ee) { }
setTimeout(locate_yourself, suggestion);
}
</script>
</head>
<body onload=" setTimeout(locate_yourself,5000);">
<h1 style=' text-align:center; width:100%; '>Your Trip <span style='font-size: 10px;'>- RJM Programming - August, 2016</span></h1>
<table style="width:100%;">
<tr style="width:100%;"><th>Start <input style=" display:none; " id='si' type='text' onblur="for (var ji=0;ji<5;ji++) { document.getElementById('mys').src=document.getElementById('mys').src.replace(encodeURIComponent(stitle), encodeURIComponent(this.value)).replace(stitle, this.value); document.getElementById('myp').src=document.getElementById('myp').src.replace(encodeURIComponent(stitle), encodeURIComponent(this.value)).replace(stitle, this.value); } stitle=this.value; ttitle=stitle; etitle=stitle; " value="Your Location"></input></th>
<th> ... <a href='#' onclick=" if (!firstgo) { suffix='e'; document.getElementById('pi').style.display='inline'; document.getElementById('pi').focus(); } " title="Lock this position in ...">Travel</a> <input style='display:none;' id='pi' type='text' onblur="for (var ji=0;ji<5;ji++) { document.getElementById('myp').src=document.getElementById('myp').src.replace(encodeURIComponent(ttitle), encodeURIComponent(this.value)).replace(ttitle, this.value); } ttitle=this.value; document.getElementById('pPlace').innerHTML=ttitle; " value="Your Location"></input> ...</th>
<th>End <input style=" display:none; " id='ei' type='text' onblur="for (var ji=0;ji<5;ji++) { document.getElementById('mye').src=document.getElementById('mye').src.replace(encodeURIComponent(etitle), encodeURIComponent(this.value)).replace(etitle, this.value); } etitle=this.value; " value="Your Location"></input></th></tr><tr>
<tr style="width:100%;"><td style="width:33%;overflow:hidden;"><div id='ds0'></div>
<iframe onerror=" sok=false; " onload=" sok=true; " id='mys' style=" z-index: 1;" title='RJM Programming ... welcome' src="http://www.rjmprogramming.com.au/PHP/Map/map.php?title=RJM%20Programming&label=%5b%27Lat%27,&value=%27Lon%27,%20%27Name%27%5d&data=,%20%5b-33.907371,151.176386,%22Here%20is%20our%20link%20for%20Google%20Map%20of%20%3Ca%20target=_blank%20href=https://maps.google.com.au/maps?z%3D15%26t%3Dm%26q%3Dloc%3A-33.907371%2B151.176386%3ERJM%20Programming%3C/a%3E%20or%20%3Ca%20target=_blank%20title=PHPJavascriptHTMLGoogleChartMapOnclickTutorial%20href=http://www.rjmprogramming.com.au/ITblog/phpjavascripthtml-google-chart-map-onclick-tutorial/%3E%28how%20we%20do%20this%20map%29%3C/a%3E%22,~RJM%20Programming~%5d" width='100%' height=429></iframe>
</td><td style="width:33%;overflow:hidden;"><div id='dp0'></div>
<iframe onerror=" pok=false; " onload=" pok=true; " id='myp' style=" z-index: 1;" title='RJM Programming ... welcome' src="http://www.rjmprogramming.com.au/PHP/Map/map.php?title=RJM%20Programming&label=%5b%27Lat%27,&value=%27Lon%27,%20%27Name%27%5d&data=,%20%5b-33.907371,151.176386,%22Here%20is%20our%20link%20for%20Google%20Map%20of%20%3Ca%20target=_blank%20href=https://maps.google.com.au/maps?z%3D15%26t%3Dm%26q%3Dloc%3A-33.907371%2B151.176386%3ERJM%20Programming%3C/a%3E%20or%20%3Ca%20target=_blank%20title=PHPJavascriptHTMLGoogleChartMapOnclickTutorial%20href=http://www.rjmprogramming.com.au/ITblog/phpjavascripthtml-google-chart-map-onclick-tutorial/%3E%28how%20we%20do%20this%20map%29%3C/a%3E%22,~RJM%20Programming~%5d" width='100%' height=429></iframe>
</td><td style="width:33%;overflow:hidden;"><div id='de0'></div>
<iframe onerror=" eok=false; " onload=" eok=true; " id='mye' style=" z-index: 1;" title='RJM Programming ... welcome' src="http://www.rjmprogramming.com.au/PHP/Map/map.php?title=RJM%20Programming&label=%5b%27Lat%27,&value=%27Lon%27,%20%27Name%27%5d&data=,%20%5b-33.907371,151.176386,%22Here%20is%20our%20link%20for%20Google%20Map%20of%20%3Ca%20target=_blank%20href=https://maps.google.com.au/maps?z%3D15%26t%3Dm%26q%3Dloc%3A-33.907371%2B151.176386%3ERJM%20Programming%3C/a%3E%20or%20%3Ca%20target=_blank%20title=PHPJavascriptHTMLGoogleChartMapOnclickTutorial%20href=http://www.rjmprogramming.com.au/ITblog/phpjavascripthtml-google-chart-map-onclick-tutorial/%3E%28how%20we%20do%20this%20map%29%3C/a%3E%22,~RJM%20Programming~%5d" width='100%' height=429></iframe>
</td></tr>
<tr style="width:100%;"><td id='s0'><p id='sPlace' style='display:none;'></p><br>
<p id='sLat' style='display:none;'></p><br>
<p id='sLon' style='display:none;'></p>
</td><td id='p0'><p id='pPlace' style='display:none;'></p><br>
<p id='pLat' style='display:none;'></p><br>
<p id='pLon' style='display:none;'></p>
</td><td id='e0'><p id='ePlace' style='display:none;'></p><br>
<p id='eLat' style='display:none;'></p><br>
<p id='eLon' style='display:none;'></p>
</td></tr>
</table>
</body>
</html>