alfg/demo.html

## demo.html
<!DOCTYPE html>
<html>
    <head>
        <title>Ping.JS Demo</title>

        <style>
            ul span {
                color: green;
            }
        </style>
    </head>
	<body>
        <script src="../src/ping.js" type="text/javascript"></script>

        <ul>
          <li>google.com <span id="ping-google"></span></li>
          <li>guildbit.com <span id="ping-guildbit"></span></li>
          <li>sf.guildbit.com <span id="ping-guildbit-sf"></span></li>
          <li>ny.guildbit.com <span id="ping-guildbit-ny"></span></li>
          <li>am.guildbit.com <span id="ping-guildbit-am"></span></li>
        </ul>

        <script>
        var p = new Ping();

        p.ping("http://google.com", function(err, data) {
        // Also display error if err is returned.
        if (err) {
          console.log("error loading resource")
          data = data + " " + err;
        }
        document.getElementById("ping-google").innerHTML = data;
        });

        p.ping("http://guildbit.com", function(err, data) {
        if (err) {
          console.log("error loading resource")
          data = data + " " + err;
        }
        document.getElementById("ping-guildbit").innerHTML = data;
        });

        p.ping("http://sf.guildbit.com", function(err, data) {
        if (err) {
          console.log("error loading resource")
          data = data + " " + err;
        }
        document.getElementById("ping-guildbit-sf").innerHTML = data;
        });

        p.ping("http://ny.guildbit.com", function(err, data) {
        if (err) {
          console.log("error loading resource")
          data = data + " " + err;
        }
        document.getElementById("ping-guildbit-ny").innerHTML = data;
        });

        p.ping("http://am.guildbit.com", function(err, data) {
        if (err) {
          console.log("error loading resource")
          data = data + " " + err;
        }
        document.getElementById("ping-guildbit-am").innerHTML = data;
        });

    </script>
    </body>
</html>
	<!DOCTYPE html>
	<html>
	<head>
	<title>Ping.JS Demo</title>

	<style>
	ul span {
	color: green;
	}
	</style>
	</head>
	<body>
	<script src="../src/ping.js" type="text/javascript"></script>

	<ul>
	<li>google.com <span id="ping-google"></span></li>
	<li>guildbit.com <span id="ping-guildbit"></span></li>
	<li>sf.guildbit.com <span id="ping-guildbit-sf"></span></li>
	<li>ny.guildbit.com <span id="ping-guildbit-ny"></span></li>
	<li>am.guildbit.com <span id="ping-guildbit-am"></span></li>
	</ul>

	<script>
	var p = new Ping();

	p.ping("http://google.com", function(err, data) {
	// Also display error if err is returned.
	if (err) {
	console.log("error loading resource")
	data = data + " " + err;
	}
	document.getElementById("ping-google").innerHTML = data;
	});

	p.ping("http://guildbit.com", function(err, data) {
	if (err) {
	console.log("error loading resource")
	data = data + " " + err;
	}
	document.getElementById("ping-guildbit").innerHTML = data;
	});

	p.ping("http://sf.guildbit.com", function(err, data) {
	if (err) {
	console.log("error loading resource")
	data = data + " " + err;
	}
	document.getElementById("ping-guildbit-sf").innerHTML = data;
	});

	p.ping("http://ny.guildbit.com", function(err, data) {
	if (err) {
	console.log("error loading resource")
	data = data + " " + err;
	}
	document.getElementById("ping-guildbit-ny").innerHTML = data;
	});

	p.ping("http://am.guildbit.com", function(err, data) {
	if (err) {
	console.log("error loading resource")
	data = data + " " + err;
	}
	document.getElementById("ping-guildbit-am").innerHTML = data;
	});

	</script>
	</body>
	</html>