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: