menu HORIZONTAL JAVASCRIPT

Dernière réponse : 6 Janvier 2008 00:53 dans Programmation

krivos

4 Janvier 2008 17: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">

</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

| Etre averti des réponses
| Alerter

Répondre à krivos

Lassé par la pub ? Créez un compte

maxcailla

4 Janvier 2008 19:35:50

C'est loin d'être le top mais je pense que tu pourra te satisfaire comme ça :
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="menu1.png" />

<img id="gallerie" src="gallerie1.png" />

<img id="infos" src="infos1.png" />

<img id="contact" src="contact1.png" />

 
</body> 

</html>

JS:

function wait() 

{ 

  var a,b,c; 

  a=document.getElementById("gallerie"); 

  a.style.visibility="hidden"; 

  b=document.getElementById("infos" ); 

  b.style.visibility="hidden"; 

  c=document.getElementById("contact" ); 

  c.style.visibility="hidden"; 

} 

 
 
 
function gic()

{ 

  var d,e,f; 

 
  d=document.getElementById("gallerie","infos","contact" ); 

  d.style.visibility = ( d.style.visibility == "visible" ) ? "hidden" : "visible";

 
  e=document.getElementById("infos" ); 

  e.style.visibility = ( e.style.visibility == "visible" ) ? "hidden" : "visible";

 
  f=document.getElementById("contact" ); 

  f.style.visibility = ( f.style.visibility == "visible" ) ? "hidden" : "visible";

 
}

| Alerter

Répondre à maxcailla

krivos

5 Janvier 2008 22: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 ?

| Alerter

Répondre à krivos

maxcailla

5 Janvier 2008 23:21:59

Je suis en pleine soirée et pour pas oublier de te répondre demain je te file un lien qui devrait t'apprendre pas mal de trucs sur les menus : http://css.alsacreations.com/Construction-de-menus-en-C...