Ajouter champs quand premier rempli form js
Résolu
griko
Messages postés
343
Date d'inscription
Statut
Membre
Dernière intervention
-
griko Messages postés 343 Date d'inscription Statut Membre Dernière intervention -
griko Messages postés 343 Date d'inscription Statut Membre Dernière intervention -
A voir également:
- Ajouter champs quand premier rempli form js
- Document rempli - Guide
- Ajouter un profil netflix payant - Accueil - Guide streaming
- Ajouter signature word - Guide
- Ajouter liste déroulante excel - Guide
- Cheick yvann premier jour - Forum Vos droits sur internet
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
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";
}
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";
}
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
sa marche pas !!
voici mon code:
ma pagephp :
et javascipt ajchamps.js:
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";
}