Mouseover dans liste déroulante

Bonjour,

Mon problème, dans ma liste de 7 lignes je n'affiche que les trois premières lignes
mais alors je perd le mouseover et le mouseout !
Comment remédier a cela ?

Code:

---

1 2 3 4 5 6 7 8 9 10 11

<form> <select name="listepages" size="3" onChange="chgpage(this.form)"> <option value="page1.html">Page 1 <option value="page2.html">Page 2 <option value="page3.html">Page 3 <option value="page4.html">Page 4 <option value="page5.html">Page 5 <option value="page6.html">Page 6 <option value="page7.html">Page 7 </select> </form>

---

Merci de vos conseils

Bonsoir,
il te manque les balises de fermeture </option>
D'autre part il faut éviter de rediriger l'utilisateur automatiquement sur une autre
page sans qu'il y ait eu interaction avec l'utilisateur. Certaines technologies
d'assistance ont des problème avec le gestionnaire d'événement onchange.

Les éléments form ne peuvent directement contenir que des éléments de niveau bloc (p, div...)

Exemple

Code:

---

1 2 3 4 5 6 7 8 9 10

<form action="" method="post"> <p> <label>Sélectionnez votre fruit préféré :</label> <select name="fruits"> <option value="">Pomme</option> <option value="">Poire</option> </select> <input type="submit" value="envoi" /> </p> </form>

---

Bonsoir,

Ok pour les balises de fermeture </option>
Mais cela ne change rien !

Mon code fonctionne, la seule chose que je voudrais,
c'est de pouvoir récupérer les fonctions mouse over ou out
Teste mon code et elles ne sont plus activent !

bonjour,

à ma connaissance onmouseover et onmouseout ne fonctionnent pas sur les balises select ou les balises option.

Bonsoir,

Quand le menu déroulant n'est pas déroulé,
Avec un click sur la flèche, celui-ci s'ouvre
et la le mosue over et out fonctionnent.

Par contre dans mon exemple, le menu est
a moitié déroulé, et la je perds les fonctions
de mouse over et mouse out.

Teste mon code

J'ai bien les événements onmouseover et onmouseout sur le select mais uniquement sous Firefox.

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

<form> <select name="listepages" size="3" onmouseout="document.getElementById('test').innerHTML='out'" onmouseover="document.getElementById('test').innerHTML='over'"> <option value="page1.html">Page 1</option> <option value="page2.html">Page 2</option> <option value="page3.html">Page 3</option> <option value="page4.html">Page 4</option> <option value="page5.html">Page 5</option> <option value="page6.html">Page 6</option> <option value="page7.html">Page 7</option> </select> <br><br><br><br><br><br><br><br><br><br><br><br> <div id="test"> </div> </form>

---

J'ai bien "out" et "over" qui se déclenche lors du survol de la balise select.

Je n'ai pas bien compris ton problème :oops:

Ok pour Firefox,

Mais je suis avec IE 7
et cela ne tourne pas...

Citation:

---

Envoyé par malabarbe

Mais je suis avec IE 7 et cela ne tourne pas...

---

IE ne prend pas en charge ces événements sur ces balises ;)

Si je fais size="1", cela tourne mais la liste n'est pas déroulée

Si je fais size="3", la liste est a moitié déroulée, et la plus de
survol de la souris