Un menu en js

Version imprimable

15/06/2009, 05h02
papaye0

Un menu en js

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 :ccool:

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 :mouarf:
15/06/2009, 08h40
andry.aime
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:

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

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:

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

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 ? :oops:
Code:

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:

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 :D

16/06/2009, 08h06
andry.aime
Bonjour,

Citation:

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

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/
16/06/2009, 13h28
papaye0

1 pi�ce(s) jointe(s)
merci, je teste.

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

donc j'ai test� comme �a
Code:

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 :mouarf:
16/06/2009, 14h55
andry.aime

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.
16/06/2009, 15h38
papaye0

1 pi�ce(s) jointe(s)

non je veux pas faire un menu d�roulent je vais faire une autre image pour expliquer je dois pas �tre douer pour les explications :calim2:

merci pour toute cette aide, je vais bien finir par y arriver avec tout ce t�tonnement :mouarf:

(sur le 1er ex que j'ai donn� c'est de l'ajax, c'est mieux de faire �a en ajax ou en js ?)
16/06/2009, 17h49
papaye0

j'ai trouv� en ajax, merci beaucoup :ccool: