Tom's Guide > Forum > Programmation > [JS] menu, le deroulant ne veut pas disparaitre

[JS] menu, le deroulant ne veut pas disparaitre

Forum Programmation : [JS] menu, le deroulant ne veut pas disparaitre

TomsGuide.com : 800 000 inscrits répondent à toutes vos questions high-tech et informatique. Pour obtenir de l'aide, inscrivez-vous gratuitement !
Créer un nouveau sujet Répondre
Mot :    Pseudo :           
 
DivX_666   17-04-2007 à 16: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 :

Code :
  1. //source inspiré du site : Editeur Javascript - http://www.editeurjavascript.com/ modifie par DivX le 06/04/07
  2. bgcolor='#000000';
  3. var AnemiS = 'AnemiS';
  5. zgcolor = new Array;
  6. zgcolor[0] = '#FF0080';
  7. zgcolor[1] = '#FF0080';
  8. zgcolor[2] = '#FF0080';
  10. document.write('<style type="text/css">');
  11. document.write('.popper { POSITION: absolute; VISIBILITY: hidden; z-index:3; }')
  12. document.write('#topgauche { position:absolute; z-index:10; }')
  13. document.write('A:hover.ejsmenu {color:#FFFFFF; text-decoration:none;}')
  14. document.write('A.ejsmenu {color:#FFFFFF; text-decoration:none;}')
  15. document.write('</style>')
  16. document.write('<div style="position:relative;height:25"><DIV class=popper id=topdeck></DIV>');
  18. zlien = new Array;
  19. zlien[0] = new Array;
  20. zlien[1] = new Array;
  21. zlien[2] = new Array;
  22. zlien[3] = new Array;
  23. zlien[4] = new Array;
  24. zlien[5] = new Array;
  25. zlien[4][0] = '<a onMouseOver="window.status=\'AnemiS\';return(true);" href="media.php?cat=1" target="frame" CLASS=ejsmenu>Photo</A>';
  26. zlien[4][1] = '<a onMouseOver="window.status=\'AnemiS\';return(true);" href="media.php?cat=2" target="frame" CLASS=ejsmenu>Musique</A>';
  27. zlien[4][2] = '<a onMouseOver="window.status=\'AnemiS\';return(true);" href="media.php?cat=3" target="frame" CLASS=ejsmenu>Video</A>';
  28. var nava = (document.layers);
  29. var dom = (document.getElementById);
  30. var iex = (document.all);
  31. if (nava) { skn = document.topdeck }
  32. else if (dom) { skn = document.getElementById("topdeck" ).style }
  33. else if (iex) { skn = topdeck.style }
  34. skn.top = 24;
  36. function cache()
  37. {
  38.     visibility = "hidden";
  39. }
  41. function pop(msg,pos)
  42. {
  43.     skn.visibility = "hidden";
  44.     a=true
  45.     skn.left = pos;
  46.     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>";
  47.     pass = 0
  48.     while (pass < msg.length)
  49.         {
  50.             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>";
  51.             pass++;
  52.         }
  53.     content += "</TABLE></TD></TR></TABLE>";
  54.     if (nava)
  55.         {
  56.             skn.document.write(content);
  57.             skn.document.close();
  58.             skn.visibility = "visible";
  59.         }
  60.     else if (dom)
  61.             {
  62.                 document.getElementById("topdeck" ).innerHTML = content;
  63.                 skn.visibility = "visible";
  64.             }
  65.         else if (iex)
  66.             {
  67.                 document.all("topdeck" ).innerHTML = content;
  68.                 skn.visibility = "visible";
  69.             }
  70. }
  72. function kill()
  73. {
  74.     skn.visibility = "hidden";
  75. }
  77. bouton = new Image();
  78. bouton.src = "design/menu/accout.jpg";
  79. bouton1 = new Image();
  80. bouton1.src = "design/menu/forout.jpg";
  81. bouton2 = new Image();
  82. bouton2.src = "design/menu/bioout.jpg";
  83. bouton3 = new Image();
  84. bouton3.src = "design/menu/disout.jpg";
  85. bouton4 = new Image();
  86. bouton4.src = "design/menu/medout.jpg";
  87. bouton5 = new Image();
  88. bouton5.src = "design/menu/conout.jpg";
  90. onMouseOver="this.style.background=\''+bgcolor6+'\';pop(zlien[4],516)"
  92. document.onclick = kill;
  93. 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>')
  94. 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>')
  95. 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>')
  96. 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>')
  97. 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>')
  98. 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>')
  99. 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>')
  100. document.write('</TR></TABLE></TD></TR></TABLE></DIV></div>')



D'avance merci
@+


Message édité par DivX_666 le 17-04-2007 à 16:54:29
------------------------------ La parole est d'argent mais le silence est d'or
Répondre
Liens sponsorisés
Inscrivez-vous ou connectez-vous pour masquer ceci.
DivX_666   17-04-2007 à 22:31:53
- 0 +

up! :'(
Serait-ce trop compliquer? Alors que j'ai deja vu pire que ca sur ce forum ;)

------------------------------ La parole est d'argent mais le silence est d'or
 Répondre à DivX_666
DivX_666   22-04-2007 à 00:02:31
- 0 +

Désolé d'insister mais j'aimerais que quelqu'un trouve une solution a mon problème xD lool :)

merci
@+

------------------------------ La parole est d'argent mais le silence est d'or
 Répondre à DivX_666
Créer un nouveau sujet Répondre
Tom's Guide > Forum > Programmation > [JS] menu, le deroulant ne veut pas disparaitre
Aller à :

Il y a 314 utilisateurs connus et inconnus. Pour voir la liste des connectés connus, cliquez ici.

Plan du forum
Forum Bestofmedia ©
2000-2009 Bestofmedia Group
Page générée en 0,330 secondes
Attention

Vous allez répondre sur un sujet resté inactif pendant plus de 6 mois.
Assurez-vous d'apporter des éléments nouveaux à la discussion avant de poursuivre.

Répondre Annuler
Liens