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?

[le_chomeur]

récupèrer le parent de l'élément =>

Code :

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

document.getElementById('tonId').parentNode.removeChild(document.getElementById('tonId'));

en une ligne bien barbare lol découpe la en variable

[greg13]

okiii, merci en tout cas c'est sympa pour l'aide, je fais presque jamais de javascript mais là j'en ai besoin pour un petit truc.

[le_chomeur]

de rien, n'oublies pas le tag résolu ^^

[greg13]

t'inquiete pas j vais mettre le tag, mais pas tout de suite

Code :

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

1
2
3
 
label = document.createElement("label");
label.setAttribute("for", "choice"+i);

puis je l'ajoute a un parent mais comment on fait pour mettre le contenu dans le label, une phrase?

[le_chomeur]

Code :

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

1
2
3
4
label = document.createElement("label");
label.setAttribute("for", "choice"+i);
letexteDuLabel = document.createTextNode('voila le texte');
label.appendChild(letexteDuLabel);

[greg13]

Merci pour tout, ça a l'air de marcher. J dois encore intégrer ça avec du php etc. Bonne journée