Ajouter champs quand premier rempli form js

Résolu
griko Messages postés 401 Statut Membre -  
griko Messages postés 401 Statut Membre -
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. TheLamia Messages postés 77 Statut Membre 31
     
    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
  2. griko Messages postés 401 Statut Membre 10
     
    Oulaa c quoi un onBlur ??

    Tu pourrais me faire voir un exemple ?
    0
  3. griko Messages postés 401 Statut Membre 10
     
    Et j'ajoute, il faut un nombre illimité d'ajout de champs
    0
  4. TheLamia Messages postés 77 Statut Membre 31
     
    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
  5. Vous n’avez pas trouvé la réponse que vous recherchez ?

    Posez votre question
  6. griko Messages postés 401 Statut Membre 10
     
    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
  7. griko Messages postés 401 Statut Membre 10
     
    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