[JS] menu, le deroulant ne veut pas disparaitre

DivX_666

Expert Programmation

17 Avril 2007 14:53:24

Bonjour a tous,

je suis aller sur le site Editeur Javascript afin de trouver un menu deroulant car je n'ai pas assez de connaissance pour le faire moi-meme. J'ai donc pris un code, puis modifie pour qu'il arriven a ce que je voulais.
Mais je suis face a un probleme : il y a un des bouton qui quand on va dessus fait derouler un menu pour voir d'autre bouton. Jusque la tout va bien mais quand j'enleve ma souris du menu il ne veut pas disparaitre ! je suis obliger de cliquer ailleur pour qu'il disparaisse. J'ai chercher un bon moment comment faire mais je n'ai pas trouver :'(

Voici donc mon code j'esper que vous trouverez comment faire :

//source inspiré du site : Editeur Javascript - <a href="http://www.editeurjavascript.com/" target="_blank">http://www.editeurjavascript.com/</a> modifie par DivX le 06/04/07

bgcolor='#000000';

var AnemiS = 'AnemiS';

 
zgcolor = new Array;

zgcolor[0] = '#FF0080';

zgcolor[1] = '#FF0080';

zgcolor[2] = '#FF0080';

 
document.write('<style type="text/css">');

document.write('.popper { POSITION: absolute; VISIBILITY: hidden; z-index:3; }')

document.write('#topgauche { position:absolute; z-index:10; }')

document.write('A:hover.ejsmenu {color:#FFFFFF; text-decoration:none;}')

document.write('A.ejsmenu {color:#FFFFFF; text-decoration:none;}')

document.write('</style>')

document.write('<div style="position:relative;height:25"><DIV class=popper id=topdeck></DIV>');

 
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[4][0] = '<a onMouseOver="window.status=\'AnemiS\';return(true);" href="media.php?cat=1" target="frame" CLASS=ejsmenu>Photo</A>';

zlien[4][1] = '<a onMouseOver="window.status=\'AnemiS\';return(true);" href="media.php?cat=2" target="frame" CLASS=ejsmenu>Musique</A>';

zlien[4][2] = '<a onMouseOver="window.status=\'AnemiS\';return(true);" href="media.php?cat=3" target="frame" CLASS=ejsmenu>Video</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 = 24;

 
function cache()

{

	visibility = "hidden";

}

 
function pop(msg,pos)

{

	skn.visibility = "hidden";

	a=true

	skn.left = pos;

	var content ="<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 BGCOLOR=#000000 WIDTH=116 id=deroul><TR><TD><TABLE WIDTH=100% BORDER=0 CELLPADDING=0 CELLSPACING=0>";

	pass = 0

	while (pass < msg.length)

		{

			content += "<TR><TD BGCOLOR="+bgcolor+" onMouseOver=\"this.style.background='"+zgcolor[pass]+"'\" onMouseOut=\"this.style.background='"+bgcolor+"'\" HEIGHT=20><FONT SIZE=1 FACE=\"Verdana\">  "+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";

}

 
bouton = new Image();

bouton.src = "design/menu/accout.jpg";

bouton1 = new Image();

bouton1.src = "design/menu/forout.jpg";

bouton2 = new Image();

bouton2.src = "design/menu/bioout.jpg";

bouton3 = new Image();

bouton3.src = "design/menu/disout.jpg";

bouton4 = new Image();

bouton4.src = "design/menu/medout.jpg";

bouton5 = new Image();

bouton5.src = "design/menu/conout.jpg";

 
onMouseOver="this.style.background=\''+bgcolor6+'\';pop(zlien[4],516)"

 
document.onclick = kill;

document.write('<DIV align="center"><TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 BGCOLOR=#000000 WIDTH=700><TR><TD><TABLE CELLPADING=0 CELLSPACING=1 BORDER=0 WIDTH=100% HEIGHT=18 ><TR>')

document.write('<TD id="menuborder" WIDTH=100 ALIGN=center><a onMouseOver="window.status=\'AnemiS\';bouton.src = \'design/menu/accover.jpg\';return(true);" href="acc.html" target="frame" onmouseout="bouton.src = \'design/menu/accout.jpg\';"><img src="design/menu/accout.jpg" border=0 name=bouton></a></TD>')

document.write('<TD id="menuborder" WIDTH=100 ALIGN=center><a onMouseOver="window.status=\'AnemiS\';bouton1.src = \'design/menu/forover.jpg\';return(true);" href="forum.html" target="frame" onmouseout="bouton1.src = \'design/menu/forout.jpg\';"><img src="design/menu/forout.jpg" border=0 name=bouton1></a></TD>')

document.write('<TD id="menuborder" WIDTH=100 ALIGN=center><a onMouseOver="window.status=\'AnemiS\';bouton2.src = \'design/menu/bioover.jpg\';return(true);" href="bio.html" target="frame" onmouseout="bouton2.src = \'design/menu/bioout.jpg\';"><img src="design/menu/bioout.jpg" border=0 name=bouton2></a></TD>')

document.write('<TD id="menuborder" WIDTH=100 ALIGN=center><a onMouseOver="window.status=\'AnemiS\';bouton3.src = \'design/menu/disover.jpg\';return(true);" href="dis.html" target="frame" onmouseout="bouton3.src = \'design/menu/disout.jpg\';"><img src="design/menu/disout.jpg" border=0 name=bouton3></a></TD>')

document.write('<TD id="menuborder" WIDTH=100 ALIGN=center onMouseOver="pop(zlien[4],516)"><a onMouseOver="window.status=\'AnemiS\';bouton4.src = \'design/menu/medover.jpg\';return(true);" href="media.php" target="frame" onmouseout="bouton4.src = \'design/menu/medout.jpg\';"><img src="design/menu/medout.jpg" border=0 name=bouton4></a></TD>')

document.write('<TD id="menuborder" WIDTH=100 ALIGN=center><a onMouseOver="window.status=\'AnemiS\';bouton5.src = \'design/menu/conover.jpg\';bouton5.src = \'design/menu/conover.jpg\';return(true);" href="contact.html" target="frame" onmouseout="bouton5.src = \'design/menu/conout.jpg\';"><img src="design/menu/conout.jpg" border=0 name=bouton5></a></TD>')

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