Google Groups no longer supports new Usenet posts or subscriptions. Historical content remains viewable.
Dismiss

Clic sur label

0 views
Skip to first unread message

Stéphane Santon

unread,
Oct 12, 2012, 4:52:10 AM10/12/12
to
Bonjour,

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.
Y a-t-il une option ou syntaxe qui permet d'activer le bouton radio en
cliquant sur le label ?

Merci

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


Olivier Miakinen

unread,
Oct 12, 2012, 6:09:18 AM10/12/12
to
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
Message has been deleted

Stéphane Santon

unread,
Oct 12, 2012, 2:25:04 PM10/12/12
to
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 !

SAM

unread,
Oct 17, 2012, 5:18:50 PM10/17/12
to
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
0 new messages