agazso/pinger.html

## pinger.html
<html>
<script type="text/javascript">

function update(name, status, timeout)
{
	var id = "ping:" + name.replace('/', ':');
	var div = document.getElementById(id);
	div.innerHTML = name + " is " + status;
	var background = "white";
	var color = "black";
	if (status == "alive")
	{
		background = "green";
		color = "white";
	}
	else if (status == "unreachable" || status == "timing out")
	{
		background = "red";
		color = "white";
	}
	div.style.background = background;
	div.style.color = color;
	clearTimeout(timeout);
}

function pinger(url)
{
	var div = url;
	var img = new Image();
	var timeout = setTimeout(function() {
		update(div, "timing out", null);
		img.complete = false;
	}, 2000);
	img.onload = function() { update(div, "alive", timeout); }
	img.onerror = function() {
		if (img.complete) update(div, "alive2", timeout);
		else update(div, "unreachable", timeout);
	 }

	img.src = "http://" + url + "/?" + new Date().getTime();
	setTimeout(function() { pinger(url); }, 10000);
}

function start()
{
	var divs = document.getElementsByTagName("div");
	for (var i = 0; i < divs.length; i++)
	{
		var div = divs[i];
		if (div.id.indexOf("ping:") == 0)
		{
			var url = div.id.replace(/ping:/, '');
			div.innerHTML = url;
			pinger(url);
		}
	}
}
</script>
<style>
* {
	font-family: arial;
	font-size: 20px;
}
div {
	margin: 20px;
	padding: 10px;
}
</style>
<body onload="start()">
<div id="ping:scalien.com"></div>
<div id="ping:mediafilter.hu"></div>
<div id="ping:94.76.202.195"></div>
<div id="ping:192.168.1.123"></div>
</body>
</html>
	<html>
	<script type="text/javascript">

	function update(name, status, timeout)
	{
	var id = "ping:" + name.replace('/', ':');
	var div = document.getElementById(id);
	div.innerHTML = name + " is " + status;
	var background = "white";
	var color = "black";
	if (status == "alive")
	{
	background = "green";
	color = "white";
	}
	else if (status == "unreachable" \|\| status == "timing out")
	{
	background = "red";
	color = "white";
	}
	div.style.background = background;
	div.style.color = color;
	clearTimeout(timeout);
	}

	function pinger(url)
	{
	var div = url;
	var img = new Image();
	var timeout = setTimeout(function() {
	update(div, "timing out", null);
	img.complete = false;
	}, 2000);
	img.onload = function() { update(div, "alive", timeout); }
	img.onerror = function() {
	if (img.complete) update(div, "alive2", timeout);
	else update(div, "unreachable", timeout);
	}

	img.src = "http://" + url + "/?" + new Date().getTime();
	setTimeout(function() { pinger(url); }, 10000);
	}

	function start()
	{
	var divs = document.getElementsByTagName("div");
	for (var i = 0; i < divs.length; i++)
	{
	var div = divs[i];
	if (div.id.indexOf("ping:") == 0)
	{
	var url = div.id.replace(/ping:/, '');
	div.innerHTML = url;
	pinger(url);
	}
	}
	}
	</script>
	<style>
	* {
	font-family: arial;
	font-size: 20px;
	}
	div {
	margin: 20px;
	padding: 10px;
	}
	</style>
	<body onload="start()">
	<div id="ping:scalien.com"></div>
	<div id="ping:mediafilter.hu"></div>
	<div id="ping:94.76.202.195"></div>
	<div id="ping:192.168.1.123"></div>
	</body>
	</html>