Discussion :

[Mike35]

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 :

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

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.

[Macintoc]

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

[Mike35]

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").

[willoi]

Que veux tu faire au juste ?

[Gruik]

Tu parles de la scrollbar ou pas?

[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)

[willoi]

a priori c est onChange l evenement qui est declenche si c est a chaque changement de valeur.

[Mike35]

Oui c'est à chaque changement de valeur mais seulement quand je clique sur le contenu <OPTION> et non sur une des fleches

[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.

[Mike35]

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 :

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

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>

[willoi]

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?

[Mike35]

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

[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é.

[willoi]

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.

[Macintoc]

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

[willoi]

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 !

[Mike35]

Donc au final ce n'est pas forcément une bonne idée alors !

[Macintoc]

Du moins, pas pour l'instant.

Mais c'est curieux que ce genre de bug n'ai pas été detecté plus tôt.

[pc.bertineau]

Code :

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

<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...