[Réglé]Un champ supplémentaire sur un formulaire
8 messages
• Page 1 sur 1
-

Linkid - WRInaute discret

- Messages: 224
- Inscription: 9 Mai 2006
[Réglé]Un champ supplémentaire sur un formulaire
Bonjour, je souhaiterais savoir comment faire apparaître un champ supplémentaire dans un formulaire lorsque le visiteur choisit une certaine option dans une liste déroulante...
Merci !
Merci !
- code
- WRInaute impliqué

- Messages: 648
- Inscription: 29 Juil 2005
alors entre tes balises head, un truc de ce genre :
<script language="Javascript">
// La fonction qui affiche/masque l'élément
function bascule(boite)
{
// Quel est l'état actuel ?
etat=document.getElementById(boite).style.visibility;
if(etat=="visible"){document.getElementById(boite).style.visibility="hidden";}
else{document.getElementById(boite).style.visibility="visible";}
}
</script>
puis à l'endroit ou tu veux cacher ton champs
<input type="checkbox" name="XXXXX" onClick="bascule('boite');" value="XXXX"> // case à cocher
<div name="boite" id="boite" style="visibility: visible">
//élement à cacher
</div>
J'utilise beaucoup le javascript pour les formulaires pour rendre disponibles ou non un champs selon les choix des utilisateurs
voici un exemple d'un formulaires combinant plusieurs fonctions javascript sur mon site :
^^ttp://www.code-et-reduction.com/ajouter-bon.php
<script language="Javascript">
// La fonction qui affiche/masque l'élément
function bascule(boite)
{
// Quel est l'état actuel ?
etat=document.getElementById(boite).style.visibility;
if(etat=="visible"){document.getElementById(boite).style.visibility="hidden";}
else{document.getElementById(boite).style.visibility="visible";}
}
</script>
puis à l'endroit ou tu veux cacher ton champs
<input type="checkbox" name="XXXXX" onClick="bascule('boite');" value="XXXX"> // case à cocher
<div name="boite" id="boite" style="visibility: visible">
//élement à cacher
</div>
J'utilise beaucoup le javascript pour les formulaires pour rendre disponibles ou non un champs selon les choix des utilisateurs
voici un exemple d'un formulaires combinant plusieurs fonctions javascript sur mon site :
^^ttp://www.code-et-reduction.com/ajouter-bon.php
- DaMonkey
- WRInaute discret

- Messages: 79
- Inscription: 20 Fév 2004
code javascript :
pour la partie formulaire :
Voilà, à tester et modifier, je ne l'ai pas testé... c'est un code que je te sors en sortant de mon lit
Fred
- Code: Tout sélectionner
<script language="javascript">
function showHideInput (declencheur,cible) {
if (declencheur.checked == 'checked')
cible.display = 'block';
else
cible.display = 'none';
}
</script>
pour la partie formulaire :
- Code: Tout sélectionner
<input type="checkbox" id="monCB" name="monCB" onClick="showHideInput(this,document.monInput);" />
<input type="text" id="monInput" name="monInput" style="display:none" />
Voilà, à tester et modifier, je ne l'ai pas testé... c'est un code que je te sors en sortant de mon lit
Fred
-

512banque - Nouveau WRInaute

- Messages: 7
- Inscription: 5 Aoû 2006
Bonjour,
J'aimerais rouvrir ce post pour vous demander la chose suivante :
J'aimerais faire exactement la même chose que linkid, mais je voudrais que le champ apparaisse uniquement si l'on sélectionne une certaine option pour un champ particulier.
Par exemple, j'aimerais faire apparaître un champ texte lorsque l'utilisateur sélectionne "Autre" dans une liste déroulante, ou encore faire apparaître un groupe de boutons radio si l'utilisateur sélectionne "oui".
Pouvez-vous m'aider ?
Je vous remercie
J'aimerais rouvrir ce post pour vous demander la chose suivante :
J'aimerais faire exactement la même chose que linkid, mais je voudrais que le champ apparaisse uniquement si l'on sélectionne une certaine option pour un champ particulier.
Par exemple, j'aimerais faire apparaître un champ texte lorsque l'utilisateur sélectionne "Autre" dans une liste déroulante, ou encore faire apparaître un groupe de boutons radio si l'utilisateur sélectionne "oui".
Pouvez-vous m'aider ?
Je vous remercie
8 messages
• Page 1 sur 1
Lectures recommandées sur ce thème :
- nom de domaine supplementaire
- lien supplémentaire dans google
- index supplémentaire dans Google
- Info supplémentaire dans le profil
- Récupérer une variable supplémentaire dans un script en ajax
- Baisse des prix pour l'achat d'espace supplémentaire dans Gmail et Picasa
- [Réglé] Exclure une URL d'une règle de réécriture
Consultez la description détaillée des produits ou services de Google suivants : Google Browser Sync
Qui est en ligne
Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 1 invité
