Methodes du <SELECT>

Version imprimable

Bonjour à vous, j'ai un petit problème, je souhaite avoir une fonction javascript qui soit lancée des que je modifie une valeur du select.
Code:

1 2 3 4 5 6 7 8 <SELECT multiple="false" size="1" onFocus="alert('onFocus');" onChange="alert('onChange');"> <OPTION>00:00</OPTION> <OPTION>00:15</OPTION> <OPTION>00:30</OPTION> <OPTION>00:45</OPTION> <OPTION>01:00</OPTION> <OPTION>01:15</OPTION> </SELECT>
Le problème actuelle est que la fonction est lancée si je clique sur les champs mais PAS si je clique sur la flèche (haut ou bas) pour modifier les options.
Je sais pas si j'ai été suffisament clair, n'hésitez pas à me le demander.

Merci d'avance pour vos conseils.

22/01/2007, 12h12
Macintoc

Tu parles de la flêche qui te permets de dérouler le select ?
22/01/2007, 12h32
Mike35

Citation:

Envoyé par Macintoc

Tu parles de la flêche qui te permets de dérouler le select ?

Oui mais vu que j'ai 2 fleches, une vers le haut, l'autre vers le bas (car j'ai size="1").
22/01/2007, 12h50
willoi

Que veux tu faire au juste ?
22/01/2007, 13h49
Gruik

Tu parles de la scrollbar ou pas?
22/01/2007, 14h02
Mike35

Je souhaite faire une programmation horaire avec 3 modes Marche/Arret par pas de 15mn, donc pour cela, j'aurai 2 <SELECT> par ordre Marche/Arrêt

Imaginons que l'ordre de Marche N°1 soit de 00:00 à 24:00.
Si l'on lui choisit 01:00, l'ordre d'Arret N°1 commencera à partir de 01:15 jusqu'à 24:00 et ainsi de suite pour l'ordre les suivant.

Mon problème actuel est que je souhaite avoir un select de size=1 (donc 2 fleches, une vers le haut pour remonter les 1/4h et une vers le bas pour descendre par pas d'1/4h)

La question est que le voudrais connaitre la fonction qui est éxécutée à chaque clique sur les fléches (donc a chaque changement de valeurs)
22/01/2007, 14h04
willoi

a priori c est onChange l evenement qui est declenche si c est a chaque changement de valeur.
22/01/2007, 14h11
Mike35

Oui c'est à chaque changement de valeur mais seulement quand je clique sur le contenu <OPTION> et non sur une des fleches
22/01/2007, 15h34
Macintoc

Ok, je viens de le découvrir, le select en size 1 est un contrôle a part entière (drôlement puissante cette balise select).

Alors, le select en size 1 ne fonctionne pas avec Firefox. En fait, il faut utiliser les flèche du clavier pour faire défiler les différentes options.
Sous IE7, tu peux faire défiler les options à la sourie, sauf que l'évènement onChange n'est déclenché que si tu fais défiler les options au clavier.

Le select en size 1 est a éviter, dirais-je donc.

En attendant, je viens de découvrir l'existence du select en size 1. Etrange qu'un contrôle somme toute aussi pratique ne soit pas plus connu et utilisé. Mais je supposes que les problèmes cités plus haut en sont la conséquence.

Donc comment pourrais-je faire pour que l'ordre d'Arret N°1 ait comme options les valeurs de l'ordre de Marche N°1 plus un pas d'1/4h.

comme ça ?
Code:

1 2 3 4 5 6 7 8 9 <SELECT name="monSelect" onChange="ModifySelectAfter(this.selectedIndex + 1)"> <OPTION>00:00</OPTION> <OPTION>00:15</OPTION> <OPTION>00:30</OPTION> <OPTION>00:45</OPTION> <OPTION>01:00</OPTION> <OPTION>01:15</OPTION> ... </SELECT>

22/01/2007, 15h49
willoi

Citation:

Envoyé par Macintoc

En attendant, je viens de découvrir l'existence du select en size 1. Etrange qu'un contrôle somme toute aussi pratique ne soit pas plus connu et utilisé. Mais je supposes que les problèmes cités plus haut en sont la conséquence.

on pourrais imaginer quelque chose avec un textarea en rows 1 par exemple a la place?
22/01/2007, 16h04
Mike35

Citation:

Envoyé par willoi

on pourrais imaginer quelque chose avec un textarea en rows 1 par exemple a la place?

Pas mal comme idée mais le problème est que quand on clique sur les fleches je trouve que c'est assez lent, ça ne répond pas du tac au tac comme un select.
En plus, avec le select, j'ai la possibilité de le choisir a la souris ou au clavier
22/01/2007, 16h25
Macintoc

Willoi>Et comment tu connais la ligne affiché ?

Un autre bug au select size 1, sous IE7. Quand tu fais défiler a la sourie, il semblerais que la valeur de selectedIndex ne soit pas modifié.
22/01/2007, 17h13
willoi

Citation:

Envoyé par Macintoc

Willoi>Et comment tu connais la ligne affiché ?

oui bonne question.

Et ben sinon il faut le creer ce controle si on tient vraiment a ce qu il ait cette apparence.
22/01/2007, 17h22
Macintoc

Erf... l'artillerie lourde. A mon avis, le rapport temps de développement/utilité est en faveur d'un droplist classique ^^'
22/01/2007, 17h24
willoi

Citation:

Envoyé par Macintoc

Erf... l'artillerie lourde. A mon avis, le rapport temps de développement/utilité est en faveur d'un droplist classique ^^'

C est que je pense aussi !
22/01/2007, 17h42
Mike35

Donc au final ce n'est pas forcément une bonne idée alors !
22/01/2007, 17h58
Macintoc

Du moins, pas pour l'instant.

Mais c'est curieux que ce genre de bug n'ai pas été detecté plus tôt.
27/02/2007, 11h40
pc.bertineau

Citation:

Code:

<SELECT multiple="false" size="1" onFocus="alert('onFocus');" onChange...

ton attribut multiple dans la balise SELECT, t'es sûr qu'il marche avec false ?
t'as essayé en le virant ? ça changera pas le pb du déclenchement au clic mais tu obtiendras une "vraie" liste déroulante ou tu ne peux sélectionner qu'un élément.

l'attribut multiple s'utilise seul, sans valeur derrière ou alors tu mets multiple="multiple" en xhtml mais je suis pas sûr que "false" marche...