<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script src="http://maps.google.com/maps?file=api&v=2&sensor=false&key=<key>" type="text/javascript"></script>
</head>
<script type="text/javascript" >
function Iterate()
{
if(start > aLesPoints.length) {
clearInterval(interval);
return;
}
map.addOverlay(new GMarker(aLesPoints[start], {title: aLesNoms[start]}));
if(start > 0)
{
var aLesLL = new Array();
aLesLL[0] = aLesPoints[start - 1];
aLesLL[1] = aLesPoints[start - 0];
map.addOverlay(new GPolyline(aLesLL, 'red'));
}
start++;
}
function Loaded() {
interval = setInterval("Iterate()", 750);
}
function OnRestart()
{
if(interval != null)
clearInterval(interval);
map.clearOverlays();
start = 0;
interval = setInterval("Iterate()", 750);
}
</script>
<body onload="Loaded();" >
<header>
<h2>Trace Route vers: <host></h2>
<br />
<input type="button" value="Restart" onclick="OnRestart();" />
<br /><br />
<div id="mapG1" style="width: 1000px; height: 650px"></div>
<table border="1" >
<tr>
<th>#</th>
<th>IP</th>
<th>TTL</th>
<th>Time (ms)</th>
</tr>
<tr>
<tds>
</tr>
</table>
<script type="text/javascript">
var map;
var aLesPoints = new Array();
var aLesNoms = new Array();
var interval = null;
var start = 0;
function initialize1(a,b)
{
map = new GMap2(document.getElementById('mapG1'));
map.checkResize();
map.setCenter(new GLatLng(a,b), 3);
}
initialize1(46.4761, 2.83222);
|
Download
