Discussion :

[orphen]

Bonjour a tous,

J'utilise cette fonction sur un formulaire afin de cacher/ afficher ce qui intéresse le visiteur.

En gros sur deux bouton radio oui/non j'ai fait un onclic sur les input.
Quand on coche oui on affiche le contenue de oui et quand on coche non on affiche le contenue de non.

Mon script fonctionne bien mais j'ai un léger problème.
si la personne clic sur oui son contenue s'affiche mais si elle reclic sur non derrière le contenu s'affiche aussi sans que le précédent contenu s'affiche.

Que dois je rajouter pour empêcher que les deux contenu soit afficher en même temps?

Voila ma fonction

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
//afficher cacher
function visibilite(thingId){
  var targetElement;
  targetElement = document.getElementById(thingId) ;
  if (targetElement.style.display == "none")
  {
  targetElement.style.display = "" ;
  } else {
  targetElement.style.display = "none" ;
}
}

et mon morceau de html

Code :

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

1
2
3
4
5
6
 
			<form action="#" id="formulaire_principal">
			<div><span class="general">Etes vous client <input type="radio" name="choix" value="oui" onclick="javascript:visibilite('contenu');"> oui <input type="radio" name="choix" value="non" onclick="javascript:visibilite('contenu2');"> non</span></div>
			<div id="contenu" style="display:none;">Elements 1 oui</div>
			<div id="contenu2" style="display:none;">Elements 2 non</div>
			</form>

merci par avance

[le_chomeur]

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
//afficher cacher
function visibilite(thingId,masquerId){
  var targetElement;
  targetElement = document.getElementById(thingId) ;
  targetElementToHide = document.getElementById(thingId) ;
 
targetElementToHide.style.display == "none";
 
  if (targetElement.style.display == "none")
  {
  targetElement.style.display = "" ;
  } else {
  targetElement.style.display = "none" ;
}
}

en ajoutant a l'appel de la méthode :
visibilite('contenu','contenu2') par exemple

[orphen]

merci pour ta réponse je viens de remplacer ma fonction par la tienne cela ne semble pas fonctionner d'avantage.

Comment puis-je faire?

Merci par avance

[nabab]

Voire sans fonction:

Code :

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

1
2
3
 
<input type="radio" name="choix" value="oui" onclick="if(document.getElementById('contenu').style.display=='none'){document.getElementById('contenu').style.display='block;document.getElementById('contenu2').style.display='none';" />
<input type="radio" name="choix" value="non" onclick="if(document.getElementById('contenu2').style.display=='none'){document.getElementById('contenu2').style.display='block;document.getElementById('contenu').style.display='none';" />

[nabab]

Oops, la meme en correct:

Code :

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

1
2
3
 
<input type="radio" name="choix" value="oui" onclick="if(document.getElementById('contenu').style.display=='none'){document.getElementById('contenu').style.display='block';document.getElementById('contenu2').style.display='none';}" />
<input type="radio" name="choix" value="non" onclick="if(document.getElementById('contenu2').style.display=='none'){document.getElementById('contenu2').style.display='block';document.getElementById('contenu').style.display='none';}" />

[orphen]

merci beaucoup a tous les deux

Sujet resolu

[123JB]

Bonjour tout le monde,

Je me suis aussi lancé dans l'utilisation de cette fonction mais je n'arrive pas à la faire fonctionner.

Pour faire plus simple, je n'ai pas compris ce que voulais dire "le_chomeur" lorsqu'il dit :

en ajoutant a l'appel de la méthode :
visibilite('contenu','contenu2') par exemple

est-ce cela qui est suggéré :

Code :

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

function visibilite(contenu,contenu2){

Merci pour la réponse,