Se connecter / S'enregistrer
Votre question

menu HORIZONTAL JAVASCRIPT

Tags :
  • Script
  • Programmation
Dernière réponse : dans Programmation
4 Janvier 2008 18:23:04

Bonsoir,

j essay de creer un menu avec du javascript, mais un probem se pose car lorsque je clik sur mon bouton "menu" , les sous menu s 'affiche mais verticalement en dessous de "menu" alors que je voudrai k'ils s'affichent horizontalment a la suite du bouton "menu"

http://tho.ftp.free.fr/menu/

voici mon html :

<html>
<head>
<title>menu</title>
<style type="text/css">
<!--
body {
background-color: #000000;
}
-->
</style>
<script src="menu.js"></script>
</head>

<body onLoad="wait();">
<img id="menu" onClick="gic();" src="img/menu1.png" name="menu" width="49" height="21" border="0"><img id="gallerie" src="img/gallerie1.png" width="49" height="21"><img id="infos" src="img/infos1.png" width="49" height="21"><img id="contact" src="img/contact1.png" width="49" height="21">
</body>
</html>




voici mon javascript :


function wait() {
var a,b,c;
a=document.getElementById("gallerie");
a.style.display="none";
b=document.getElementById("infos");
b.style.display="none";
c=document.getElementById("contact");
c.style.display="none";
}

function gic() {
var d,e,f;
d=document.getElementById("gallerie","infos","contact");
if (d.style.display == "none") {
d.style.display = "block" ;
} else {
d.style.display = "none" ;
}
e=document.getElementById("infos");
if (e.style.display == "none") {
e.style.display = "block" ;
} else {
e.style.display = "none" ;
}
f=document.getElementById("contact");
if (f.style.display == "none") {
f.style.display = "block" ;
} else {
f.style.display = "none" ;
}
}

Autres pages sur : menu horizontal javascript

4 Janvier 2008 20:35:50

C'est loin d'être le top mais je pense que tu pourra te satisfaire comme ça :
HTML :
  1. <html>
  2. <head>
  3. <title>menu</title>
  4. <style type="text/css">
  5. <!--
  6. body {
  7. background-color: #000000;
  8. }
  9. -->
  10. </style>
  11. <script src="menu.js"></script>
  12. </head>
  13.  
  14. <body onLoad="wait();">
  15. <img id="menu" onClick="gic();" src="menu1.png" />
  16. <img id="gallerie" src="gallerie1.png" />
  17. <img id="infos" src="infos1.png" />
  18. <img id="contact" src="contact1.png" />
  19.  
  20. </body>
  21. </html>


JS:

  1. function wait()
  2. {
  3. var a,b,c;
  4. a=document.getElementById("gallerie");
  5. a.style.visibility="hidden";
  6. b=document.getElementById("infos" );
  7. b.style.visibility="hidden";
  8. c=document.getElementById("contact" );
  9. c.style.visibility="hidden";
  10. }
  11.  
  12.  
  13.  
  14. function gic()
  15. {
  16. var d,e,f;
  17.  
  18. d=document.getElementById("gallerie","infos","contact" );
  19. d.style.visibility = ( d.style.visibility == "visible" ) ? "hidden" : "visible";
  20.  
  21. e=document.getElementById("infos" );
  22. e.style.visibility = ( e.style.visibility == "visible" ) ? "hidden" : "visible";
  23.  
  24. f=document.getElementById("contact" );
  25. f.style.visibility = ( f.style.visibility == "visible" ) ? "hidden" : "visible";
  26.  
  27. }
5 Janvier 2008 23:12:27

Merci beaucoup ca marche, mais qu'elle serai la fonction pour que lorsque je passe sur l un de mes menu, par exemple gallerie, celui ci soit remplacer par une otre image en rollover ?
Contenus similaires
6 Janvier 2008 01:53:25

OK merci c est tres sympa bonne soiree ;) 
Tom's guide dans le monde
  • Allemagne
  • Italie
  • Irlande
  • Royaume Uni
  • Etats Unis
Suivre Tom's Guide
Inscrivez-vous à la Newsletter
  • ajouter à twitter
  • ajouter à facebook
  • ajouter un flux RSS