begin process at 2010 02 09 21:21:54
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

Formulaire

 > AFFICHER/MASQUER DES CHAMPS DANS UN FORMULAIRE

AFFICHER/MASQUER DES CHAMPS DANS UN FORMULAIRE


 Information sur la source

Note :
9,4 / 10 - par 5 personnes
9,40 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Formulaire Niveau :Initié Date de création :16/04/2004 Vu :19 653

Auteur : el_keke

Ecrire un message privé
Site perso
Ce membre participe au partage de revenus publicitaires
Commentaire sur cette source (3)
Ajouter un commentaire et/ou une note


 Description

Un petit script utile pour des modules de recherche.
Lorsque vous sélectionnez "autre" dans la liste déroulante, un champ supplémentaire apparaît.
Ce script joue avec les styles...

Source

  • <html>
  • <head>
  • <title>test</title>
  • <script language="JavaScript">
  • function afficherAutre() {
  • var a = document.getElementById("autre");
  • var m = document.getElementById("mots");
  • if (document.form1.liste.value == 3)
  • {
  • if (a.style.display == "none")
  • a.style.display = "block";
  • if (m.style.display == "none")
  • m.style.display = "block";
  • }
  • else
  • {
  • a.style.display = "none";
  • m.style.display = "none";
  • }
  • }
  • </script>
  • </head>
  • <body>
  • <form name="form1" method="post" action="">
  • <p>Choisissez une option :
  • <select name="liste" onChange="afficherAutre()">
  • <option value=1>option1</option>
  • <option value=2>option2</option>
  • <option value=3>Autre</option>
  • </select>
  • </p>
  • <span id=autre style="display: none"> Autre :</span>
  • <input type="text" id="mots" name="mots" style="display: none">
  • </form>
  • </body>
  • </html>
<html>
<head>
<title>test</title>
<script language="JavaScript">
function afficherAutre() {
  var a = document.getElementById("autre");
  var m = document.getElementById("mots");
  
  if (document.form1.liste.value == 3)
  {
  	if (a.style.display == "none")
		a.style.display = "block";
 
  	if (m.style.display == "none")
		m.style.display = "block";
  }
  else
  {
  	a.style.display = "none";
	m.style.display = "none";	
  }
}
</script>
</head>

<body>
<form name="form1" method="post" action="">
<p>Choisissez une option : 
    <select name="liste" onChange="afficherAutre()">
        <option value=1>option1</option>
        <option value=2>option2</option>
        <option value=3>Autre</option>
    </select>
    </p>
    <span id=autre style="display: none"> Autre :</span>
    <input type="text" id="mots" name="mots" style="display: none">
</form>
</body>
</html>



 Sources du même auteur

EXÉCUTER UNE APPLICATION DEPUIS UNE PAGE HTML

 Sources de la même categorie

Source avec Zip Source avec une capture CALCULS RAYNAUX V2 par Ali Bibi
Source avec Zip Source avec une capture VALIDATION D'UN FORMULAIRE par grarestephane
Source avec Zip Source avec une capture CHAT VIRTUEL par grarestephane
Source avec Zip Source avec une capture AJOUTER ET SUPPRIMER DES FICHIERS DANS UNE LISTE par grarestephane
Source avec Zip TEXTAREA : LIMITER LA LARGEUR ET LA HAUTEUR DU TEXTE SAISIE par vilfarfadet

Commentaires et avis

Commentaire de tomypunk le 19/06/2006 20:22:55

merci pour la source c'est exactement ce que je cherchais a faire :D

Commentaire de cha7ri le 21/05/2009 13:16:08 10/10

merci beaucoup....... tu mérite plus que 10/10

Commentaire de el_keke le 21/05/2009 14:25:21

De rien, ça me fait plaisir :-)

 Ajouter un commentaire




Nos sponsors


Sondage...

Comparez les prix


HTC Magic

Entre 429€ et 429€

CalendriCode

Février 2010
LMMJVSD
1234567
891011121314
15161718192021
22232425262728

Consulter la suite du CalendriCode

 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,421 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales