Ajouter champs quand premier rempli form js

Résolu
Bonjour,
comment faire pour
ajouter un champs (input) dans un formulaire quand le premier champs est rempli sans rechargé la page

déjà c'est possible ?
Si oui comment ?
svp
Je ne trouve pas mon bonheur sur internet !

--
Webmaster de : Cinéco.fr  | Le site Cinéphile!
Configuration: Windows
Firefox 3.5.1

6 réponses

  1. en javascript, tu pourrais cacher tes champs suivants grace aux propriétés css (display:none), puis les afficher à la demande (display:block) lors d'un onBlur sur le champs précédent
    0
    1. Oulaa c quoi un onBlur ??

      Tu pourrais me faire voir un exemple ?
      0
      1. Et j'ajoute, il faut un nombre illimité d'ajout de champs
        0
        1. onBlur veut dire lorsque tu quitte le champ.

          alors, imaginons les input:

          <input id="champ1" onBlur="afficheInput('champ2')" ... />
          <input id="champ2" onBlur="afficheInput('champ3')" ... />
          <input id="champ3" onBlur="afficheInput('champ4')" ... />
          <input id="champ4" ... />

          forcément le dernier n'a pas de onBlur puisqu'il n'y a pas de suivant.

          tout en haut de ta page tu as un bloc javascript ou tu met :

          getElementById("champ2").style.display = "none";
          getElementById("champ3").style.display = "none";
          getElementById("champ4").style.display = "none";

          et tu déclare la fonction

          function afficheInput(id_du_champ)
          {
          //ce if sert à vérifier la longueur du champ, si le champ est toujours vide, on n'affiche pas le suivant
          if (getElementById(id_du_champ).value.length > 0)
          getElementById(id_du_champ).style.display = "block";
          }
          0
          1. sa marche pas !!
            voici mon code:

            ma pagephp :
            <input id="champ1" onBlur="afficheInput('champ2')" type="text" name="lien_sitoff1" size="50"/>
            <input id="champ2" onBlur="afficheInput('champ3')"  type="text" name="lien_sitoff2" size="50"/>
            <input id="champ3" onBlur="afficheInput('champ4')" type="text" name="lien_sitoff3" size="50"/>


            et javascipt ajchamps.js:
            getElementById("champ2").style.display = "none";
            getElementById("champ3").style.display = "none";
            getElementById("champ4").style.display = "none"; 
            
            function afficheInput(id_du_champ)
            {
            	//ce if sert à vérifier la longueur du champ, si le champ est toujours vide, on n'affiche pas le suivant
            	if (getElementById(id_du_champ).value.length > 0)
            	getElementById(id_du_champ).style.display = "block";
            }
            0
            1. Donc j'ai trouvé je pense mais j'ai un souci de cote
              et je ne vois pas comment je pourrais faire !
              c'est là (dans un fichier js) :
              onChange="create_champ('+i2+', "'+txtName+'", "'+txtType+'", "'+txtSize+'")"


              HELP !
              0