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