Discussion :

[fabulon46]

Bonjour,
Je veux donner à l'utilisateur le choix entre qq boutons radios, et si aucune réponse ne convient, qu'il saisisse lui même la réponse.


Voilà le code php que j'utilise, mais qui ne marche pas bien sur:

Code html :

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

1
2
3
4
<input type="radio" name="reponse" value="choix 1">choix 1;
<input type="radio" name="reponse" value="choix 2">choix 2;
<input type="radio" name="reponse" value="choix 3">choix 3;
<input type="radio" name="reponse" value="<input type="text" name="reponse">";

J'ai bien conscience que cela ne peut pas fonctionner, rien que pour les 2 name identiques...

Je pense qu'il faut ici du javascript, mais là...


HELP!

[fabulon46]

Je viens de faire ceci:

Code html :

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

<input type="radio" name="reponse" onClick="javascript:document.form.reponse;"><input type="text" name="reponse" >;

Ca marche, mais un peu trop!
En fait, cela me renvoie TOUJOURS la valeur mise dans le champ texte, même si j'ai coché un autre de mes boutons radios...

[Watilin]

Donc la discussion est résolue ou pas ?

À propos de l'attribut name : sur les boutons radio, seul celui qui est coché compte. S'il a un attribut value, alors le contenu de celui-ci sera envoyé au serveur ; sinon, "on" est envoyé.

Maintenant, quand un autre contrôle a le même name, s'il se trouve après (dans l'ordre du DOM), il va simplement écraser la précédente valeur. C'est ce qui se passe avec ton champ de texte. À mon avis, ce que tu as de mieux à faire est donner un nom différent à ton champ de texte, par exemple :

Code html :

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

1
2
3
4
<input type="radio" name="reponse" value="choix 1">choix 1;
<input type="radio" name="reponse" value="choix 2">choix 2;
<input type="radio" name="reponse" value="choix 3">choix 3;
<input type="radio" name="reponse" value="autre"  ><input type="text" name="reponse-autre">

Ensuite, côté serveur, tu contôles si le paramètre reponse est égal à "autre" et si oui, tu utilises le paramètre reponse-autre. Par exemple en PHP :

Code PHP :

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

1
2
3
4
if ('autre' === $_GET['reponse']) {
   $valeur = $_GET['reponse-autre'];
}
...

Et avec ça, même pas besoin de JavaScript !

***

Maintenant, essayons de comprendre ce qui se passe avec le code que tu as écrit :

Code html :

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

<input type="radio" name="reponse" onClick="javascript:document.form.reponse;">

Premièrement : un attribut onclick qui commence par "javascript:", ça marche mais seulement par chance : les navigateurs se sont adaptés à cette erreur de syntaxe.

Ensuite, il y a document.form.reponse;. Ça ne marche pas car document.form n'existe pas. J'imagine que tu voulais utiliser document.forms[0]. Admettons : le moteur JavaScript exécute donc l'instruction document.forms[0].reponse;.

document.forms[0].reponse est la collection des éléments nommés reponse, c'est donc un objet de type NodeList. Quand tu exécutes un objet, c'est comme quand tu exécutes l'instruction 42; : c'est valide, mais rien ne se passe.

Si tu veux absolument utiliser JavaScript, je propose cette solution : quand l'utilisateur saisit quelque chose dans le champ de texte, le bouton radio correspondant est automatiquement sélectionné ; ensuite, quand il a fini sa saisie (évènement onchange), le contenu du champ de texte est copié dans l'attribut value du bouton radio.

Code html :

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

1
2
3
<input type="radio" id="reponse-autre" name="reponse" value="">
<input type="text" onfocus="document.getElementById('reponse-autre').checked = true;"
                   onchange="document.getElementById('reponse-autre').value = this.value;">

[fabulon46]

Finalement, j'avais résolu le problème, d'ailleurs en employant ta méthode, sans javascript.

Je te remercie néanmoins pour ta participation, qui m'éclaire sur ce qui fallait faire en javascript!

Résolu!