begin process at 2010 03 22 05:26:56
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
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 :20 207
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
Toutes les sources de el_keke

 Sources de la même categorie

DÉSACTIVER UN BOUTON SUBMIT APRÈS ENVOI DU FORMULAIRE par SoftDeath
IMPLEMENTATION DE RANDOM PERSONNALISÉ par ousous
IMPLEMENTATION DE HASHTABLE par ousous
JAVASCRIPT.UTIL.ITERATOR par ousous
Source avec Zip Source avec une capture PALETTE DE COULEURS par titnome
Toutes les sources de la catégorie Formulaire

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...

CalendriCode

Mars 2010
LMMJVSD
1234567
891011121314
15161718192021
22232425262728
293031    

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,484 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales
Outils Convertisseur VB/C# Snippets et scripts Outils en ligne La ToolBox
Communauté Programmation Photographie Technologie Newsgroups Emploi Forum Blogs
Guide d'achat Téléphonie mobile Image et son Informatique Bureautique Jeux vidéo
Logiciels Internet & Réseau Développement Market Android Jeux & Loisirs Graphisme Multimédia Sécurité Pilotes
Loisirs Cartes virtuelles Vidéos droles Jeux en ligne Géoguide AndroLib (Android Market)