bonjour, je voudrais montrer et cacher un div en javascript et CSS afin de faire un menu déroulant, j'ai fait un petit script mais sa ne fonctionne pas, si vous pouvez m'aider, merci.
Code:<html> <head> <title>choletbasket10 :: accueil</title> <link rel="stylesheet" type="text/css" href= "style.css"> <script type="text/javascript"> function montrer() { document.getElementById('lobjet').style.display = 'block'; } </script> </head> <body> <!-- fond derniere news---------------------------------------------------------------------------------------------------------------------- --> <div class="last_news"> dans ce cadre sera placé l'info en php </div> <!-- fond classement-------------------------------------------------------------------------------------------------------------------------- --> <div class="classement"> dans ce cadre sera placé le classement </div> <!-- fond prochain match---------------------------------------------------------------------------------------------------------------------- --> <div class="prochain_match"> dans ce cadre sera placé le prochain match </div> <!-- fond tableau affichage------------------------------------------------------------------------------------------------------------------- --> <div class="tableau_affichage"> dans ce cadre sera placé le tableau d'affichage </div> <div id='test' class='test'> test<br>test<br>test </div> <!-- fond avec la couleur bordeau et l'image de Claude Marquis-------------------------------------------------------------------------------- --> <div class="fond_couleur"> <div class="fond"> <center><img class="titre" src="titre-site.png" alt="Cholet Basket 10"/></center> <div class="menu"> <a href="accueil.php" name="img_accueil" onmouseover="montrer(); img_accueil='titre-accueil-rollover.png';"> <img src="titre-accueil.png" alt="accueil" /> </a> </div> </div> </div> </body> </html>pour l'instant j'essaie juste d'aficher un cadre bleu lors du survol de accueil.Code:body {background-color:#AAAAAA;} div.fond_couleur {margin: auto auto; background-color:#350000; color:white; width:1024px; height:768px;} div.fond{background-image:url('fond-marquis.png'); width:1024px; height:768px;} div.menu{background-image:url('barre-de-menu.png'); height:70px;} img.titre{padding:5px;} div.last_news{width:355px; height:190px; background-image:url('fond-last-news.png'); position: absolute; top: 425px; left: 150px; z-index:80; } div.classement{width:289px; height:299px; background-image:url('fond-classement.png'); position: absolute; top: 175px; left: 850px; z-index:80; } div.prochain_match{width:332px; height:214px; background-image:url('fond-prochain-match.png'); position: absolute; top: 265px; left: 635px; z-index:80; } div.tableau_affichage{width:286px; height:261px; background-image:url('tableau-affichage.png'); position: absolute; top: 515px; left: 815px; z-index:80; } div.test{background-color:blue; display:none; position: absolute; top: 450px; left: 815px; z-index:80;}
vous pouvez voir la page ici
-----