[css]onmouseout excessif

onmouseout excessif [css] - HTML/CSS - Programmation

Marsh Posté le 19-05-2004 à 16:50:40    

Salut.  
je suis entrain de faire un menu de site en js.  
 
dont voila un bout du code:
 

Code :
  1. <div id="menu" onmouseout="reset();return true;">
  2. <span onmouseover="..." > ...</span>
  3. <span onmouseover="..." > ...</span>
  4. <span onmouseover="..." > ...</span>
  5. <span onmouseover="..." > ...</span>
  6. </div>


 
le probleme est le suivant je voudrais que le onmouseover s'execute seulement qd on sort du menu, or il s'execute qd on passe d'un <span> a un autre. c un petit peu embetant et je vois pas trop comment resoudre le pb.  
 
merci.


Message édité par Lunatik3 le 19-05-2004 à 17:01:14
Reply

Marsh Posté le 19-05-2004 à 16:50:40   

Reply

Marsh Posté le 19-05-2004 à 16:52:20    

tu englobe le tout dans une balise avec onmouseout dedans.


Message édité par Dark-Jedi le 19-05-2004 à 16:52:31
Reply

Marsh Posté le 19-05-2004 à 16:59:21    

ba la c'est ce que j'ai fais, j'ai tenter de mettre une autre balise entre  le div et les span et que dal aussi :)

Reply

Marsh Posté le 19-05-2004 à 21:27:37    

regarde là :
http://alsacreations.com/articles/deroulant/


---------------
Celui qui pose une question est idiot 5 minutes. Celui qui n'en pose pas le reste toute sa vie. |  Membre du grand complot pharmaceutico-médico-scientifico-judéo-maçonnique.
Reply

Marsh Posté le 19-05-2004 à 21:37:14    

Lunatik3 a écrit :

ba la c'est ce que j'ai fais, j'ai tenter de mettre une autre balise entre  le div et les span et que dal aussi :)


 
Met un background à ton div pour voir exactement à quoi il ressemble. Si par exemple, il est en absolute, il va pas s'aggrandir par rapport à son contenant. :o
 

Reply

Marsh Posté le 25-05-2004 à 16:05:29    

j'ai associer un alert() a mon mouseover. resultat des courses, des que je passe ma souris d'un <span> à l'autre, j'ai droit a un jolie petit message.
 
Mjules> j'ai deja regardé par la. :)


Message édité par Lunatik3 le 25-05-2004 à 16:08:02
Reply

Marsh Posté le 25-05-2004 à 18:06:26    

Lunatik3 a écrit :

j'ai associer un alert() a mon mouseover. resultat des courses, des que je passe ma souris d'un <span> à l'autre, j'ai droit a un jolie petit message.
 
Mjules> j'ai deja regardé par la. :)


 
Fait ce que je te dis et poste ton exemple par la même occasion. :o

Reply

Marsh Posté le 26-05-2004 à 09:56:55    

j'avais deja mis un background a mon div. mais perso ça change pas grand chose au pb.  

Code :
  1. <?xml version="1.0"?>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  3.     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  4. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  5. <head>
  6. <title>menu</title>
  7. <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
  8. <script type="text/javascript">
  9. <!--
  10. function setMenuVisible(object,visible){
  11.  reset();
  12.  object.childNodes[1].style.display = (visible?"inline":"none" );
  13. }
  15. function reset(){
  16.  document.getElementById("div-m" ).style.display = "none";
  17.  document.getElementById("nat-m" ).style.display = "none";
  18.  document.getElementById("pier-m" ).style.display = "none";
  19.  document.getElementById("nya-m" ).style.display = "none";
  20. }
  21. //-->
  22. </script>
  23. <style type="text/css">
  24. <!--
  25.  #menu span span{display:none;}
  26.  #menu span {cursor:default}
  27.  #menu{
  28.   font-family: arial, verdana, helvetica, sans-serif;
  29.   font-size: 8pt;
  30.   background-color:#EEEEEE;
  31.  }
  32.  a{
  33.   text-decoration:none;
  35.   color:#000000;
  36.  }
  37.  #menu span span a:hover{text-decoration:underline;}
  38. -->
  39. </style>
  40. </head>
  41. <body>
  42. <div id="menu" onmouseout="reset();return true;">
  43. <span onmouseover="setMenuVisible(this,true);return true;" > | Natural <span  id="nat-m">:&nbsp;<a href="#">lui</a>&nbsp;<a href="#">gallerie</a></span></span>
  44. <span onmouseover="setMenuVisible(this,true);return true;" > | pierrot laLune <span  id="pier-m">:&nbsp;<a href="#">lui</a>&nbsp;<a href="#">gallerie</a></span></span>
  45. <span onmouseover="setMenuVisible(this,true);return true;" > | Nyarla  <span  id="nya-m">:&nbsp;<a href="#">lui</a>&nbsp;<a href="#">gallerie</a></span></span>
  46. <span onmouseover="setMenuVisible(this,true);return true;" > | Commun <span id="div-m">:&nbsp;<a href="#">Home</a>&nbsp;<a href="#">about</a>&nbsp;<a href="#">archives</a>&nbsp;<a href="#">liens</a></span> |</span>
  47. </div>
  48. </body>
  49. </html>


 
voila le code
 
le probelem c'est que je voudrais qu'un sous-menu ce ferme soit qd on sors du menu, soit qd on arrive sur un autre menu, et non avant.  
car sinon c'est pas super pratique à utiliser.

Reply

Marsh Posté le 28-05-2004 à 11:39:57    

up !!! j'ai toujours mon piti pb en faite :)

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed