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.