Clique dans champ texte => sélection de radio

Version imprimable

31/10/2005, 09h59
Huntress

Clique dans champ texte => sélection de radio

Bonjour,

J'ai un tout p'tit soucis, enfin 2 en fait. 1, j'suis une truffe en JS et 2 j'ai un p'tit truc à faire en JS et j'y arrive pas. Donc vous pouvez rien pour le premier, donc j'aimerais juste un coup de main pour le second.

J'ai bien sûr googlé et j'ai cherché sur le forum... j'avoue que c'était une recherche inefficace puisque j'ai tapé un peu n'importe quoi.

J'ai donc des boutons radio. Tous ces boutons offrent des choix prédéfinis, sauf un. A côté de ce dernier se trouve 2 champs texte. Je voudrais que lorsque la personne clique dans l'un des champs (onfocus j'imagine) ça sélectionne le radio en question.

Merci d'avance.
31/10/2005, 14h11
Huntress

rhhhaaaa personne n'a une petite idée... du genre

Code:

<input name="libre_de" type="text" onfocus="document.getelementbyid(99).selected='true'" />

oui oui j'ai essayé quand même, mais à en voir cette ligne (rigolez pas)... mon premier problème s'avère véridique (cf. 1er post)
02/11/2005, 11h28
Huntress

re

:roll: je sais pas ce que je dois penser de votre silence, j'ai pas été claire ? :roll:

En tout cas de mon côté j'ai continué, mais ça ne donne rien, moi qui pensais que ça serait balo à faire...

S'il vous plait aidez moi, je sais plus quoi faire
02/11/2005, 11h34
Oluha

Code:

document.forms.tonformulaire.tonradio[i].checked=true;

avec i l'indice de ton bouton radio :roll:
02/11/2005, 11h37
franculo_caoulene

Salut,

Pour un bouton radio c'est pas selected mais checked.

[edit] grillé [/edit]

Merci de te préoccuper de mon sort :)

Par contre c'est pas encore ça... j'ai encore vérifié les événements... ça à bien l'air d'être du onfocus pour ce que je veux faire...

Voici mon code, même si je doute que ça peut aider.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<form name="strates" method="post" action="strates.php">
<fieldset>
 
<?php
 
for($i=0; $i<$nb_strates; $i++)
        echo '<input name="strate" type="radio" value="'.$i.'" /> '.$strates[$i].'<br />'."\n";
 
?>
	<input name="strate" type="radio" value="99" />
	de <input name="libre_de" type="text" onfocus="document.forms.strates.strate[99].checked=true;" />
	à <input name="libre_a" type="text" /><br /><br />
 
	<input name="sub_strate" type="submit" value="envoyer" />
 
</fieldset>
</form>

Code:

1
2
<input id="strate99" name="strate" type="radio" value="99" />
   de <input name="libre_de" type="text" onfocus="document.getElementById(strate99).checked=true;" />

Passe plutôt par des ID, je crois que c'est plus correct.

Merci de ton aide franculo_caoulene, mais c'est toujours pas ça :cry:, j'ai essayé les lignes suivantes :
Code:

1 2 3 4 5 6 <input id="strate99" name="strate" type="radio" value="99" /> document.getElementById(strate99).checked=true; document.strates.getElementById(strate99).checked=true; document.forms.strates.getElementById(strate99).checked=true; document.forms.getElementById(strate99).checked=true;
Là je sais plus quoi essayer.

02/11/2005, 11h53
denisC
Ajout des ':
Code:

1 2 <input id="strate99" name="strate" type="radio" value="99" /> de <input name="libre_de" type="text" onfocus="document.getElementById('strate99').checked=true;" />
Citation:

Passe plutôt par des ID, je crois que c'est plus correct.

Ce n'est ni plus ni moins correct, mais c'est quand même plus pratique...
02/11/2005, 11h59
Huntress

C'était bien les quotes :D

Merci à vous 3 pour votre aide :D
02/11/2005, 12h06
franculo_caoulene

Citation:

Envoyé par denisC

Citation:

Passe plutôt par des ID, je crois que c'est plus correct.

Ce n'est ni plus ni moins correct, mais c'est quand même plus pratique...

L'utilisation des /> dans le code de huntress me fait penser qu'elle utilise le XHTML or en XHTML l'attribut name est déprecié au profit de ID.
http://www.la-grange.net/w3c/xhtml1/#diffs (traduction du W3C)
02/11/2005, 12h15
Huntress

Oui oui c'est ça du XHTML. :D

Merci pour les liens... mais je trouve ça bizarre le fait qu'ils retireront le support de "name"dans les futures versions de XHTML, puisque que (par exemple) si on a 2 blocs de texte que l'on souhaite définir de la même manière... ils auront donc chacun le même style... donc le même nom... mais si il n'y a plus de "name", on met un "id" et là patatra ! ... c'est pas possible... J'ai manqué qq chose ?
02/11/2005, 12h25
franculo_caoulene

L'id doit être et rester unique. Qu'appelles-tu définir de la même manière?
Si c'est en CSS tu as une hierarchisation des éléments pour ça il faut utiliser les sélecteurs. Avec un bloc conteneur identifié tu peut mettre en forme tout son contenu et donc avec un seul id.
Mais là c'est du hors sujet concernant le forum :wink:
02/11/2005, 12h30
Huntress

Même manière c'est à dire, même police, taille, couleur, marges, etc. Mais effectivement, j'suis pas une grande adepte des selecteurs... ça sera une occasion de m'y mettre :P
Merci encore pour ce lien, je vais me le garder au chaud celui là.

Un ptit peu hors sujet il est vrai, mais ça reste dans le développement web, c'est pas si grave :D

Euh... j'arrive après la bataille mais il y a une balise html faite pour ça ! (du coup pas besoin de js) =>

Code:

1
2
3
4
 
<input type="radio" id="mon_radio_1" name="group" /><label for="mon_radio_1">option 1</label><br />
<input type="radio" id="mon_radio_2" name="group" /><label for="mon_radio_2">option 2</label><br />
<input type="radio" id="mon_radio_3" name="group" /><label for="mon_radio_3">option 3</label><br />

EDIT: et bien sur dans le label tu peux mettre tout ça :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
    * #PCDATA
    * a
    * abbr
    * acronym
    * b
    * bdo
    * big
    * br
    * button
    * cite
    * code
    * del
    * dfn
    * em
    * i
    * img
    * input
    * ins
    * kbd
    * map
    * object
    * q
    * samp
    * script
    * select
    * small
    * span
    * strong
    * sub
    * sup
    * textarea
    * tt
    * var

02/11/2005, 14h05
denisC

Citation:

Envoyé par franculo_caoulene

Ce n'est ni plus ni moins correct, mais c'est quand même plus pratique...

L'utilisation des /> dans le code de huntress me fait penser qu'elle utilise le XHTML or en XHTML l'attribut name est déprecié au profit de ID. [/quote]

C'est peut-être déprécié, mais ça marche encore et pire, c'est recommandé de mettre les deux par le W3C pour des questions de compatibilité arrière....

Citation:

si on a 2 blocs de texte que l'on souhaite définir de la même manière... ils auront donc chacun le même style...

Sinon, pour le style, le quantifieur de style est class et non pas name ou id, donc pas de problème. Deux éléments identiques (même balise) avec le même class auront le même style.