begin process at 2010 02 09 21:21:54
  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 :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
Toutes les sources de el_keke

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

Comparez les prix


HTC Magic
Entre 429€ et 429€

Visiter le guide achat

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