Compatibilité de l'evenement mouseover sur une liste deroulante

Samolo · 31/01/2011, 22h38

Bonjour,

Tout est dans le titre, je me pose des questions sur le fonctionnement de l'evenement mouseover sur une liste deroulante <select></select>.

En effet après avoir utiliser un banal .addevent("mouseover",..) sur une liste deroulante, mon code fonctionne parfaitement sur Firefox et IE mais aucune réaction pour google chrome,opéra et safari.

Donc cet evenement a t'il des soucis de compatibilité avec certain navigateur?

Merci pour vos réponses

vermine · 01/02/2011, 07h32

Bonjour,

addEvent est effectivement parfois sensible au nom de l'event. Par exemple :

Citation:

onclick -> click

Essayez plutôt "mouseenter".

Samolo · 01/02/2011, 17h44

Bonjour,

Toujours aucun changement, sous Firefox que ce soit "mouseover","click","mouseenter", et avec un simple morceau de code comme cela:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

el.addEvent('mouseenter',function(){alert("test");});

ça marche, sauf sous les autres navigateurs...

vermine · 01/02/2011, 19h49

Si vous ne testez que ce code-ci les différents navigateurs, est-ce que ça fonctionne ?

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
<html>
<head>
 
<script type="text/javascript" src="mootools-1.2.4-core-nc.js"></script>
 
</head>
 
<body id="id_body">
	<select id="id_select"><option>test</option></select>
</body>
</html>

Code js :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
window.addEvent('domready', function(){
 
    var el = $('id_select');
		el.addEvent('mouseenter',function(){alert("test");});
 
 
 
});

Si ça ne fonctionne pas, merci de nous montrer votre code.

Samolo · 01/02/2011, 21h54

Ce bout de code fonctionne mais pas quand la liste est déroulé, je m'explique,
au départ l'utilisateur cliques sur le select pour dérouler la liste et ensuite en survolant les choix proposé, j'affiche une info bulle donnant des renseignements supplémentaire. Mais voilà ça ne marche que sous Firefox

Voila un bout simplifier de mon code actuel

html:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
<select name="flight" id="flight"  style="width:150px;">
<option class='abc' value="none" >option1</option>
<option class='abc' value="none" >option2</option>
<option class='abc' value="none" >option3</option>
</select>

js:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
$$('.abc').each(function(el,ind){
	el.addEvent('mouseenter',function(){alert("Test"); });
});

vermine · 02/02/2011, 09h37

Si ça peut rester un title, alors essayez ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
   var i=0;
 
   $$('.abc').each(function(el,ind){
   	el.setProperty('title','test' + i++);
   });

On dirait que le addEvent ne fonctionne pas sur une option...

Samolo · 03/02/2011, 19h06

ok, je m'en doutais mais c'est bien dommage, en tout cas merci pour ton aide

31/01/2011, 22h38	#1
Samolo Nouveau Membre du Club Inscription : janvier 2009 Messages : 39 Détails du profil Informations forums : Inscription : janvier 2009 Messages : 39 Points : 32 Points : 32	Compatibilité de l'evenement mouseover sur une liste deroulante Bonjour, Tout est dans le titre, je me pose des questions sur le fonctionnement de l'evenement mouseover sur une liste deroulante <select></select>. En effet après avoir utiliser un banal .addevent("mouseover",..) sur une liste deroulante, mon code fonctionne parfaitement sur Firefox et IE mais aucune réaction pour google chrome,opéra et safari. Donc cet evenement a t'il des soucis de compatibilité avec certain navigateur? Merci pour vos réponses
	00

01/02/2011, 17h44	#3
Samolo Nouveau Membre du Club Inscription : janvier 2009 Messages : 39 Détails du profil Informations forums : Inscription : janvier 2009 Messages : 39 Points : 32 Points : 32	Bonjour, Toujours aucun changement, sous Firefox que ce soit "mouseover","click","mouseenter", et avec un simple morceau de code comme cela: Code : Sélectionner tout - Visualiser dans une fenêtre à part el.addEvent('mouseenter',function(){alert("test");}); ça marche, sauf sous les autres navigateurs...
	00

03/02/2011, 19h06	#7
Samolo Nouveau Membre du Club Inscription : janvier 2009 Messages : 39 Détails du profil Informations forums : Inscription : janvier 2009 Messages : 39 Points : 32 Points : 32	ok, je m'en doutais mais c'est bien dommage, en tout cas merci pour ton aide
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email