OnMouseOver sur un select avec IE - selectedIndex js

dadovb · 8 Septembre 2006

Bonjour à tous,

Pour changer, j'ai un problème avec ce truc que certains appellent un navigateur : internet explorer (ca n'engage qu'eux seuls :wink: ).

J'aimerais mettre un évènement onMouseOver sur un élément d'une liste déroulante :

Code:

<option style="cursor: pointer;" onMouseOver="bougeTonCorps()" > option1 </option>

Après une recherche sur le net, j'ai appris que sous ie, les évènements javascript n'étaient pas gérés sur les <option> :evil: .
J'ai donc essayé de contourner le problème en mettant un lien vide sur le texte qui est dans le option.

Code:

<option><a href="#" style="cursor: pointer;" onMouseOver="bougeTonCorps()" > test </a></option>

Mais ca ne marche toujours pas..
L'un d'entre vous aurait-il une astuce pour contourner le problème ?

Merci d'avance

DadoVB

srappaille · 8 Septembre 2006

Bonjour,

Quelque chose de ce genre ?

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
	<title>Test</title>
</head>
<script language="JavaScript">
function afficher(value) {
	alert(value)
}
</script>
<body>
<form method="post" name="formulaire">	
<select name="affectation" id="formulaire" OnChange="javascript:afficher(formulaire.options[affectation.selectedIndex].value);">
		<option value="Bonjour">Formule 1</option>
		<option value="Au revoir">Formule 2</option>
		<option value="A demain">Formule 3</option>
		<option value="A plus tard">Formule 4</option>
		<option value="Adieu">Formule 5</option>
</select>
</form>
</body>
</html>

Bien à vous,

dadovb · 8 Septembre 2006

oui ds le genre, merci, je vais voir si ca marche bien avec ce que je souhaite faire

dadovb · 8 Septembre 2006

Bon sang de bois !

Code:

	<select id="liste" name="liste" onchange='requete_ajax()' onclick="affichage_resolution('document.getElementById('liste').options[liste.selectedIndex].value');">
					<option value="Aucun format" ><? echo $mess2075?></option>
					<option value="super_panoramique" > super panoramique</option>
				</select>

La console javascript de firefox me dit :

missing ) after argument list

Au niveau du 'liste' de getElementById...

Quelqu'un aurait-il l'amabilité de m'expliquer où se situe le problème ?

Merci d'avance

dadovb · 8 Septembre 2006

Pardon à tous j'ai fait peine, en fait fallait juste virer les simples cotes.

Par contre j'ai un ti problème avec la solution que tu m'as filé.
Avec le "selectedIndex" le lancement du javascript n'est pas sur le mouseOver, il est sur le focus, l faut que je le sélectionne (pas que je clique mais que je passe dessus et que je sorte de la lsite par exemple), donc du coup, avec cette option c'est au moment du survol de l'option suivante sur la liste que la focntion se déclenche et du coup c'est pas synchro....

Y-a-til un autre état que selected pour la liste ?

Merci d'avance