Javascript

LED Navigation

<HTML> <TITLE>Table of Contents</TITLE> <HEAD> <STYLE>  </STYLE> <SCRIPT LANGUAGE="Javascript"> //************************************************************************************ //******************************** LED LOGIC ***************************************** //************************************************************************************ function getAppVersion() { appname= navigator.appName; appversion = navigator.appVersion; majorver = appversion.substring(0, 1); if ( (appname == "Netscape") && ( majorver >= 3 ) ) return 1; if ( (appname == "Microsoft Internet Explorer") && (majorver >= 4) ) return 1; return 0; } function swtch(num, imgname) { if (getAppVersion()) { document[imgname].src = img[num].src; } } imgsrc = new Array(); imgsrc[0] = "images/led_on.gif"; imgsrc[1] = "images/led_off.gif"; if (getAppVersion()) { img = new Array(); for (i = 0; i < imgsrc.length; i++) { img[i] = new Image(); img[i].src = imgsrc[i]; } } function clearAll() { swtch('1','led1') swtch('1','led2') swtch('1','led3') swtch('1','led4') } // --> </SCRIPT> </HEAD> <BODY BGCOLOR=#002255 topmargin="0" leftmargin="0"> <DIV ALIGN="left"> <table align=left border=0 cellpadding=1> <tr><td align=center> <tr><td> <img src="images/led_on.gif" width=13 height=13 hspace=5 vspace=0 border=0 name="led1"><A HREF="topic1.html" TARGET="demomain" onClick="clearAll();swtch('0','led1')">Topic 1</a> <tr><td> <img src="images/led_off.gif" width=13 height=13 hspace=5 vspace=0 border=0 name="led2"><A HREF="topic2.html" TARGET="demomain" onClick="clearAll();swtch('0','led2')">Topic 2</a> <tr><td> <img src="images/led_off.gif" width=13 height=13 hspace=5 vspace=0 border=0 name="led3"><A HREF="topic3.html" TARGET="demomain" onClick="clearAll();swtch('0','led3')">Topic 3</a> <tr><td> <img src="images/led_off.gif" width=13 height=13 hspace=5 vspace=0 border=0 name="led4"><A HREF="topic4.html" TARGET="demomain" onClick="clearAll();swtch('0','led4')">Topic 4</a> </table> </div> </BODY> </HTML>