begin process at 2012 02 14 08:39:07
  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 :27 290
Auteur : el_keke

Ecrire un message privé
Site perso
Ce membre participe au partage de revenus publicitaires
Commentaire sur cette source (5)
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

Source avec Zip Source avec une capture BOITE DE DIALOGUE MODALE DE SÉLECTION D'UNE LISTE D'ICONES par JJDai
Source avec Zip Source avec une capture RÉSOLUTION D'UN SYSTÈME D'ÉQUATIONS LINÉAIRES À N INCONNUES par william voirol
Source avec Zip Source avec une capture PLUGIN JQUERY LISTE MODIFIABLE (COMBO) AUTOCOMPLÉTÉE par medkarim
GESTION DE NUMÉRO DE TÉLÉPHONE SIMPLE DANS FIREFOX7 par rotomtom
Source avec Zip Source avec une capture RECOMMANDER CETTE PAGE AVEC MAILTO, ACCENT ET RETOUR LIGNE D... par weabow
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 :-)

Commentaire de carbonexx le 31/05/2010 12:08:12

merci pour ton script qui fonctionne !! ^^ je vais essai de bidouiller ça pour afficher un sous formulaire (js est facile? ^^)

Commentaire de ndiou le 21/07/2011 15:54:48

j'ai seeayer mais ca ne marche pas avec un groupe radio

 Ajouter un commentaire

Nos sponsors


Sondage...

Comparez les prix


Samsung Galaxy Tab (GT-P1000) Tablet PC
Entre 699€ et 699€

Visiter le guide achat

CalendriCode

Février 2012
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
272829    

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 : 2,168 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)