Menu deroulant qui ne disparait pas

Bonjour à tous,

Dans ma page, j'ai intégré un menu deroulant en .js. Quant la souris passe sur le menu, les sous menus apparaissent mais rien ne les fait disparaitre... les sous-menus restent ...

Voici le menu.js

posYmenu =76;
bgcolor='#FF0033';/*rose*/
bgcolor2='#FF0033';/*vert*/
bgcolor3='#FF0033';/*mauve*/
bgcolor5='#FF0033';/*violet*/
bgcolor4='#FF0033';/*noir*/
bgcolor6='#FF0033';/*rouge*/
bgcolor7='#ffffff';/*blanc*/
needcenter =false;
if(!needcenter)
	posXmenu = 628;
else
	{	if (document.all)
		posXmenu = (document.body.clientWidth/2)-(500/2);
	else
		posXmenu = (window.innerWidth/2)-(500/2); 
	}
document.write('<style type="text/css">');
document.write('.popper { POSITION: absolute; VISIBILITY: hidden; z-index:3; }')
document.write('#topgauche { position:absolute; top:'+posYmenu+'px; left:'+posXmenu+'px; z-index:10; }')
document.write('A:hover.ejsmenu {color:'+bgcolor7+'; text-decoration:underline;}')
document.write('A.ejsmenu {color:'+bgcolor7+'; text-decoration:none; font size="12"}')
document.write('</style>')
document.write('<DIV class=popper id=topdeck></DIV>');


/*
LIENS
*/

zlien = new Array;
zlien[0] = new Array;
zlien[1] = new Array;
zlien[2] = new Array;
zlien[3] = new Array;
zlien[4] = new Array;
zlien[5] = new Array;
zlien[0][0] = '<A HREF="vocale.html" CLASS=ejsmenu>Musique Vocale </A>';
zlien[0][1] = '<A HREF="latino.html" CLASS=ejsmenu>Musique chorale latino-americaine </A>';
zlien[0][2] = '<A HREF="balkans2.html" CLASS=ejsmenu>Polyphonies des Balkans</A>';
zlien[0][3] = '<A HREF="americaine.html" CLASS=ejsmenu>Musique latino americaine</A>';
zlien[0][4] = '<A HREF="salsa.html" CLASS=ejsmenu>Musique bresilienne et Salsa</A>';
zlien[0][5] = '<A HREF="balkans.html" CLASS=ejsmenu>Musique des Balkans</A>';
zlien[0][6] = '<A HREF="espagne.html" CLASS=ejsmenu>Danses Espagnoles</A>';
zlien[0][7] = '<A HREF="son.html" CLASS=ejsmenu>Memoire et diffusion du son</A>';


var nava = (document.layers);
var dom = (document.getElementById);
var iex = (document.all);
if (nava) { skn = document.topdeck }
else if (dom) { skn = document.getElementById("topdeck").style }
else if (iex) { skn = topdeck.style }
skn.top = posYmenu+27;/* cette valeur correspond à la position Y des sous menu */

function pop(msg,pos)
{
skn.visibility = "hidden";
a=true
skn.left = posXmenu+pos;
var content ="<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 BGCOLOR="+bgcolor6+" WIDTH=150><TR><TD><TABLE WIDTH=100% BORDER=0 CELLPADDING=0 CELLSPACING=1>";
pass = 0
while (pass < msg.length)
	{
	content += "<TR><TD BGCOLOR="+bgcolor+" onMouseOver=\"this.style.background='"+bgcolor6+"'\" onMouseOut=\"this.style.background='"+bgcolor+"'\" HEIGHT=15><FONT SIZE=1 FACE=\"Arial\">  "+msg[pass]+"</FONT></TD></TR>";
	pass++;
	}
content += "</TABLE></TD></TR></TABLE>";
if (nava)
  {
    skn.document.write(content);
	  skn.document.close();
	  skn.visibility = "visible";
  }
    else if (dom)
  {
	  document.getElementById("topdeck").innerHTML = content;
	  skn.visibility = "visible";
  }
    else if (iex)
  {
	  document.all("topdeck").innerHTML = content;
	  skn.visibility = "visible";
  }
}
function kill()
{
	skn.visibility = "hidden";
}
document.onclick = kill;
document.write('<DIV ID=topgauche><TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 BGCOLOR=#000000 WIDTH=81><TR><TD><TABLE CELLPADING=0 CELLSPACING=0 BORDER=0 WIDTH=100% HEIGHT=21><TR>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onmouseover="this.style.background=\''+bgcolor4+'\';pop(zlien[0],0)" onmouseout="this.style.background=\''+bgcolor+'\'"><A onclick="return(false)" onmouseover="pop(zlien[0],0)" href=# CLASS=ejsmenu ><font face="Arial">Stages</font></a></TD>')

document.write('</TR></TABLE></TD></TR></TABLE></DIV>')

et voici le code dans ma page html

<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
<SCRIPT LANGUAGE="JavaScript" SRC="menu.js"></SCRIPT>

Modifié par loulou (29 Mar 2005 - 18:24)