< script language="JavaScript1.2">
< !-- Begin
/ /réutilisable/////////////////////////////
var zindex=100;
function dropit2(whichone){
if ( window.themenu&&.id!=whichone.id)
themenu.style.visibility="hidden";
themenu=whichone;
if ( document.all){
themenu.style.left=document.body.scrollLeft+event.
clientX-event.offsetX;
themenu.style.top=document.body.scrollTop+event.cl
ientY-event.offsetY+18;
if ( themenu.style.visibility=="hidden"){
themenu.style.visibility="visible";
themenu.style.zIndex=zindex++;
}
else{
hidemenu();
}
}
}
function dropit(e,whichone){
if ( window.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;
/ /réutilisable/////////////////////////////
/ / End -->
< /script>
< !----------Menu 1 débute ici---------->
< ilayer height=35px>
< layer visibility=show>
< span class=iewrap1>
< span class=iewrap2
onClick="dropit2(dropmenu0);event.cancelBubble=tru
e;return false"><font face=Verdana><b><a href="alternate.htm" onClick="if(document.layers) return dropit(event, ´document.dropmenu0´)">Cliquez ici</a></b></font>
< /span>
< /span>
< /layer>
< /ilayer><br>
< !----------Menu 1 se termine ici---------->
< !----------Menu 2 débute ici---------->
< ilayer height=35px>
< layer visibility=show>
< span class=iewrap1>
< span class=iewrap2
onClick="dropit2(dropmenu1);event.cancelBubble=tru
e;return false"><font face=Verdana><b><a href="alternate.htm" onClick="if(document.layers) return dropit(event, ´document.dropmenu1´)">Cliquez ici</a></b></font>
< /span>
< /span>
< /layer>
< /ilayer><br>
< !----------Menu 2 se termine ici---------->
< !----------Menu 3 débute ici---------->
< ilayer height=35px>
< layer visibility=show>
< span class=iewrap1>
< span class=iewrap2
onClick="dropit2(dropmenu2);event.cancelBubble=tru
e;return false"><font face=Verdana><b><a href="alternate.htm" onClick="if(document.layers) return dropit(event, ´document.dropmenu2´)">Cliquez ici</a></b></font>
< /span>
< /span>
< /layer>
< /ilayer><br>
< !----------Menu 3 se termine ici---------->
< !----------Menu 4 débute ici---------->
< ilayer height=35px>
< layer visibility=show>
< span class=iewrap1>
< span class=iewrap2
onClick="dropit2(dropmenu3);event.cancelBubble=tru
e;return false"><font face=Verdana><b><a href="alternate.htm" onClick="if(document.layers) return dropit(event, ´document.dropmenu3´)">Cliquez ici</a></b></font>
< /span>
< /span>
< /layer>
< /ilayer><br>
< !----------Menu 4 se termine ici---------->
< !----------Menu 5 débute ici---------->
< ilayer height=35px>
< layer visibility=show>
< span class=iewrap1>
< span class=iewrap2
onClick="dropit2(dropmenu4);event.cancelBubble=tru
e;return false"><font face=Verdana><b><a href="alternate.htm" onClick="if(document.layers) return dropit(event, ´document.dropmenu4´)">Cliquez ici</a></b></font>
< /span>
< /span>
< /layer>
< /ilayer><br>
< !----------Menu 5 se termine ici---------->
< div id=dropmenu0
style="position:absolute;left:0;top:0;layer-backgr
ound-color:lightyellow;background-color:lightyello
w;width:120;visibility:hidden;border:2px solid black;padding:0px">
< script language="JavaScript1.2">
< !-- Begin
if ( document.all)
dropmenu0.style.padding="4px";
for ( i=0;i<menu1.length;i++)
document.write(menu1[i]);
/ / End -->
< /script>
< /div>
< script language="JavaScript1.2">
< !-- Begin
if ( document.layers){
document.dropmenu0.captureEvents(Event.CLICK);
document.dropmenu0.onclick=hidemenu2;
}
/ / End -->
< /script>
< div id=dropmenu1
style="position:absolute;left:0;top:0;layer-backgr
ound-color:lightyellow;background-color:lightyello
w;width:120;visibility:hidden;border:2px solid black;padding:0px">
< script language="JavaScript1.2">
< !-- Begin
if ( document.all)
dropmenu1.style.padding="4px";
for ( i=0;i<menu2.length;i++)
document.write(menu2[i]);
/ / End -->
< /script>
< /div>
< script language="JavaScript1.2">
< !-- Begin
if ( document.layers){
document.dropmenu1.captureEvents(Event.CLICK);
document.dropmenu1.onclick=hidemenu2;
}
/ / End -->
< /script>
< div id=dropmenu2
style="position:absolute;left:0;top:0;layer-backgr
ound-color:lightyellow;background-color:lightyello
w;width:120;visibility:hidden;border:2px solid black;padding:0px">
< script language="JavaScript1.2">
< !-- Begin
if ( document.all)
dropmenu2.style.padding="4px";
for ( i=0;i<menu3.length;i++)
document.write(menu3[i]);
/ / End -->
< /script>
< /div>
< script language="JavaScript1.2">
< !-- Begin
if ( document.layers){
document.dropmenu2.captureEvents(Event.CLICK);
document.dropmenu2.onclick=hidemenu2;
}
/ / End -->
< /script>
< div id=dropmenu3
style="position:absolute;left:0;top:0;layer-backgr
ound-color:lightyellow;background-color:lightyello
w;width:120;visibility:hidden;border:2px solid black;padding:0px">
< script language="JavaScript1.2">
< !-- Begin
if ( document.all)
dropmenu3.style.padding="4px";
for ( i=0;i<menu4.length;i++)
document.write(menu4[i]);
/ / End -->
< /script>
< /div>
< script language="JavaScript1.2">
< !-- Begin
if ( document.layers){
document.dropmenu3.captureEvents(Event.CLICK);
document.dropmenu3.onclick=hidemenu2;
}
/ / End -->
< /script>
< div id=dropmenu4
style="position:absolute;left:0;top:0;layer-backgr
ound-color:lightyellow;background-color:lightyello
w;width:120;visibility:hidden;border:2px solid black;padding:0px">
< script language="JavaScript1.2">
< !-- Begin
if ( document.all)
dropmenu4.style.padding="4px";
for ( i=0;i<menu5.length;i++)
document.write(menu5[i]);
/ / End -->
< /script>
< /div>
< script language="JavaScript1.2">
< !-- Begin
if ( document.layers){
document.dropmenu4.captureEvents(Event.CLICK);
document.dropmenu4.onclick=hidemenu2;
}
/ / End -->
< /script>
< script language="JavaScript1.2">
< !-- Begin
/ *
Script Menu déroulant
© Dynamic Drive ( www.dynamicdrive.com)
Pour le code source complet, les instructions d´installation,
des centaines d´autres scripts DHTML et les modalités d´utilisation,
visitez dynamicdrive.com
/ /Contenu du menu 1
var menu1=new Array();
menu1[0]=´<a href=Test00.htm>Menu item caption00</a><br>´;
menu1[1]=´<a href=Test01.htm>Menu item caption01 ici</a><br>´;
menu1[2]=´<a href=Test02.htm>Menu item caption02</a><br>´;
/ /Contenu du menu 2
var menu2=new Array();
menu2[0]=´<a href=Test10.htm>Menu item caption10</a><br>´;
menu2[1]=´<a href=Test11.htm>Menu item caption11</a><br>´;
menu2[2]=´<a href=Test12.htm>Menu item caption12</a><br>´;
/ /Contenu du menu 3
var menu3=new Array();
menu3[0]=´<a href=Test20.htm>Menu item caption20</a><br>´;
menu3[1]=´<a href=Test21.htm>Menu item caption21</a><br>´;
menu3[2]=´<a href=Test22.htm>Menu item caption22</a><br>´;
/ /Contenu du menu 4
var menu4=new Array();
menu4[0]=´<a href=Test30.htm>Menu item caption30</a><br>´;
menu4[1]=´<a href=Test31.htm>Menu item caption31</a><br>´;
menu4[2]=´<a href=Test32.htm>Menu item caption32</a><br>´;
/ /Contenu du menu 5
var menu5=new Array();
menu5[0]=´<a href=Test40.htm>Menu item caption40</a><br>´;
menu5[1]=´<a href=Test41.htm>Menu item caption41</a><br>´;
menu5[2]=´<a href=Test42.htm>Menu item caption42</a><br>´;
/ / End -->
< /script>
< style>
< !--
. iewrap1{
position:relative;
height:30px;
}
. iewrap2{
position:absolute;
}
- dropmenu0, #dropmenu1, #dropmenu2, #dropmenu3, #dropmenu4{
visibility:hidden;
z-index:100;
}
-->
< /style>
