networkStatus example

The index.html file containing JavaScript that makes use of the Network Status API functionality is listed below.

<!DOCTYPE html>
<html manifest="manifest.appcache">
  <head>
    <title>Network status example</title>
	<link rel="stylesheet" href="../css/style.css" type="text/css" media="all" />
    <script type="text/javascript">
      
      function printText(str) {
        var d = document.getElementById("results");
        d.appendChild(document.createTextNode(str));
        d.appendChild(document.createElement('br'));
        d.scrollTop = d.scrollHeight;
      };

      var networkListener = function (type) {
        printText("network type: " + type);
      };

      function getNetwork() {
        printText(launchbox.Container.networkStatus.type);
      };

      function addNetworkListener() {
        launchbox.Container.networkStatus.addListener(networkListener);
      };

      function removeNetworkListener() {
        launchbox.Container.networkStatus.removeListener(networkListener);
      };

      function clearOutput() {
        var d = document.getElementById("results");
        d.innerHTML = "";
      };

    </script>
  </head>
  <body>
    <header>
      <h3><span>Network Status API usage example</span>
      </h3>
    </header>

    <input type="button" onclick="getNetwork();" value="getNetwork" />
    <input type="button" onclick="addNetworkListener();" value="addNetworkListener" />
    <input type="button" onclick="removeNetworkListener();" value="removeNetworkListener" />
    <hr />
    <input type="button" onclick="clearOutput();" value="Clear output" />
    <hr />
    <div id="results">
    </div>
  </body>
</html>

The contents of the cache manifest file called manifest.appcache for this application are listed below:

CACHE MANIFEST

CACHE:

NETWORK:
*

# NetworkStatus 1.0

Network Status

networkStatus example

Related topics