pb formulaire javascript

Version imprimable

23/08/2006, 15h08
cisqo

2 pièce(s) jointe(s)

pb formulaire javascript

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

et lorsque une box est checker, on insert dans le formulaire un champ supplementaire:
Pièce jointe 4066

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
23/08/2006, 15h15
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 ;)

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

Code:

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:

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...

23/08/2006, 15h28
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.
23/08/2006, 15h42
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 ;)
23/08/2006, 15h45
Eric Berger

Citation:

Envoyé par cisqo

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 ;)