JAVASCRIPT EXAMPLES: Dynamic Drop Menu

COPY - Insert Between Head Tags: <HEAD></HEAD>

COPY - Insert Inside Body: <BODY></BODY>

function dropit(e,whichone){
if (window.themenu&&themenu.id!=eval(whichone).id)
themenu.visibility="hide"
themenu=eval(whichone)
if (themenu.visibility=="hide")
themenu.visibility="show"
else
themenu.visibility="hide"
themenu.zIndex++
themenu.left=e.pageX-e.layerX
themenu.top=e.pageY-e.layerY+19
return false
}

function hidemenu(whichone){
if (window.themenu)
themenu.style.visibility="hidden"
}

function hidemenu2(){
themenu.visibility="hide"
}

if (document.all)
document.body.onclick=hidemenu

//reusable/////////////////////////////
</script>

<ilayer height="35px">
<layer visibility="show">
<span class="iewrap2" onClick="dropit2(dropmenu0);event.cancelBubble=true;return false"><font face="Arial"><b><a href="http://jdstiles.com/javamain.html" onClick="if(document.layers) return dropit(event, 'document.dropmenu0')">

<p>First Menu</a></b></font> </span>
<p>
<p>
<p></layer> </ilayer><br>

<ilayer height="35px"><layer visibility="show"><span class="iewrap2" onClick="dropit2(dropmenu1);event.cancelBubble=true;return false"><font face="Verdana"><b><a href="http://jdstiles.com/javamain.html" onClick="if(document.layers) return dropit(event, 'document.dropmenu1')">Second Menu</a></b></font>
</span></layer> </ilayer><br>
  
<div id="dropmenu0" style="position:absolute;left:0;top:0;layer-background-color:00ced1;background-color:00ced1;width:120;visibility:hidden;border:2px solid black;padding:0px"><script language="JavaScript1.2">
if (document.all)
dropmenu0.style.padding="4px"
for (i=0;i<menu1.length;i++)
document.write(menu1[i])
</script>
</div><script language="JavaScript1.2">
if (document.layers){
document.dropmenu0.captureEvents(Event.CLICK)
document.dropmenu0.onclick=hidemenu2
}
</script>
<div id="dropmenu1" style="position:absolute;left:0;top:0;layer-background-color:lightyellow;background-color:lightyellow;width:120;visibility:hidden;border:2px solid black;padding:0px"><script language="JavaScript1.2">
if (document.all)
dropmenu1.style.padding="4px"
for (i=0;i<menu2.length;i++)
document.write(menu2[i])
</script>
</div><script language="JavaScript1.2">
if (document.layers){
document.dropmenu1.captureEvents(Event.CLICK)
document.dropmenu1.onclick=hidemenu2
}
</script>

Uncle Jim's Javascript Designs

Dynamic Drop Menu