[Réglé]Un champ supplémentaire sur un formulaire


Linkid
WRInaute discret
WRInaute discret
 
Messages: 224
Inscription: 9 Mai 2006

[Réglé]Un champ supplémentaire sur un formulaire

Message le Jeu Mai 25, 2006 10:20

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 !

code
WRInaute impliqué
WRInaute impliqué
 
Messages: 648
Inscription: 29 Juil 2005

Message le Jeu Mai 25, 2006 10:41

avec du javascript par exemple et display none qui devient visible si tu coches une case


Linkid
WRInaute discret
WRInaute discret
 
Messages: 224
Inscription: 9 Mai 2006

Message le Jeu Mai 25, 2006 10:43

Tu pourrais me montrer le code, ce serait plus simple... car question Javascript, je ne m'y connais presque pas...

code
WRInaute impliqué
WRInaute impliqué
 
Messages: 648
Inscription: 29 Juil 2005

Message le Jeu Mai 25, 2006 11:06

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

DaMonkey
WRInaute discret
WRInaute discret
 
Messages: 79
Inscription: 20 Fév 2004

Message le Jeu Mai 25, 2006 11:11

code javascript :

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


Linkid
WRInaute discret
WRInaute discret
 
Messages: 224
Inscription: 9 Mai 2006

Message le Jeu Mai 25, 2006 11:30

code, j'ai testé, et sa marche, par contre, j'aimerais que le champs soit caché dès le départ...
Merci


Linkid
WRInaute discret
WRInaute discret
 
Messages: 224
Inscription: 9 Mai 2006

Message le Jeu Mai 25, 2006 11:41

C'est bon code ! J'ai trouvé...
Par contre DaMonkey, ton code ne fonctionne pas chez moi...
Mais c'est bon, le script de code fonctionne super !
Merci !


512banque
Nouveau WRInaute
Nouveau WRInaute
 
Messages: 7
Inscription: 5 Aoû 2006

Message le Sam Aoû 05, 2006 15:51

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


Si vous avez aimé cette discussion, partagez-la sur vos réseaux sociaux préférés :

Lectures recommandées sur ce thème :



Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 1 invité