Checkbox affichage dynamique [Résolu]

Danyel · 31/08/2011, 11h40

Salut all,

Je cherche le moyen, a partir de checkbox (3 au total) la possibilite d'afficher ou d'effacer (selon le choix du checkbox) des donnees sur la page en cours.
Le top serait de pouvoir activer/desactiver toutes les lignes d'un code (predefini).

Alors j'ai cherche en long, en large et en travers, mais sans vraiment trouver qq chose de concret et/ou efficace.

Si vous avez des infos, des codes ou des liens qui me permettrait de faire ceci, ca serait nickel.
Merci pour toute votre aide.

Danyel

SpaceFrog · 31/08/2011, 13h30

Une mine d'or
http://javascript.developpez.com/faq...ript/?page=obj

diallomad · 31/08/2011, 14h05

Bonjour,
Je pense que ce code devrait faire l'affaire

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
<html>
      <head>
	    <title> Affiche en fonction de checkbox </title>
  <script type="text/javascript">
   function afficheSelonLeChoix(choix)
   {
       if(choix==0)
 	 {
 	    document.getElementById('contenu_choix1').style.display= 'block'
 	    document.getElementById('contenu_choix2').style.display= 'none'
 	    document.getElementById('contenu_choix3').style.display= 'none'
 	 }
       else if(choix==1)
 	  {
 	    document.getElementById('contenu_choix2').style.display= 'block'
 	    document.getElementById('contenu_choix1').style.display= 'none'
 	    document.getElementById('contenu_choix3').style.display= 'none'
 	  }
       else
 	  {
 	    document.getElementById('contenu_choix3').style.display= 'block'
 	    document.getElementById('contenu_choix1').style.display= 'none'
 	    document.getElementById('contenu_choix2').style.display= 'none'
 	  }
   }
  function cacherContenu()
  {
	    document.getElementById('contenu_choix1').style.display= 'none'
	    document.getElementById('contenu_choix2').style.display= 'none'
	    document.getElementById('contenu_choix3').style.display= 'none'
 
  }
</script>
</head>
<body onLoad="cacherContenu()">
<input type="checkbox" name="choix_1" onClick="afficheSelonLeChoix(0)" /> Choix 1
<input type="checkbox" name="choix_2" onClick="afficheSelonLeChoix(1)" /> Choix 2
<input type="checkbox" name="choix_3" onClick="afficheSelonLeChoix(2)" /> Choix 3
 
<div id="contenu_choix1">
  <p>	Vous avez coché le choix 1 </p>
</div>
<div id="contenu_choix2">
  <p>	Vous avez coché le choix 2 </p>
</div>
<div id="contenu_choix3">
  <p>	Vous avez coché le choix 3 </p>
</div>
</body>
</html>

Danyel · 01/09/2011, 03h35

Merci a tous les 2, en combinants ces reponses, je pense que ca va le faire.
Mais sinon, bizarre que ces sodes soient dans la faq ... moi j'avais cherche dans les sources, ca me paraissait plus adequat non ?

31/08/2011, 11h40	#1
Danyel Modérateur Danyel Ingénieur développement logiciels Inscription : juillet 2005 Messages : 1 586 Détails du profil Informations personnelles : Nom : Danyel Âge : 42 Localisation : France, Hérault (Languedoc Roussillon) Informations professionnelles : Activité : Ingénieur développement logiciels Informations forums : Inscription : juillet 2005 Messages : 1 586 Points : 1 666 Points : 1 666	Checkbox affichage dynamique Salut all, Je cherche le moyen, a partir de checkbox (3 au total) la possibilite d'afficher ou d'effacer (selon le choix du checkbox) des donnees sur la page en cours. Le top serait de pouvoir activer/desactiver toutes les lignes d'un code (predefini). Alors j'ai cherche en long, en large et en travers, mais sans vraiment trouver qq chose de concret et/ou efficace. Si vous avez des infos, des codes ou des liens qui me permettrait de faire ceci, ca serait nickel. Merci pour toute votre aide. Danyel __________________ Que les neurones soient avec toi, jeune padawan. Ne pas oublier, qu'un métier, développer être. Effectuer des recherches et lire les tutos, avant de poster, tu dois. Aucune question technique, faites par MP, tu ne dois.
	00

31/08/2011, 13h30	#2
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 30 040 Détails du profil Informations personnelles : Sexe : Localisation : Royaume-Uni Informations professionnelles : Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Secteur : Industrie Informations forums : Inscription : mars 2002 Messages : 30 040 Points : 45 141 Points : 45 141	Une mine d'or http://javascript.developpez.com/faq...ript/?page=obj __________________ Ma page Developpez Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts) Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir... Votre post est résolu ? Alors n'oubliez pas le Tag réalisations :www.planet-languages.com\|www.saftair.com\| www.ouestisol.fr \| www.sebemex.fr \| www.extramiante.fr \| www.sistac-alizay.fr \| www.acoustishop.fr \| www.litt.fr \| www.ouestventil.fr
	10

01/09/2011, 03h35	#4
Danyel Modérateur Danyel Ingénieur développement logiciels Inscription : juillet 2005 Messages : 1 586 Détails du profil Informations personnelles : Nom : Danyel Âge : 42 Localisation : France, Hérault (Languedoc Roussillon) Informations professionnelles : Activité : Ingénieur développement logiciels Informations forums : Inscription : juillet 2005 Messages : 1 586 Points : 1 666 Points : 1 666	Merci a tous les 2, en combinants ces reponses, je pense que ca va le faire. Mais sinon, bizarre que ces sodes soient dans la faq ... moi j'avais cherche dans les sources, ca me paraissait plus adequat non ? __________________ Que les neurones soient avec toi, jeune padawan. Ne pas oublier, qu'un métier, développer être. Effectuer des recherches et lire les tutos, avant de poster, tu dois. Aucune question technique, faites par MP, tu ne dois.
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email