Discussion :

[Digiduck]

Bonjour,

Je ne suis pas à l'aise avec AJAX mais je penses que ça doit être la solution à mon problème :
J'ai un formulaire composé de 2 parties, des checkbox et un textarea. je voudrais remplir le textarea avec les différents checkbox que l'on coche.

Formulaire

Code :

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

1
2
3
4
5
6
<input name="amiga 500" type="checkbox">amiga 500<br>
<input name="amiga impact" type="checkbox">amiga impact<br>
<input name="amiga os" type="checkbox">amiga os<br>
<input name="amiga 1200" type="checkbox">amiga 1200<br>
<br>
<textarea id="choix" name="choix" rows="10">

[d-Rek]

Salut,

Je ne pense pas qu'il y ait grand chose à voir avec l'Ajax..
Tu veux remplir ton textarea suivant quelles régles ? Juste avec les valeurs des inputs ? Sans ordre pré-établi ?
Essaye ça. Je t'ai mis un séparateur tiret.
Tu ne devrais pas être ennuyé en cas de décochage..

Code HTML :

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

1
2
3
4
5
6
7
8
9
<form action="ma_page.php" method="post" name="mon_form">
<input name="amiga_500" value="amiga 500" type="checkbox" id="amiga500" onchange="remplir();"><label for="amiga500">amiga 500</label><br>
<input name="amiga_impact" value="amiga impact" type="checkbox" id="amigaimpact" onchange="remplir();"><label for="amigaimpact">amiga impact</label><br>
<input name="amiga_os" value="amiga os" type="checkbox" id="amigaos" onchange="remplir();"><label for="amigaos">amiga os</label><br>
<input name="amiga_1200" value="amiga 1200" type="checkbox" id="amiga1200" onchange="remplir();"><label for="amiga1200">amiga 1200</label><br>
<br>
<textarea id="choix" name="choix" rows="10">
<input type="submit" value="Go">
</form>

Code Javascript :

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

1
2
3
4
5
6
7
8
9
function remplir(){
	var d=document.mon_form;
	var texte=''; var sep='-';
	if(d.amiga_500.checked){texte+=d.amiga_500.value;}
	if(d.amiga_impact.checked){texte+=(texte!='')?sep:''; texte+=d.amiga_impact.value;}
	if(d.amiga_os.checked){texte+=(texte!='')?sep:''; texte+=d.amiga_os.value;}
	if(d.amiga_1200.checked){texte+=(texte!='')?sep:''; texte+=d.amiga_1200.value;}
	d.choix.value=texte;
}

[non testé]

[Digiduck]

Oui, en fait, on coche et ça ajoute à la suite, quelque soit l'ordre de sélection, ce sont des mots-clés on ajoute ceux qui sont proposés et on peut aussi en ajouter à la main si on veux, le tout à la queueleuleu ...

Je vais testé ça, merci.

PS : pour le séparateur, c'est cool, j'avais oublié de le précisé, mais il y en fallait un ...

EDIT : c'est tout à fait ce que je voulais, j'ai plus qu'à générer le code du formulaire à la volée via php.