Votre question

[JS] menu, le deroulant ne veut pas disparaitre

Tags :
  • Design
  • Programmation
Dernière réponse : dans Programmation
17 Avril 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 :
  1. //source inspiré du site : Editeur Javascript - <a href="http://www.editeurjavascript.com/" rel="nofollow" target="_blank">http://www.editeurjavascript.com/</a> modifie par DivX le 06/04/07
  2. bgcolor='#000000';
  3. var AnemiS = 'AnemiS';
  4.  
  5. zgcolor = new Array;
  6. zgcolor[0] = '#FF0080';
  7. zgcolor[1] = '#FF0080';
  8. zgcolor[2] = '#FF0080';
  9.  
  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>');
  17.  
  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;
  35.  
  36. function cache()
  37. {
  38. visibility = "hidden";
  39. }
  40.  
  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. }
  71.  
  72. function kill()
  73. {
  74. skn.visibility = "hidden";
  75. }
  76.  
  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";
  89.  
  90. onMouseOver="this.style.background=\''+bgcolor6+'\';pop(zlien[4],516)"
  91.  
  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
@+

Autres pages sur : menu deroulant veut disparaitre

17 Avril 2007 22:31:53

up! :'( 
Serait-ce trop compliquer? Alors que j'ai deja vu pire que ca sur ce forum ;) 
22 Avril 2007 00:02:31

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

merci
@+
Tom's guide dans le monde
  • Allemagne
  • Italie
  • Irlande
  • Royaume Uni
  • Etats Unis
Suivre Tom's Guide
Inscrivez-vous à la Newsletter
  • ajouter à twitter
  • ajouter à facebook
  • ajouter un flux RSS