Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1534 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [css]onmouseout excessif

 
 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

[css]onmouseout excessif

n°731776
Lunatik3
Serial nounours
Posté le 19-05-2004 à 16:50:40  profilanswer
 

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
mood
Publicité
Posté le 19-05-2004 à 16:50:40  profilanswer
 

n°731785
Dark-Jedi
Posté le 19-05-2004 à 16:52:20  profilanswer
 

tu englobe le tout dans une balise avec onmouseout dedans.


Message édité par Dark-Jedi le 19-05-2004 à 16:52:31
n°731809
Lunatik3
Serial nounours
Posté le 19-05-2004 à 16:59:21  profilanswer
 

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 :)

n°732152
Mjules
Parle dans le vide
Posté le 19-05-2004 à 21:27:37  profilanswer
 

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.
n°732159
Hermes le ​Messager
Breton Quiétiste
Posté le 19-05-2004 à 21:37:14  profilanswer
 

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
 

n°737981
Lunatik3
Serial nounours
Posté le 25-05-2004 à 16:05:29  profilanswer
 

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
n°738207
Hermes le ​Messager
Breton Quiétiste
Posté le 25-05-2004 à 18:06:26  profilanswer
 

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

n°739092
Lunatik3
Serial nounours
Posté le 26-05-2004 à 09:56:55  profilanswer
 

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.

n°742871
Lunatik3
Serial nounours
Posté le 28-05-2004 à 11:39:57  profilanswer
 

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


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [css]onmouseout excessif

 

Sujets relatifs
Comment restaurer un onMouseOver avec un onMouseOut ?bug de ie5 ? (onmouseout)
OnMousOver OnMouseOut et PHP[PHP] Temps d'execution de requetes excessif :(
alternative a onmouseover/onmouseout ? 
Plus de sujets relatifs à : [css]onmouseout excessif

Forum MesDiscussions.Net, Version 2010.2
(c) 2000-2011 Doctissimo
Page générée en 0.063 secondes

Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR