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!
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
-
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
-
Oulaa c quoi un onBlur ??
Tu pourrais me faire voir un exemple ? -
Et j'ajoute, il faut un nombre illimité d'ajout de champs
-
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";
} -
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"; } -
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 !