Discussion :

[cisqo]

Salut, ca fait un moment que je traine sur internet pour essayer de realiser
ceci:
un formulaire avec des checkbox:


et lorsque une box est checker, on insert dans le formulaire un champ supplementaire:


Voila je ne vous demande pas de me le realiser, mais je me demandais si c'etait possible en javascript... parceque personnelement je ne vois pas comment.

MERCI d'avance

[Kerod]

Tu peux te baser sur ceci : Javascript / CSS - Cacher un input

A savoir que visibility cache l'élément mais il sera créée ce qu'il fait qu'il y aura un espace vide. Et display lui fera exactement ce que tu veux

[Eric Berger]

Oui c'est possible: Le code de base (minimaliste)

Code :

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

1
2
3
4
5
6
<form>
  <input type="CHECKBOX" name="check1" onclick="addTextField()"/>
  <input type="CHECKBOX" name="check2" onclick="addTextField()"/>
  <input type="CHECKBOX" name="check3" onclick="addTextField()"/>
  <input type="CHECKBOX" name="check4" onclick="addTextField()"/>
</form>

Et la fonction js:

Code :

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

1
2
3
4
5
6
function addTextField(){
  textField = document.createElement("INPUT")
  textField.setAttribute("TYPE", "text")
  this.parentNode.insertBefore(textField, this)
  textField.focus()
}

Je précise que c'est minimaliste, juste pour te montrer le principe...

[Eric Berger]

Pour que tu y voies clair, kerod et moi te proposons deux approches totalement différentes:
Kerod joue sur la visibilité/invisibilité d'un élément à l'aide des feuilles de style (CSS), cela implique que tous les input text soient existants, mais cachés par défaut.

Ma méthode créé l'élément lorsqu'il doit être affiché.

Pour ton utilisation, je dirais que la méthode de kerod est plus adaptée si tu souhaites pouvoir cacher à nouveau le champ lorsqu'un décoche la checkbox. On pourrait aussi le faire avec ma méthode mais dans ce cas on devrait supprimer l'élément et si on devait le recréer, on aurait perdu le texte saisi précédemment. Si tu ne souhaites pas cacher l'imput lorsqu'on décoche la case, je dirais que les deux méthodes se valent.

[cisqo]

Merci, a vous deux pour la pertinence et la rapidite de vos reponse.
Je vais en effet utiliser la methode de Kerod pour les raison ecplique par eric berger

[Eric Berger]

Salut, ca fait un moment que je traine sur internet pour essayer de realiser
ceci:

Ben maintenant tu sais où tu commencera tes recherches la prochaine fois