Source for JavaScript Demo divs.html

<SCRIPT>

function showlayer1() {
  if (navigator.appName == "Microsoft Internet Explorer") {
    document.all["layer1"].style.visibility="visible";
    document.all["layer2"].style.visibility="hidden";
  } else {
    document.layer1.visibility="visible";
    document.layer2.visibility="hidden";
  }
}


function showlayer2() {
  if (navigator.appName == "Microsoft Internet Explorer") {
    document.all["layer1"].style.visibility="hidden";
    document.all["layer2"].style.visibility="visible";
  } else {
    document.layer1.visibility="hidden";
    document.layer2.visibility="visible";
  }
}
</SCRIPT>

<DIV id=layer1 style="background-color: black; visibility: hidden; position: absolute;left:5;top:5">
<FONT COLOR=RED>
<CENTER><H1>Hi Dave - LAYER 1</H1></CENTER>

layer 1 layer 1 layer 1 layer 1
layer 1 layer 1 layer 1 layer 1
layer 1 layer 1 layer 1 layer 1
</FONT></DIV>

<DIV id=layer2 style="background-color: yellow; visibility: hidden; position: absolute;left:5;top:5">
<FONT COLOR=BLUE>
<CENTER><H1>Hi Dave - LAYER 2</H1></CENTER>

layer 2 layer 2 layer 2 layer 2
layer 2 layer 2 layer 2 layer 2
layer 2 layer 2 layer 2 layer 2
</FONT>
</DIV>

<H1> </H1>
 
<HR>

<CENTER>
<FORM Name=frm>
<INPUT TYPE=BUTTON Name=l1 Value="Layer1" onClick="showlayer1()">
<INPUT TYPE=BUTTON Name=l2 Value="Layer2" onClick="showlayer2()">
</FORM>
<HR>
Press a button to see that layer</CENTER>