Discussion :

[haNjo]

Bonjour,

J'ai d�j� parcouru pas mal de thread, mais une interrogation subsiste pour moi dans mon code. Je ne suis pas un habitu� du js

Voici mon objectif (tr�s simple):
J'ai un bouton select, en fonction du choix j'affiche un div ou un autre sans valider quoi que ce soit -> je s�lectionne, �a s'affiche.

Voici mon code:
Javascript:

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<script type="text/javascript">
	function changementType() {
		var ville = document.getElementById("ville").value;
		if (ville == "mons")	{
		document.getElementById("infoMons").style="display:block";
		document.getElementById("infoBinche").style="display:none";
		} 
		else {
		document.getElementById("infoMons").style="display:none";
		document.getElementById("infoBinche").style="display:block";
		}
</script>

Et le select ainsi que les en-t�tes des div:

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
 
<select name="ville" id="ville" onchange="changementType();">
	<option value="mons">Mons</option>
	<option value="binche">Binche</option>
</select>
<div id="infoMons" style="margin-top: 10px; font-size: 0.9em; margin-left: 20px; display:none;"></div>
 
<div id="infoBinche" style=" margin-top: 10px; font-size: 0.9em; margin-left: 20px; display:none;"></div>

J'ai l'impression que mon code n'a aucun effet.

Est-ce que j'utilise mal le script js ou mon code est totalement erron�?

Merci de votre attention.

hNj

[Invit�]

salut,

quasi good :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

document.getElementById("infoMons").style.display="block";

tu as �galement oubli� de fermer une accolade pour ta fonction changementType.

[haNjo]

Parfait, un grand merci

[haNjo]

Bonjour,

J'ai une question vis-�-vis du m�me style de script. J'ai modifi� mon script pour qu'il puisse afficher ou cacher des div via des liens. J'aimerai maintenant que ce script permette de cacher le div afficher lorsque je clique sur un autre lien. Donc qu'on ne puisse avoir qu'un seul div affich� � la fois.

Voici mon script js:

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
 
<script type="text/javascript">
	function visibilite(thingId) { 
		var targetElement; 
		targetElement = document.getElementById(thingId) ; 
		if (targetElement.style.display == "none") 	{ 
			targetElement.style.display = "" ; 	} 
		else { 
			targetElement.style.display = "none" ; } 
	}
		</script>

Et mes div + boutons

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
12
 
<a id="nom" value="monsInfo" href="javascript:visibilite('infoMons');" style="margin-top: 10px; font-size: 0.9em; margin-left: 20px">Contact</a>
<div id="infoMons" style="margin-top: 10px; font-size: 0.9em; margin-left: 20px; display: none;"></div>
 
<a id="nom" value="monsHoraire" href="javascript:visibilite('horaireMons');" style="margin-top: 10px; font-size: 0.9em; margin-left: 20px">Horaire</a>
<div id="horaireMons" style="margin-top: 10px; font-size: 0.9em; margin-left: 20px; display: none;"></div>
 
<a id="nom" value="bincheInfo" href="javascript:visibilite('infoBinche');" style="margin-top: 10px; font-size: 0.9em; margin-left: 20px">Contact</a>
<div id="infoBinche" style="margin-top: 10px; font-size: 0.9em; margin-left: 20px; display:none;"></div>
 
<a id="nom" value="bincheHoraire" href="javascript:visibilite('horaireBinche');" style="margin-top: 10px; font-size: 0.9em; margin-left: 20px">Horaire</a>
<div id="horaireBinche" style=" margin-top: 10px; font-size: 0.9em; margin-left: 20px; display:none;">

Faut-il beaucoup modifier?

Merci!

[Invit�]

non,

il suffit que tu caches tous les div (sauf celui que tu veux afficher �ventuellement), et apr�s tu affiches celui que tu veux afficher.

[haNjo]

non,

il suffit que tu caches tous les div (sauf celui que tu veux afficher �ventuellement), et apr�s tu affiches celui que tu veux afficher.

Ils sont tous "hidden", mais lorsque j'ouvre par exemple le div "monsInfo", et que par apr�s j'ouvre le div "monsHoraire", j'aimerai que le div "monsInfo" se referme automatiquement.

Y a-t-il quelque chose � modifier?