Déblocage : appel de fonction javascript id

[Fermé]
Signaler
-
Bonjour,


Je serais remerciant en m'aidant à trouver le bug de ce petit bout de code que je n'arrive pas à faire foncttionner (je ss débutant en javascript), donc, je vais coller tout le bout de code d'essai, le souci est de pouvoir afficher le contenu de chaque onglets :

<html>
<head>
<meta keywords="mapage,mon autre page">
<title>Ma page</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:Verdana, Geneva, sans-serif;
font-size:12px;
}
#conteneur{
width:935px;
margin:auto;
#haut{
height:315px;
}
#liens{
height:24px;
padding-top:2px;
}
#milieu{
height:380px;
background-color:#ddd;
padding:10px;
}
#bas{
height:20px;
background-color:#999;
}
#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 #999;
}
#apropos,
#inscription,
#liens-utiles,
#contact {
display:none;
}
</style>
</head>
<body>
<div id="conteneur">
<div id="haut">
<img src="\Testing wamp_php\images\acceuil.png" alt="Mes chevaux de courses">
</div>
<div id="liens">
<a href="javascript:montrer('apropos')">A propos des chevaux</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="milieu">
<div id="apropos">
<h3> Bienvenue </h3>
<br/>
Chevaux de courses
<br/><br/>
MERCI
</div>
<div id="inscription">
<h3> S'inscrire</h3>
<form>
Pseudo :<br/>
<input type="text" name="pseudo" />
<br/><br/>
Passe :<br/>
<input type="password" 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">
</div>
<div id="contact">
</div>
</div>
<div id="bas">
Le bas de la page
</div>
</div>
</body>
</html>


Merci pour votre aide.

Sincèrement votre.