18041 sujets

Questions générales et questions de débutants

Faire apparaître le contenu d'un lien sur la même page dans les div

Je ne trouve pas où se trouve l'erreur
Mais, merci de m'aider.
Voici le code HTML
<html>
 <head>
	<title>get element</title>
	
	
	<script type="text/javascript">
		function montrer(element)
		{
			var les_elements = new Array("apropos","inscription","liens-utiles","contact");
			
			for(var i=0; i<les elements.length; i++)
			
				document.getElementById(les_elements[i]).style.display='none';
			document.getElementById(element).style.display = 'block';
		}
	</script>
	<style type="text/css">
	body{
	 font-family:time new roman;
	 font-size:12px;
	 background:grey;
	 }
	 #conteneur {
	width:1000px;
	margin:auto;
	}
	#haut {
	height:90px;
	padding:10px;
	font-size:1.8em;
	}
	#liens {
		height:24px;
		padding-top:6px;
		}
	#bas {
	height:auto;
	background:#333;
	padding:10px;
	color:white;
	}	
	#liens a {
		display:block;
		background:#ddd;
		margin-right:5px;
		padding:5px;
		float:left;
		width:150px;
		text-align:center;
		color:#333;
	} 
	#liens a:hover {
		border-top:3px solid blue;
	}

	#liens a:hover {
		background:yellow;
	}
	#apropos,
	#inscription,
	#liens-utiles,
	#contact
 	{
	display:none;
	}

	</style>
 </head>
 
 <body>

   <div id="conteneur">  
	 <div id="haut" align="center"> 
	   <img src="t.jpg" width="150" height="100" alt="logo" align="left"/>

	   <font color="white">: Voire le contenu de mon lien sur cette meme page :</font>

	   <image src=".jpg" width="150" height="100" alt="V.S.E" align="right"/>
	 </div>
	 <div id="liens">
	  <a href="javascript:montrer('apropos')">A propos</a>
	  <a href="javascript:montrer('inscription')">S'inscrire</a>
	  <a href="javascript:montrer('liens-utiles')">Liens</a>
	  <a href="javascript:montrer('contact')">Contact</a>
	  
	 </div>
	
	<div id="bas">

	   <div id="apropos">

<font face="lucida calligraphy"><em><u><center><h2>A propos</h2><h3>Coeur et choeurs nets!!!</h3></center></u></em></font><br>
	<a href="">En savoir plus</a>

	   </div>

	   <div id="inscription">

			<h3>S'inscrire</h3>
			<form>
			 Pseudo<br/>
			 <input type="text" name="pseudo" />
			 <br/><br/>
			 Passe:<br/>
			 <input type="passeword" name="pass" />
			 <br/><br/>
			 E-Mail:<br/>
			 <input type="text" name="email" />
			 <br/><br/>
			 <input type="submit" value="s'inscrire" />
			</form>

	   </div>

	   <div id="liens-utiles">

	   <center><h3>Je suis "liens utiles"</center></h3>

	   </div>

	   <div id="contact">

	  <center><h3>Je suis "contact"</center></h3>

	  </div>

  </div>
 
<a href="1ere page.html">Retour</a> <a href="#top"> Retour en haut</a>
 </body>
</html>


Merci de m'aider Smiley cligne Smiley smile
Si même toi tu sais pas où se trouve l'erreur.....

Il faudrait une description supplémentaire de ton problème.

for(var i=0; i<les elements.length; i++) document.getElementById(les_elements[i]).style.display='none';

Pas besoin d'accolades pour une seule instruction dans la boucle, mais il faudrait écrire "les_elements" avec un "_"
Sujet clos
Aller à