Un menu en js

**papaye0** · 15/06/2009, 05h02

Bonjour,
je voudrais faire un menu un peu comme celui de la page d'acceuil de ccm (milieux de page)
lorsque l'on passe sur l'une des cat�gories l'image de fond change et il affiche un nouveaux menu a droite qui ne change que lorsque l'on sur vol une autre cat�gorie

je voudrais donc savoir comme faire pour changer de menu a chaque foi que l'on sur vol une cat�gorie diff�rente mais que le menu ne rechange que lorsque que l'on re sur vol une autre cat�gorie

merci

PS : pas besoin de me dire "ba apprend le js" j'ai d�buter mais pour le moment je change des couleurs de texte en js alors je suis loin du menu

**andry.aime** · 15/06/2009, 08h40

Salut et Bienvenue sur le Forum
C'est plus facile en CSS dans le 'hover' du lien, tu donnes l'image de Fond qui remplace ce qui est affich�.

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
 a:hover{
    background-image:url(./images/monimage.jpg);
}

Sinon

Code JAVASCRIPT :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
<script type="text/javascript">
var monImage=new Image();
monImage.src="images/monimage.jpg";
var monImage2=new Image();
monImage2.src="images/image.jpg";
</script>

Code HTML :

S�lectionner tout - Visualiser dans une fen�tre � part

<a href="#" onmouseover="this.style.backgroundImage='url('+monImage.src+')'" onmouseout="'this.style.backgroundImage='url('+monImage2.src+')'">

**papaye0** · 15/06/2009, 22h03

merci mais ce que je voulais c'est que mes 4 cat�gories lors du survol de l'une affiche respectivement son menu

je ne suis pas sur, j'ai regard� hier mes cours en vitesse et d'apr�s ce que tu m'as donn� j'ai tenter de d�duire ce que je voulais

c'est bon ?

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
<script type="text/javascript">
var menu;
menu.write='le code html de mon menu';
var menu2;
menu2.write='le code html de mon menu2';
var menu3;
menu3.write='le code html de mon menu3';
var menu4;
menu4.write='le code html de mon menu4';
</script>

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
 
<a href="#" onmouseover="url('+menu.write+')"></a>
<a href="#" onmouseover="url('+menu2.write+')"></a>
<a href="#" onmouseover="url('+menu3.write+')"></a>
<a href="#" onmouseover="url('+menu4.write+')"></a>

Merci

**andry.aime** · 16/06/2009, 08h06

Bonjour,

var menu;
menu.write='le code html de mon menu';

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
var menu;
menu='le code html de mon menu';
document.write(menu);

Mais la m�thode write a une tendance d'effacer le contenue de la page si elle est mal positionn�e.
Voici un tutoriel sur les menus d�roulant:
http://css.developpez.com/tutoriels/menu-deroulant/

**papaye0** · 16/06/2009, 13h28

merci, je teste.

--------------Edit---------------

donc j'ai test� comme �a

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
 
  <body>
    <a href="#" onmouseover="write('le <b>menu</b> html')">ici</a>
  </body>

pfiou ^^

j'ai mi une image pour que vous compreniez mieux ce que je veux faire, je teste je teste mais c'est du taton

**andry.aime** · 16/06/2009, 14h55

document.write �crit sur la page mais il ne fait pas l'affichage du sous-menu.
As-tu regard� le tutoriel :
http://css.developpez.com/tutoriels/menu-deroulant/
Je pense que c'est ce tu veux faire.