[javascript] possibilité d'associer 2 évènements ?

possibilité d'associer 2 évènements ? [javascript] - HTML/CSS - Programmation

Marsh Posté le 23-11-2005 à 13:11:29    

Hello tout le monde,
 
Je me demandais s'il était possible d'associer 2 évènements à un objet html.. comme une ancre par exemple.  
J'ai un thumbnail cliquable qui permet d'afficher sa version agrandie via l'évènement onClick, qui fait apparaitre l'ancre jusque là invisible. A cette ancre j'ai associé un autre évènement onClick permettant de le faire disparaite. Jusque là tout va bien. Maintenant, on me laisse entendre que ça serait bien si l'image agrandie disparaissait lorsque le curseur quitte l'image, tout en gardant la possibilité de fermer en cliquant...
D'où ma question  :D
 
Vala vala, merci d'avance.

Reply

Marsh Posté le 23-11-2005 à 13:11:29   

Reply

Marsh Posté le 23-11-2005 à 13:50:39    

onmouseout="jecachecetteputaind'image"


---------------
Les CSS c'est bon mangez-en
Reply

Marsh Posté le 23-11-2005 à 14:26:46    

gatsusat a écrit :

onmouseout="jecachecetteputaind'image"


 
certes, certes.. mais il faudrait que ça fasse aussi onClick="jecachecetteputaind'image" (en même temps que onMouseOut).. c'est ça mon problème ^^

Reply

Marsh Posté le 23-11-2005 à 14:32:22    

Bein oui, 'est possible, tu peux mettre onClick et onMouseOut sur le <a>

Reply

Marsh Posté le 23-11-2005 à 14:43:30    

Bidem a écrit :

Bein oui, 'est possible, tu peux mettre onClick et onMouseOut sur le <a>


 
hmm, ben c'est que j'ai essayé, et quand j'associe 2 évènements à mon ancre, elle me tire la tête : elle ne répond ni au onClick, ni au onMouseOver  :sweat:

Reply

Marsh Posté le 23-11-2005 à 14:55:31    

Montre nous ce que donne le code HTML stp

Reply

Marsh Posté le 23-11-2005 à 15:22:02    

Bidem a écrit :

Montre nous ce que donne le code HTML stp


 
no problem :

Code :
  1. <a href="javascript:void(0)" onclick="document.getElementById(\'xl\').style.display=\'none\'"  onmouseover="document.getElementById(\'xl\').style.display=\'none\'"><img src="http://mobilo.mobilostore.com/img/'.$img.'" id="xl" alt="'.stripslashes($r['nom_prod']).'"  /></a>

Reply

Marsh Posté le 23-11-2005 à 16:06:41    

Si tu mettais le code HTML généré, ça serait plus simple à comprendre (là c'est du php :p)
 
Le seul truc que je vois qui pourrait clocher, c'est que tu définis onMouseOver et non onMouseOut
 
Et je confirme on peut bien mettre les 2 :

Code :
  1. <html>
  2. <head>
  3.   <title>Test evenements</title>
  4.   <script type="text/javascript">
  5.     function out() {
  6.       alert("Out" );
  7.     }
  8.     function click() {
  9.       alert("Click" );
  10.     }
  11.   </script>
  12. </head>
  13. <body>
  14.   <a href="#" onClick="window.click();" onMouseOut="window.out();">Mon lien</a>
  15. </body>
  16. </html>

Reply

Marsh Posté le 23-11-2005 à 16:25:42    

Bidem a écrit :

Si tu mettais le code HTML généré, ça serait plus simple à comprendre (là c'est du php :p)
 
Le seul truc que je vois qui pourrait clocher, c'est que tu définis onMouseOver et non onMouseOut
 
Et je confirme on peut bien mettre les 2 : [..]


 
Oups pour le onMouseOut au lieu du onMouseOver, mais dans le code que j'ai écrit avant de l'effacer, c'était le bon qui y étais  :D  
Si tu persistes à dire qu'un "objet" html accepte 2 évènements, je vais chercher l'erreur ailleurs, si j'ai d'autres soucis, j'enverrais le code html généré.
 
Merci encore  :jap:

Reply

Marsh Posté le 23-11-2005 à 16:28:11    

gravastar_bureau a écrit :

Oups pour le onMouseOut au lieu du onMouseOver, mais dans le code que j'ai écrit avant de l'effacer, c'était le bon qui y étais  :D  
Si tu persistes à dire qu'un "objet" html accepte 2 évènements, je vais chercher l'erreur ailleurs, si j'ai d'autres soucis, j'enverrais le code html généré.
 
Merci encore  :jap:


 
hmm... je devais avoir les yeux fatigués quand j'avais ce problème, ça passe tout seul now. En tout cas, merci de m'avoir répondu et ne me huez pas trop fort, je suis sensible  ;)

Reply

Sujets relatifs:

Leave a Replay

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