Discussion :

[greg13]

Bonjour

Voilà mon problème :
Je voudrais faire un formulaire dont l'apparence changer suivant ce que l'utilisateur fait. En faite, il faudrait afficher une input box type texte, et lorsque l'utilisateur clique sur une "ajouter une boite", qu'il y ait une deuxième zone de texte, et ainsi de suite, .... "sans limite". Et cela en javascript, sans devoir recharger la page. Je cherche une technique compatible avec les navigateurs actuels.

Je pense que pour faire simple, ce que je voudrais faire, c'est changer le code html de ma page via javascript.

Merci d'avance

[DoubleU]

J'ai du mal à dégager la problématique de l'ensemble, mais pour faire ce que tu souhaites, jette un oeil du coté des méthodes du DOM

cf la FAQ pour le principe et la doc chez Mozilla pour plus de détails

[le_chomeur]

coté javascript :

Code :

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

1
2
3
4
5
6
7
8
 
function addInput(){
		MonFormulaire = document.getElementById('monform');
		tempInput = document.createElement('input');
		tempInput.setAttribute("type","text");
		tempInput.setAttribute("name","inputn[]");
		MonFormulaire .appendChild(tempInput);
}

et tu appel cette méthode sur un bouton

[greg13]

Et quand tu utilises la methode appendChild, il va te taper ton champs juste avant la fin du formulaire, tu peux inserer des label, des balises p, etc comme ça?

[le_chomeur]

oui conseil :

-créer tes objet
-puis tu appenchild champs input+label a une div
- append child la div a ton formulaire ...

[greg13]

Ok j vais tester tout ça. Et pour supprimer un element qu'on aurait ajouter avec appendChild, on peut faire comment si on connait son id?