Précédent   Forum des professionnels en informatique > Webmasters - Développement Web > JavaScript > Bibliothèques & Frameworks > Mootools
Mootools Forum d'entraide sur le framework MooTools. Avant de poster : Tutoriels Mootools, FAQ MooTools, Toutes les FAQ JavaScript
Partagez cette discussion sur d'autres réseaux sociaux : Viadeo Twitter Google Facebook Digg Delicious MySpace Yahoo
Réponse Proposer ce sujet en actualité
 
Outils de la discussion
Publicité
'
Vieux 31/01/2011, 22h38   #1
Nouveau Membre du Club
 
Inscription : janvier 2009
Messages : 39
Détails du profil
Informations forums :
Inscription : janvier 2009
Messages : 39
Points : 32
Points : 32
Par défaut 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
Samolo est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 01/02/2011, 07h32   #2
Responsable JavaScript & AJAX

 
Avatar de vermine
 
Inscription : mars 2008
Messages : 2 686
Détails du profil
Informations personnelles :
Âge : 27

Informations forums :
Inscription : mars 2008
Messages : 2 686
Points : 5 768
Points : 5 768
Bonjour,

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

Citation:
onclick -> click
Essayez plutôt "mouseenter".
__________________
Elen Poukram - Isegoria - Sandawe
vermine est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 01/02/2011, 17h44   #3
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 :
el.addEvent('mouseenter',function(){alert("test");});
ça marche, sauf sous les autres navigateurs...
Samolo est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 01/02/2011, 19h49   #4
Responsable JavaScript & AJAX

 
Avatar de vermine
 
Inscription : mars 2008
Messages : 2 686
Détails du profil
Informations personnelles :
Âge : 27

Informations forums :
Inscription : mars 2008
Messages : 2 686
Points : 5 768
Points : 5 768
Si vous ne testez que ce code-ci les différents navigateurs, est-ce que ça fonctionne ?

Code html :
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 :
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.
__________________
Elen Poukram - Isegoria - Sandawe
vermine est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 01/02/2011, 21h54   #5
Nouveau Membre du Club
 
Inscription : janvier 2009
Messages : 39
Détails du profil
Informations forums :
Inscription : janvier 2009
Messages : 39
Points : 32
Points : 32
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 :
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 :
1
2
3
4
 
$$('.abc').each(function(el,ind){
	el.addEvent('mouseenter',function(){alert("Test"); });
});
Samolo est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 02/02/2011, 09h37   #6
Responsable JavaScript & AJAX

 
Avatar de vermine
 
Inscription : mars 2008
Messages : 2 686
Détails du profil
Informations personnelles :
Âge : 27

Informations forums :
Inscription : mars 2008
Messages : 2 686
Points : 5 768
Points : 5 768
Si ça peut rester un title, alors essayez ceci :

Code :
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...
__________________
Elen Poukram - Isegoria - Sandawe
vermine est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 03/02/2011, 19h06   #7
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
Samolo est déconnecté   Envoyer un message privé Réponse avec citation 00
Réponse Proposer ce sujet en actualité
Outils de la discussion



Fuseau horaire GMT +2. Il est actuellement 06h56.


 
 
 
 
Partenaires

Hébergement Web