Clic sur label

Bonjour,

Le 12/10/2012 10:52, Stéphane Santon a écrit :

Quand on a

<input type='radio' id='champ_radio_1' name='radio_1' value='4'>
<label for='champ_radio_1'>Taf satisfait</label>

selon les navigateurs, le clic sur le label enclenche le bouton radio,
ou pas.
Et sur firefox, il ne le fait pas.

C'est étonnant, j'étais persuadé que ça fonctionnait. Tu aurais une
page montrant la chose ?

Y a-t-il une option ou syntaxe qui permet d'activer le bouton radio en
cliquant sur le label ?

Si ta mise en page n'est pas assurée par des tables, tu peux toujours
essayer ceci :

<label>
<input type='radio' id='champ_radio_1' name='radio_1' value='4'>
Taf satisfait
</label>

Mais je suis vraiment étonné que l'autre méthode ne fonctionne pas.

Rappel :
http://www.w3.org/TR/html401/interact/forms.html#h-17.9.1 [en]
http://www.la-grange.net/w3c/html4.01/interact/forms.html#h-17.9.1 [fr]

--
Olivier Miakinen

Salut,

Stéphane Santon a tapoté, le 12/10/2012 10:52:

selon les navigateurs, le clic sur le label enclenche le bouton radio,
ou pas.
Et sur firefox, il ne le fait pas.

As tu essayé sur firefox 10*?
Sur iceape 2.7 équivalent à firefox 10, ça fonctionne.

<http://pasdenom.info/test/alias.html> Seul le cas 2 ne fonctionne pas,
ce qui est logique.


* <http://www.mozilla.org/en-US/firefox/organizations/all.html>
--
Stéphane <http://pasdenom.info/fortune/?>
BOFH excuse #410:

Electrical conduits in machine room are melting.

Bonsoir,

Olivier Miakinen a écrit :

<input type='radio' id='champ_radio_1' name='radio_1' value='4'>
<label for='champ_radio_1'>Taf satisfait</label>

selon les navigateurs, le clic sur le label enclenche le bouton radio,
Et sur firefox, il ne le fait pas.

C'est étonnant, j'étais persuadé que ça fonctionnait. Tu aurais une
page montrant la chose ?

Rahhhh... c'est moi qui ait fait une grosse bêtise.
Mon CMS génère des formulaires, avec <input id='radio_1' ...

J'ai modifié pour avoir un aperçu du formulaire dans un div#1 à la
sélection, puis le formulaire de saisie dans un autre div#2 en mettant
le div#1 à display:none;

Le id des input sont donc en doublon, et quand je cliquais sur le label
du formulaire de saisie, c'est le bouton de l'aperçu qui recevait le
focus...

Si ta mise en page n'est pas assurée par des tables, tu peux toujours
essayer ceci :

<label>
<input type='radio' id='champ_radio_1' name='radio_1' value='4'>
Taf satisfait
</label>

Ah je croyais pas pouvoir faire ça... c'est bon à prendre.

Merci à vous !!

--
Stéphane

Jeune Chambre Economique de Saintes *** http://www.jce-saintes.org
Agitateurs d'idées... accélérateurs de talents !

BTS Electrotechnique *** http://enselec.santonum.eu

Le 12/10/12 10:52, Stéphane Santon a écrit :

<input type='radio' id='champ_radio_1' name='radio_1' value='4'>
<label for='champ_radio_1'>Taf satisfait</label>

selon les navigateurs, le clic sur le label enclenche le bouton radio,
ou pas.
Et sur firefox, il ne le fait pas.

c'est nouveau ?
ça vient de sortir ?

Y a-t-il une option ou syntaxe qui permet d'activer le bouton radio en
cliquant sur le label ?

Il faut cliquer sur le label et ne pas sucrer les fraises

tout simplement !


testé en html.4 strict

--
Stéphane Moriaux avec/with iMac-intel