Discussion :

[malabarbe]

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 :

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

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

[Erwan31]

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 :

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

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>

[malabarbe]

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 !

[Auteur]

bonjour,

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

[malabarbe]

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

[Auteur]

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

Code html :

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

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