Votre question

Si input texte rempli un autre apparait

Tags :
  • Javascript
  • Programmation
Dernière réponse : dans Programmation
26 Juillet 2007 23:07:47

Bonjour,

je suis en train de faire un formulaire et je sui fasse a un probleme.
J'ai un champs de texte et une liste deroulante qui vont emsemble.
Et je voudrais que si ces champs sont remplis, les meme mais vierge apparaissent en dessous.

Pour vous montrer : comme ce site, une fois les premiers champs rempli, d'autres arrive.

Pourriez vous me dire ou je pourrais savoir faire ca, ou tout simplement un code.

Merci d'avance

Autres pages sur : input texte rempli apparait

27 Juillet 2007 02:03:34

salut, je vois 2 choix:
- tu as une limite de zones, et donc tu joues avec les propriétés css: visible/hidden
- tu n'as pas de limite et dans ce cas, il faudra programmer une fonction javascript qui rajoutera un element "input" et qui lui donnera comme nom "zone[]" par exemple, ainsi tu pourras les traiter en tant que tableau dans le php:
http://javascript.developpez.com/faq/?page=DOM#DOMajout...
27 Juillet 2007 10:40:25

Je n'ai rien trouver sur le lien que tu ma donner :'( 
J'explique un peu mieu mon probleme :

J'ai un tableau dans un formulaire, ce tableaux fait 15 lignes sur 3 collonnes.
Sur chaque ligne il y a :
1ere colonne : Du texte
2eme colonne : Un input type text
3eme colonne : Une liste deroulante.

Quand la 3eme colonne est rempli, il faudrait qu'un nouvelle ligne apparaisse en dessous avec les meme colonne mais vide.

Le tout doit ensuite etre recuprer via PHP.

D'avance merci.
@+
27 Juillet 2007 14:31:01

le lien que je t'ai passé contient comment créer du html à la volée:
  1. <form id='un_formulaire' ...>
  2. ...
  3. </form>

si le code suivant est executé:
  1. zone = document.createElement ('input');
  2. zone.type = 'text';
  3. zone.name = 'zone_texte';
  4. document.getElementById ('un_formulaire').appendChild(zone);

tu auras une nouvelle zone dans ton formulaire.


pour ce qui est de les cacher au départ et de les afficher au fur et à mesure:
  1. <tr id='ligne1'>
  2. ...
  3. <td>
  4. <input type='text' ... onBlur="if (this.value != '') document.getElementById ('ligne2').style.display = 'block';"/>
  5. </td>
  6. </tr>
  7. <tr id='ligne2' style='display: none;'>
  8. ...
  9. <td>
  10. <input type='text' ... onBlur="if (this.value != '') document.getElementById ('ligne3').style.display = 'block';"/>
  11. </td>
  12. </tr>
28 Juillet 2007 22:57:23

Merci de ton aide coca25, je test cela et vous tient informer.

A bientot.
Tom's guide dans le monde
  • Allemagne
  • Italie
  • Irlande
  • Royaume Uni
  • Etats Unis
Suivre Tom's Guide
Inscrivez-vous à la Newsletter
  • ajouter à twitter
  • ajouter à facebook
  • ajouter un flux RSS