zspitzer/index.html

## index.html
<html>
  <head>
  <title>Offline/Online event toggling demo</title>
  <script>
      var online = function () {
        logger("<B>online</B>");
      }

      var offline = function () {
        logger("offline");
      }

      var logger = function (status){
        var log = document.getElementById('log');
        console.log(status);
        log.innerHTML += "<br>" + status + " :: navigator.onLine:" + navigator.onLine + " :: " + new Date();
      }

      window.addEventListener('online',  online);
      window.addEventListener('offline', offline);

      console.log('listening for online/offline effects');
</script>
</head>
<h1>listening for online/offline effects</h1>
<input type="button" value="poll network status" onclick="javascript:logger('<i>checking status</i>');">
<div id="log">
</div>
</html>
	<html>
	<head>
	<title>Offline/Online event toggling demo</title>
	<script>
	var online = function () {
	logger("<B>online</B>");
	}

	var offline = function () {
	logger("offline");
	}

	var logger = function (status){
	var log = document.getElementById('log');
	console.log(status);
	log.innerHTML += "<br>" + status + " :: navigator.onLine:" + navigator.onLine + " :: " + new Date();
	}

	window.addEventListener('online', online);
	window.addEventListener('offline', offline);

	console.log('listening for online/offline effects');
	</script>
	</head>
	<h1>listening for online/offline effects</h1>
	<input type="button" value="poll network status" onclick="javascript:logger('<i>checking status</i>');">
	<div id="log">
	</div>
	</html>