MENU HORIZONTAL DYNAMIQUE AVEC SOUS-MENUS AVEC FONDU
cs_xaide
Messages postés
3
Date d'inscription
mardi 28 octobre 2003
Statut
Membre
Dernière intervention
1 janvier 2005
-
15 sept. 2004 à 01:56
cs_aizen42 Messages postés 1 Date d'inscription jeudi 1 octobre 2009 Statut Membre Dernière intervention 13 septembre 2011 - 13 sept. 2011 à 15:37
cs_aizen42 Messages postés 1 Date d'inscription jeudi 1 octobre 2009 Statut Membre Dernière intervention 13 septembre 2011 - 13 sept. 2011 à 15:37
Cette discussion concerne un article du site. Pour la consulter dans son contexte d'origine, cliquez sur le lien ci-dessous.
https://codes-sources.commentcamarche.net/source/26166-menu-horizontal-dynamique-avec-sous-menus-avec-fondu
https://codes-sources.commentcamarche.net/source/26166-menu-horizontal-dynamique-avec-sous-menus-avec-fondu
13 sept. 2011 à 15:37
J'ai vue qu'il y avais possibilité de faire disparaitre les sous liens au départ de la souri. je vous savoir ou placer les codes s'il vous plait merci.
25 mai 2010 à 10:13
Merci
20 mai 2010 à 15:38
J'ai une question, j'ai inserer une balise script, mais le menu ne s'affiche pas, merci
24 janv. 2010 à 14:35
ou mettre le <target="_blank"> pour que celui-ci ouvre une nouvelle fenêtre ???
25 févr. 2009 à 23:29
j'ai bien aimer votre script, mais j'ai un problème, les sous menu s'ouvre tout à l'extrême gauche de la page!! comment faire !!
6 févr. 2008 à 21:13
Super script, mais pour moi c'est comme pour Marclio, comment fait on pour ouvrir un lien dans une nouvelle fenêtre ou frame???
merci Larion si tuas le temps de répondre ou y a t-il qlq d'autre qui à résolu mon souci ?
16 déc. 2007 à 22:14
essayez a cette adresse: http://membres.lycos.fr/gathermultiplayers/index.html puis clic sur Forums par example.
26 sept. 2007 à 09:31
Mais j'ai une question par rapport à l'integration de ce menu javascript dans une page HTML.
La position de ce menu n'est pas la meme sous les navigateurs Mozilla et sous IE ? Comment gerer ce souci ?
Merci.
25 sept. 2007 à 10:15
Sympa le menu, il est tres facile à ajuster à sa maniere !
Seulement j'ai un souci et je n'ai pas vu la solution precedement !
Le menu fonctionne niquel sous IE mais sur Mozilla (comme certains le disent), les sous menu restent alignés sous le 1er menu !
Que faut il modifier ?
Merci et bonne journée.
21 juin 2007 à 15:17
comment je pourrais exploiter ce menu est ce que je suis obliger de l'acheter pour avoir le code sources et comment je pourrais avoir la version gratuite
merci
14 mai 2007 à 19:21
'filters.blendTrans-status' a la valeur Null ou n'est pas un objet.
Code = 0 .
14 mai 2007 à 19:12
Sous mozilla firefox ca passe mais sous ie ça ne me donne pas de sous menu(juste des trais jaunes).
Quelqu'un a t il une solution à ce dysfonctionnement ?
Merci d'avance
snugle
16 avril 2007 à 19:19
Je débute en javascript et ce menu est superbe.
Pourriez vous m'expliquer comment on fait pour lancer un lien dans une nouvelle fenêtre.
Y a t'il un moyen d'y remédier.
Je vous en remercie d'avance
FOOTButs
6 janv. 2007 à 17:22
6 janv. 2007 à 16:40
Je ne comprend pas pourquoi ce menu ne s'affiche pas sous firefox. Par ailleur, sous IE, ça marche inpec! Aparament l'auteur dit qu'il est bien compatible avec firefox. J'ai vérifier avec la démonstration du menu sur le site de l'auteur, et sa marche avec firefox. Mais, quand j'essaie la version gratuite sur mon serveur wamp, sa ne s'affiche pas sous firefox.
Merci pour votre aide
24 mai 2006 à 18:59
Ton menu est exactement ce que je cherche depuis longtemps FÉLICITATION ! Mon seul hic... j'aimerais que le sous menu horizontal reste visible lorsque l'on clic sur un des liens (des sous menu) et que le lien sur lequel on a cliqué soit d'une couleur différente des autres. Juste pour une question d'ergonomie... Merci pour ta réponse !
P.S. Je suis nul en prog....
22 mars 2006 à 20:24
23 févr. 2006 à 00:31
22 févr. 2006 à 23:15
Voila j'ai télécharger ce super script, mais je galere sérieusement depuis pas mal de temps a l'insérer dans ma page..j'ai la version Free et je rame pas mal !! je comprends pas pourquoi le menu ne s'affiche pas la ou on insere le script, ca serait mille fois plus simple lorsqu'il est statique. Je dois l'insérer dans un tableau et les dimensions sont en pourcentages alors défnir une distance par rapport au top de l'écran me semble assez bizare.
Etant novice en javascript, je ne peux modifier le script... i need help..je n'arrive pas a le positionner et a lui donner les bonnes cotes...
26 déc. 2005 à 22:20
Je vient d'installer un de vos code javascript sur mon site pour un menu déroulant, mais j'ai deux problèmes :
1) Le menu déroulant descent en même temps que ma page.
2) J'ai installé deux fois ce script car je veux deux menu. Mais il faut donc qu je change les variables dans le deusième code et je ne connais pas le javascript.
Voici mon code :
<SCRIPT LANGUAGE="JavaScript">
//************ Menu Principal ************//
Color0M = '#FFFFFF' //Couleur du texte
Color1M = '#5F9AC3' //Couleur Arrière
Color2M = '#87BDE3' //Couleur Arrière Surbrillance
Color3M = '#FF00FF' //Couleur Bordure ????
PosY = 0 //Distance entre le haut de l'écran et le menu
LargeurM = 200 //Largeur
HauteurM = 30 //Hauteur
AlignM = 'center' //'center','right','left'
FontM = 'Verdana' //Police
SizeM = 13 //Taille de la Police
WeightM = 'bold' //Epaisseur de la Police
CursorM = 'default' //Curseur-> default,hand...
menu = new Array
i=0
//--------[Texte/Html]------------------[ Adresse ]--------------------------//
menu[i++]='Télécharger' ;menu[i++]='http://www.javascriptfr.com'
menu[i++]='Le site' ;menu[i++]='http://www.cppfrance.com'
//************ Sous-Menus ************//
Color0S = '#FFFFFF' //Couleur du texte
Color1S = '#5F9AC3' //Couleur Arrière
Color2S = '#87BDE3' //Couleur Arrière Surbrillance
Color3S = '#5F9AC3' //Couleur Bordure
EnLigne = 0 //1:pour ranger sur une seule ligne 0:en colonne
LargeurS = 200 //Largeur
HauteurS = 20 //Hauteur
AlignS = 'center' //'center','right','left'
FontS = 'Verdana' //Police
SizeS = 12 //Taille de la Police
WeightS = 'bold' //Epaisseur de la Police
FonduS = 1 //1:Fondu, 0:aucun
CursorS = 'default' //Curseur-> default,hand...
k=-1; zlien=new Array
i=0; zlien[++k]=new Array
//------------[Texte/Html]------------------[ Adresse ]-------------------------------//
zlien[k][i++]='Styles Photoshop' ;zlien[k][i++]='http://www.javascriptfr.com/listecodes.aspx'
zlien[k][i++]='Scripts Photoshop' ;zlien[k][i++]='http://www.javascriptfr.com/forum.v2.aspx'
zlien[k][i++]='Wallpapers' ;zlien[k][i++]='http://www.javascriptfr.com/emploi.aspx'
i=0; zlien[++k]=new Array
zlien[k][i++]='Accueil' ;zlien[k][i++]='http://www.cppfrance.com/listecodes.aspx'
zlien[k][i++]='Contact' ;zlien[k][i++]='http://www.cppfrance.com/forum.v2.aspx'
zlien[k][i++]='Nos partenaires' ;zlien[k][i++]='http://www.cppfrance.com/emploi.aspx'
//************ Fin des paramètres, Début du programme ************//
document.write('<style>')
document.write('.ejmenu {background:'+Color1M+';text-align:'+AlignM+';font:'+WeightM+' '+SizeM+' '+FontM+';color:'+Color0M+';cursor:'+CursorM+'}')
document.write('.ejsmenu {background:'+Color1S+';text-align:'+AlignS+';font:'+WeightS+' '+SizeS+' '+FontS+';color:'+Color0S+';cursor:'+CursorS+'}')
document.write('</style>')
function fadeIn(obj)
{ obj.style.filter="blendTrans(duration=1)"
if(obj.filters.blendTrans.status!=1)
{ obj.filters.blendTrans.Apply()
obj.style.visibility="visible"
obj.filters.blendTrans.Play()
}
}
document.onclick = function() { skn.visibility='hidden' }
document.onmousemove = function() { dgt.top=document.body.scrollTop+PosY; dgt.visibility='visible' }
window.onscroll = function() { dgt.visibility=skn.visibility='hidden' }
function pop(msg,pos)
{ skn.visibility="hidden"
skn.top=document.body.scrollTop+PosY+HauteurM
if(!msg.length) return
if(EnLigne)
{ content="\"
for(pass=0;pass<msg.length;pass+=2) content+=\""+msg[pass]+", \"
} else
{ skn.left=pos-1
content=\"<TABLE style='border-collapse:collapse;'WIDTH=\"+LargeurS+\" bordercolor=\"+Color3S+\" BORDER=1>\"
for(pass=0;pass<msg.length;pass+=2) content+=\"----
"+msg[pass]+", \"
}
document.getElementById("topdeck").innerHTML=content+"
"
if(document.all && FonduS) fadeIn(topdeck); else skn.visibility="visible";
}
document.write('
')
skn=document.getElementById('topdeck').style
dgt=document.getElementById('topmenu').style
for(pass=0;pass<menu.length/2;pass++) document.write(\""+menu[pass*2]+", \")
document.write('
')
dgt.top=document.body.scrollTop+PosY</SCRIPT>
Merci !
18 nov. 2005 à 09:04
Votre menu est exélant.
J'ai vue qu'il y avais pocibilité de fair disparètre les sous liens au départ de la souri.
<<<<<<<<<<<<<<<<<<<(un message que vous avez posté)<<<<<<<<<<<<<<<<<<<<
Je ne m'en souviens plus trop bien.
Voir le source de http://horizonpc.phpnet.org/Code/Menu%20Horizontal3.html
Ce qui a été ajouté :
(1) HauteurY = HauteurS
(2) document.onmousemove = function(e)
{ document.getElementById('topmenu').style.top=document.body.scrollTop+PosY
document.getElementById('topmenu').style.visibility='visible'
y = (navigator.appName.substring(0,3)=="Net") ? e.clientY : event.clientY;
if(skn.visibility=='visible' && (y<(PosY+17) || (PosY+16+HauteurM+HauteurY)<y)) skn.visibility="hidden"
}
// 16 et 17 correspondent à la marge haute
(3) HauteurY = (HauteurS+1)*msg.length/2
Je crois qu'il n'y a rien d'autre.
Pour un menu statique, il faut faire les mêmes modifications qu'avant.
Je n'ai pas mis à jour le code, je ne sais pas si c'est stable.
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
La page que vous citer n'existe plus. Je ne c'est pas à quel endroit il faut ajouter ces trois ligne de code dans le scripte proposer ci-dessu. (j'ai eseyé à plusieurs endroits diférents et le menu ne fonctionne plus encuite)
Pouriez vous m'indiquer ou les placer?
Merci d'avance.
Bonne continuation.
Jonathan.
9 nov. 2005 à 15:32
mais j ai un petit souci en inserant ton menu dans mon site(asp.net):
il n 'est plus visible une fois kil se croise avec un composant(datagrid,textbox...)!!
2 août 2005 à 16:53
Le script est parfait pour l'incorporer dans un de mes travail de développement.
J'aurai tout de même une question:
Comment faire pour ouvrir un lien dans un cadre de ma page?
Merci de vos réponse
Kaya
21 juil. 2005 à 15:25
Cependant LArion, j'aimerais savoir si ca ne serait pas plus simple (pour la navigation), au lieu de faire [i++]= 'http://......' de faire un
a href="ma page.php" ! Mais je reflechis comment l'integrer
6 juin 2005 à 17:36
Ce que je desire ce rapproche plus de la version gratuite que de la payante. Je pensais donc que tu aurais pu me dire quels lignes il a urait fallu rajouter au code gratuit pour avoir cette option
Merci de ta compréhension
Jomaggo
6 juin 2005 à 14:46
- La version payant (1?80) permet d'avoir ce fonctionnement
Mais le code de ce menu n'est pas lisible car crypté.
- Malheureusement, je ne vends pas la source.
Sinon il n'y aurait plus intérêt à le vendre.
C'est comme si MicroSoft mettait à disposition les sources de Windows XP.
Personne ne l'achèterai finalement.
Cordialement
Larion
6 juin 2005 à 13:59
Deja bravo pour ce superbe code
Maintenant un probleme se pose à moi
Mon chef de stage est très satisfait du menu que vous proposez ici mais il y a juste un détail qui le gêne. Il voudrait que les sous menu se ferment lorsque la souris ne se trouve plus sur ceux-ci. Je lui ai proposé donc la version payante mais il ne veux pas mettre 45? (je suis obligé d'avoir les sources des scipts donc cette version est obligatoire).
Donc voila, j'ai bien lu tous les commentaires de ce site mais je n'ai pas trouvé ce que je cherchais.
Pour moi votre code proposé ici est parfait, excepté donc la fermeture des sous-menu.
Merci de me contacter à jomaggo@msn.com assez rapidement car mon stage se termine dans un peu plus d'une semaine.
Merci d'avance et encore bravo
25 mai 2005 à 11:44
merci!!
25 mai 2005 à 11:41
merci!!
25 mai 2005 à 11:38
(un frame en haut pour le menu et le reste du bas de la page pour les pages à afficher)
merci!!!!!!!!!!!!
24 mai 2005 à 17:44
bravo pour ton menu mais là se pose à moi un problème de taille ...
Les sous menus passent derrière mes fichiers .swf (flash) !
y'at'il une fonction à mettre dans le java pour éviter cela ?
Merci pour ta réponse et bonne continuation !!
18 avril 2005 à 15:03
15 avril 2005 à 16:39
15 avril 2005 à 16:37
ton menu est super. Mon problème c'est :
j'ai une fenetre avec deux cadres. je met ton menu dans le premier cadre et je voudrai mettre les liens ds le deuxieme cadre en gardant le menu ds le premier. Que dois-je faire?
14 avril 2005 à 23:15
Perso, je viens de télécharger l'exemple sue cette page, je n'ai aucune erreur sous IE6.
14 avril 2005 à 19:17
J'ai quand même un soucis sous IE avec:
Erreur d'exécution Microsoft JScript: Cet objet ne gère pas cette propriété ou cette méthode
il parle de :
menu = new Array
Pourquoi me genere-t-il cette erreur?
14 avril 2005 à 19:12
modifiable aisement, parafit pour le debutant que je suis :)
6 avril 2005 à 17:52
Sur MAC, je pense que le navigateur est Safari, le fondu de ce code ne peut fonctionné avec ce dernier.
6 avril 2005 à 17:44
//************ Menu Principal ************//
Color0M = '#FFFFFF' //Couleur du texte
Color1M = '#000000' //Couleur Arrière
Color2M = '#6699CC' //Couleur Arrière Surbrillance
Color3M = '#FF00FF' //Couleur Bordure ????
PosY = -20 //Distance entre le haut de l'écran et le menu
LargeurM = 110 //Largeur
HauteurM = 30 // Hauteur
AlignM = 'center' //'center','right','left'
FontM = 'Verdana' //Police
SizeM = 13 //Taille de la Police
WeightM = 'bold' //Epaisseur de la Police
CursorM = 'default' //Curseur-> default,hand...
menu = new Array
i=0
//--------[Texte/Html]------------------[ Adresse ]--------------------------//
menu[i++]='HomePage' ;menu[i++]='#'
menu[i++]='Mon Compte' ;menu[i++]='http://www.javascriptfr.com/moncompte.aspx'
menu[i++]='JavaScript' ;menu[i++]='http://www.javascriptfr.com'
menu[i++]='CPP' ;menu[i++]='http://www.cppfrance.com'
//************ Sous-Menus ************//
Color0S = '#FFFFFF' //Couleur du texte
Color1S = '#555555' //Couleur Arrière
Color2S = '#6699FF' //Couleur Arrière Surbrillance
Color3S = '#FFFF00' //Couleur Bordure
EnLigne = 0 //1:pour ranger sur une seule ligne 0:en colonne
LargeurS = 150 //Largeur
HauteurS = 20 //Hauteur
AlignS = 'center' //'center','right','left'
FontS = 'Verdana' //Police
SizeS = 10 //Taille de la Police
WeightS = 'bold' //Epaisseur de la Police
FonduS = 1 //1:Fondu, 0:aucun
CursorS = 'default' //Curseur-> default,hand...
k=-1; zlien=new Array
i=0; zlien[++k]=new Array
//------------[Texte/Html]------------------[ Adresse ]-------------------------------//
zlien[k][i++]='MultiDesk';zlien[k][i++]='http://multidesk.pass-x.com/'
i=0; zlien[++k]=new Array // Pas de Sous-Menus pour le menu principal 'Mon Compte'
//zlien[k][i++]='...' ;zlien[k][i++]='http://...'
//zlien[k][i++]='...' ;zlien[k][i++]='http://...'
i=0; zlien[++k]=new Array
zlien[k][i++]='Code' ;zlien[k][i++]='http://www.javascriptfr.com/listecodes.aspx'
zlien[k][i++]='Forum' ;zlien[k][i++]='http://www.javascriptfr.com/forum.v2.aspx'
zlien[k][i++]='Emploi' ;zlien[k][i++]='http://www.javascriptfr.com/emploi.aspx'
i=0; zlien[++k]=new Array
zlien[k][i++]='Code' ;zlien[k][i++]='http://www.cppfrance.com/listecodes.aspx'
zlien[k][i++]='Forum' ;zlien[k][i++]='http://www.cppfrance.com/forum.v2.aspx'
zlien[k][i++]='Emploi' ;zlien[k][i++]='http://www.cppfrance.com/emploi.aspx'
zlien[k][i++]='Livres' ;zlien[k][i++]='http://www.cppfrance.com/500.aspx?aspxerrorpath=/livres.aspx'
//************ Fin des paramètres, Début du programme ************//
if(document.getElementById) {
document.write('<style>')
document.write('.ejmenu {background:'+Color1M+';text-align:'+AlignM+';font:'+WeightM+' '+SizeM+' '+FontM+';color:'+Color0M+';text-decoration:none;cursor:'+CursorM+'}')
document.write('.ejsmenu {background:'+Color1S+';text-align:'+AlignS+';font:'+WeightS+' '+SizeS+' '+FontS+';color:'+Color0S+';text-decoration:none;cursor:'+CursorS+'}')
document.write('</style>')
function fadeIn(obj)
{ obj.style.filter="blendTrans(duration=1)"
if(obj.filters.blendTrans.status!=1)
{ obj.filters.blendTrans.Apply()
obj.style.visibility="visible"
obj.filters.blendTrans.Play()
}
}
document.onclick = function() { skn.visibility='hidden' }
document.onmousemove = function() { dgt.top=document.body.scrollTop+PosY; dgt.visibility='visible' }
window.onscroll = function() { dgt.visibility=skn.visibility='hidden' }
function pop(msg,pos)
{ skn.visibility="hidden"
skn.top=document.body.scrollTop+PosY+HauteurM
if(!msg.length) return
if(EnLigne)
{ content="<TABLE WIDTH=100% BORDER=0 CELLPADDING=0 CELLSPACING=1>----
"
for(pass=0;pass<msg.length;pass+=2) content+=", \"+msg[pass]+\"</TD>\"
} else
{ skn.left=pos-1
content=\"<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 BGCOLOR=\"+Color3S+\" WIDTH=\"+LargeurS+\">----
<TABLE WIDTH="+LargeurS+" BORDER=0 CELLPADDING=0 CELLSPACING=1>"
for(pass=0;pass<msg.length;pass+=2) content+="----, \"+msg[pass]+\"</TD>\"
}
document.getElementById("topdeck").innerHTML=content+"
</TD></TR></TABLE>"
if(document.all && FonduS) fadeIn(topdeck); else skn.visibility="visible";
}
document.write('
<TABLE CELLPADING=0 CELLSPACING=1 BORDER=0 WIDTH=100% HEIGHT=100%>----
')
skn=document.getElementById('topdeck').style
dgt=document.getElementById('topmenu').style
for(pass=0;pass<menu.length/2;pass++) document.write(", \"+menu[pass*2]+\"</TD>\")
document.write('
</TD></TR></TABLE>
')
dgt.top=document.body.scrollTop+PosY
}
6 avril 2005 à 17:29
Pour obtenir le fondu avec le code présenté ici, il faut mettre FonduS=1 (seulement pour IE).
Pour obtenir le code amélioré de cette page http://menuhorizontal.pass-x.com,
il faut se rendre dans le menu Télécharger : http://menuhorizontal.pass-x.com/Telecharger.html
6 avril 2005 à 17:11
jl
23 mars 2005 à 21:30
j ai ma premiere page qui est index.php
qui contient ceci comme frame
<frameset rows="258,*" cols="*" framespacing="0" frameborder="NO" border="0">
<frame src="haut.php" name="topFrame" scrolling="NO" noresize >
<frame src="centre.php" name="mainFrame">
</frameset>
mon menu s affiche donc en haut et je veux ouvrir les pages ds le mainframe , comment puisje faire ?? merci
11 mars 2005 à 20:07
Dans le menu que j'avais construit en janvier, il n'y a que le fichier "MENUHDJ.js" dans le répertoire de mon site. Maintenant, il faut à nouveau "MENUHDJ.js" et "Variables.js". je n'arrive pas à construire mon menu qui est pourtant simple avec le fichier "Liens.txt". Quand j'ouvre ce fichier, je me demande où il faut écrire quelque chose. Les autres versions étaient plus simples.
11 mars 2005 à 19:59
11 mars 2005 à 19:20
Ne possèdant pas de mac, il met difficile de rendre compatible ce menu sur cet OS.
11 mars 2005 à 19:04
du 24/11/2004:
que faire pour que ce script soit compatible avec une navigation sur mac os (décalage ,espace noir vide, lien incomplet) cf :
http://art.mygalerie.com
cordialement
11 mars 2005 à 18:57
Tu bloques sur quoi exactement.
Cette version comporte 6 démonstrations et un générateur de paramètre.
Tu peux me conctacter en m'envoyant un message privé.
11 mars 2005 à 18:17
C'est jaco13
J'avais déjà acheté ton menu horizontal au mois de janvier. J'étais arrivé à m'en sortir et il fonctionnait très bien. Là, j'ai voulu en faire un autre et je n'y arrivais plus car il y a des manip à faire. Alors j'ai décidé de l'acheter à nouveau pour avoir le mode d'emploi. C'est ce que j'ai fait! Malheureusement, je n'arrive pas à suivre tes instructions entre le menu "liens.txt", le générateur, les exemples et les autres fichiers. Vraiment, je suis embrouillé. Tu devrais faire un petit fichier rien qu'avec le mode d'emploi car là, c'est râpé pour ce coup-ci. Si tu as un petit mode d'emploi, tu peux me l'envoyer sur mon mail perso. à l'adresse jaco132@club-internet.fr
Salut à toi!
2 mars 2005 à 14:53
merci
1 mars 2005 à 14:07
1 mars 2005 à 12:03
J'ai développé un menu avec un code amélioré par rapport au menu présent sur cette page que l'on trouve sur : http://menuhorizontal.pass-x.com
Dans la rubrique exemple, j'ai mis des exemples de menu en m'inspirant de site connu.
C'est ce que j'ai fais avec le site telecharger.com.
Sur mon pastiche, lorsque la souris passe sur les boutons, ils changent. (fond bleu à bleu clair)
Ce sont bien des boutons (c'est mon menu).
Cela se comporte comme pour http://www.lamaisondevalerie.fr (menu en flash)
A savoir qu'ici, le bouton 'over' peut être fait avec un gif animé.
1 mars 2005 à 08:39
merci
1 mars 2005 à 08:36
je suis allée sur telecharger.com mais je ne vois pas un menu avce des boutons qui changent de couleur au passage de la souris, regarde plutot http://home.cadresonline.com/
en fait ce que je veux c'est un menu horizontal avce sous menus mais avce des bontons.gif mais seulement pour les menus et non pas les sous menus
merci encore
28 févr. 2005 à 17:16
malheureusement il est l'heure de partir mais je reviendrai la dessus demain, ça me tient beaucoup à coeur
28 févr. 2005 à 16:56
Dans l'exemple (Telecharger.com), le menu comporte des boutons bleu foncés.
Lorsque la souris passe dessus, les boutons sont bleu clairs.
28 févr. 2005 à 15:41
mais en fait ce que je veux c'est que mes menus et non pas les sous menus soient des boutons, au depart ils sont vert et quand la souris passe dessus c'est le meme bouton mais de couleur rouge qui s'affiche, je pense qu'il faut ulisier onmousout mais je ne m'y connais pas
merci
28 févr. 2005 à 15:36
Comme sur http://menuhorizontal.pass-x.com/Exemple.html (telecharger.com)
28 févr. 2005 à 10:39
le code que tu m'a passé m'a beaucoup servi sau que je voudrais savoir comment mettre de l'espace entre les différents boutons du menu?
est ce que ça serait egalement possible de mettre un autre bouton quand le curseur passe dessus
larion toi qui est l'auteur de ce script si tu vois ce que je veux dire , je veux bien de l'aide
merci pour tout
voir le menu de ce site www.lamaisondevalerie.fr
22 févr. 2005 à 13:21
En fait, il existe 2 menus.
- Le premier, la version 'lite' qui se trouve en haut
- Le deuxième, la version 'Pro' qui se trouve sur http://menuhorizontal.pass-x.com en échange d'une contribution
La version 'Pro' possede un grand nombre de fonction supplémentaire :
- entre autre la possibilité de mettre le menu en statique
- Le fondu est compatible IE/FireFox
- ...
22 févr. 2005 à 12:50
Tout d'abord " CONGRATULATION", je suis débutant et ton menu est super facile d'utilisation.
Ensuite j'ai un soucis pour mettre le menu en static.
Je rajoute la ligne " static = 1 " mais rien ne se passe.
Je supose qu'il y a d'autres fonction à modif...?
Qd j'entreprends ces modifs, ca ne fonctionne plus du tout! Même comparé à tes MàJ.
Y une astuce?
Cordialement,
Aurélien
20 janv. 2005 à 18:06
Attention à la hauteur et largeur des cellules qui doivent être en rapport avec la dimesion des images.
menu :
menu = new Array
i=0
menu[i++] = '<img src="images/menu/parents.jpg"'
sous-menu :
i=0
zlien[0][i++] = '<img src="images/menu/la case.jpg"'
zlien[0][i++] = 'http://bbpl.toto.fr/case.htm'
20 janv. 2005 à 15:40
exple: quand le curseur passe sur le bouton2,le sous-menu2 s'affiche sous le bouton1 ainsi de suite.
De les boutons sont encadrés par des rectangles comme quand on met le titre et non pas le commercial.gif
merci pour tout larion
20 janv. 2005 à 14:22
zlien[0][i++] = ''
20 janv. 2005 à 11:57
aulien d'ecrire commercial créer un bouton commercial.gif et le mettre à la place
exemple au lieu de
zlien[0][i++] = 'Commercial' plutot zlien[0][i++] = 'commercila.gil' mais les sous menus restent inchagés
20 janv. 2005 à 10:56
Je ne comprends pas de quoi tu parles (??)
Sinon pour avoir une image dans la cellule :
Au lieu de menu[i++] = 'JavaScript';
Mettre : menu[i++] = 'JavaScript ';
Ou bien : zlien[2][i++] = ' Forum';
Cela donne le même effet que dans l'exemple sur http://menuhorizontal.pass-x.com
20 janv. 2005 à 08:46
je suis allée sur cette page puis affichage->source
mais une image n'a été appelée nulle nulle part
19 janv. 2005 à 18:00
Je suis donc votre conversation!
19 janv. 2005 à 17:46
(Parce qu'il y a un deuxième code présent sur http://menuhorizontal.pass-x.com)
19 janv. 2005 à 17:29
à la place du titre
je n'ai pas compris de quel code présentée à cette page tu parles
merci
19 janv. 2005 à 17:21
Mais je ne sais pas si cela donne l'effet escompté...
Teste avec le code présenté sur cette page.
19 janv. 2005 à 16:54
je viens juste de faire connaissance du site, to code pour le menu horizontal avec surbrillance est super, bravo!!
je voulais par contre savoir s'il est possible de mettre un bouton image que j'ai fait avec flash(bouton.gif)
à la place du titre
MERCI
15 janv. 2005 à 17:23
15 janv. 2005 à 15:10
Il faut le mettre en Statique.
15 janv. 2005 à 14:50
J'avance dans la construction du site et je me sers donc du générateur uniquement pour faire des essais sur les polices et les couleurs. Etant donné qu'il est impossible de rappatrier les données des variables de "Variables.js" vers le générateur, j'ai préféré pour l'instant, remettre tous les commentaires à côté des variables dans "Variables.js" et de travailler un peu à l'aveuglette comme dans la version sans le générateur.
J'ai un calque qui doit être plus long que les autres, ce qui m'occasionne un ascenceur à droite. Lorsque je descend dans la page avec l'ascenceur, j'ai le menu qui me suit! j'aimerais déactivé cela pour qu'il reste fixé tout en haut. As-tu une idée?
Cordialement.
14 janv. 2005 à 14:06
Bon, je crois que j'ai trouvé:
Cadre="parent.principal."
A bientôt pour mon post sur le bug en sortie de souris
rocknroll2
14 janv. 2005 à 13:58
Tout d'abord bravo pour ce menu !!!!!
Je viens de télécharger ta version Pro.
Bug en sortie de souris (objet manquant) sous certaines config d'options que je n'ai plus en tete mais je reposterai...
Mon blème n'est pas trop là:
J'ai 2 frames principales:
1- top
2-principal
la frame "top" est constituée elle même de 2 frames
1-top1
2-top2
dans top1, un message défilant
dans top2, ton menu
j'aimerais que les liens affichent les pages dans la frame "principal"
As-tu une solution? car dans la version "pro", il y a bien une option "gestion des frames", mais pour l'instant mes connaissances ne me permettent pas d'y mettre la bonne "formule magique".
A bientôt
rocknroll2
13 janv. 2005 à 17:02
Hier tu m'as demandé ce que je pensais du générateur?
A vrai dire, je pense que l'idée en elle est très bien. Le problème qui apparait dorénavant, c'est que l'idée du générateur est bonne que dans un sens pour l'instant: Du générateur vers le site et il n'y a pas intérêt à fermer la fenêtre du générateur ou à ouvrir fortuitement internet car la page internet prend sa place et toutes les données sont perdues! Toute à l'heure, j'ai voulu modifier des couleurs dans mon menu afin de faire des essais sur de l'orange, bien-sûr pas moyen de rappratrier les données des variables qui sont dans Variables.js vers le générateur car la fonction n'existe pas ou pas encore, mais le problème maintenant est qu'il n'y a plus de commentaires à côté des variables qui sont dans Variables.js et j'ai mis un certain temps à savoir qui se trouvait où!
Cordialement
12 janv. 2005 à 21:21
Je te donnerai plus de détails demain dans un message!
Je suis fatigué là!
Salut et merci encore!
12 janv. 2005 à 20:55
Est-ce normal çà?
amlvglw? >VC@NG%22@MPFGP?2%22AGNNRCFFKLE?2%22AGNNQRCAKLE?2%22@EAMNMP? )Amnmp1Q) %22UKFVJ? )NcpegwpQ) %3C>VP%3C>VF%3C>VC@NG%22UKFVJ? )NcpegwpQ) %22@MPFGP?2%22AGNNRCFFKLE?2%22AGNNQRCAKLE?3%3C ujkng*rcqq>oqe,nglevj+ y amlvglw)? >VP%3C>VF%22lmupcr%22cnkel? )CnkelQ) %22UKFVJ? )NcpegwpQ) %22@EAMNMP? )Amnmp3Q) %22mlOmwqgFmul?%25 )Acfpg) nmacvkml,jpgd?^ )oqeYrcqq)3_) ^ %25%22mlOmwqgMtgp?^ vjkq,ancqqLcog?%25Oglw%22QQ%259vjkq,qv{ng,`caiepmwlf?%25 )Amnmp0Q) %25^ %22mlOmwqgMwv?^ vjkq,ancqqLcog?%25Oglw%22Q%259vjkq,qv{ng,`caiepmwlf?%25 )Amnmp3Q) %25^ %22JGKEJV? )JcwvgwpQ) %22ANCQQ?%25Oglw%22Q%25%3C )oqeYrcqq_) >-VF%3C>-VP%3C rcqq)?0 %7F %7F fmawoglv,egvGngoglv@{Kf* OglwQ +,kllgpJVON'amlvglw) >-VC@NG%3C>-VF%3C>-VP%3C>-VC@NG%3C Dcfg*%25OglwQ%25.%25tkqk`ng%25+%7Ffmawoglv,upkvg* >VC@NG%22 )*JkfgCwvm= mlOmwqgMtgp?%25Kl*+%
Ensuite dans MenuHorizontal.html, il y a un grand écran bleu qui s'ouvre avec rien dedans.
Et dans Variables.js, il y a bien ces variables là! Elles sont dans le sens horizontal et non pas dans le sens vertical comme dans les autres codes.
En téléchargeant la version achetée, il y avait également les fichiers form00.zip, listarbo.zip et menudyn.zip!
Ai-je besoin de tout çà et sinon pourquoi sont-ils là?
Et pour copier manuellement les variables dans Variables.js, on les copie d'où car dans la petite fenêtre qui s'ouvre dans le Générateur après avoir modifié les paramètres, il n'y a que des signes cabalistiques dedans comme ceux d'en haut. C'est çà que je dois copier/coller dans Variables.js?
Et avant de les copier dans Variables.js, faut-il virer les anciennes variables qui s'y trouvent déjà?
Pas trop simple quand même la manip. avec le Générateur qui ouvre une fenêtre avec des signes dedans comme au dessus, un MenuHorizontal qui est tout bleu et vide dedans.
Franchement, je préférai la version ancienne qui n'avait pas de générateur mais qui était paramétrable directement dans Variables.js.
Mais seulement, elle ne gère pas la sortie souris pour les menus déroulants!
Dommage!
12 janv. 2005 à 20:09
HideAuto=1 // Pour avoir le fondu
Cadre =''
Static = 0 // Mobilité du menu -> 0:Dynamique 1:Statique
Fondu = 1 // 1:Fondu, 0:aucun
//Cellule normale
Color0M = '#FFFFFF' // Couleur du texte
Color1M = '#6A7D75' // Couleur Arrière
FontM = 'Verdana' // Police
SizeM = 13 // Taille de la Police
WeightM = 'bold' // Epaisseur de la Police : 'normal','bold','bolder', nombre
//Cellule Surbrillance
Color4M = '#555555' // Couleur du texte
Color2M = '#6699CC' // Couleur Arrière
FontSM = 'Verdana' // Police
SizeSM = 14 // Taille de la Police
WeightSM = 'bold' // Epaisseur de la Police : 'normal','bold','bolder', nombre
//Divers
Color3M = '#6A7D75' // Couleur Bordure ????
PosY = 0 // Distance entre le haut de l'écran et le menu
EgualM = 1 // 1:cellules de même largeur 0:...(si EnLigne=1)
LargeurM = 759 // Largeur
HauteurM = 30 // Hauteur
AlignM = 'center' // Alignement du texte 'center','right','left'
CursorM = 'default' // Curseur-> default,hand...
menu = new Array
i=0
menu[i++] = 'Nos services' // <-- Titre
menu[i++] = '' // <-- Adresse (ici aucune)
menu[i++] = 'Nos occasions'
menu[i++] = 'occasions.php'
menu[i++] = 'Locations'
menu[i++] = 'reservation.php'
menu[i++] = 'Accès'
menu[i++] = 'acces.php'
menu[i++] = 'Nos liens'
menu[i++] = 'liens.html'
//************ Sous-Menus ************//
//Cellule normale
Color0S = '#FFFFFF' // Couleur du texte
Color1S = '#555555' // Couleur Arrière
FontS = 'Verdana' // Police
SizeS = 10 // Taille de la Police
WeightS = 'bold' // Epaisseur de la Police : 'normal','bold','bolder', nombre
//Cellule Surbrillance
Color4S = '#999999' // Couleur du texte
Color2S = '#6699FF' // Couleur Arrière
FontSS = 'Verdana'// Police
SizeSS = 10 // Taille de la Police
WeightSS = 'bolder' // Epaisseur de la Police : 'normal','bold','bolder', nombre
//Divers
Color3S = '#FFFF00' // Couleur Bordure
EnLigne = 0 // 1:pour ranger sur une seule ligne 0:en colonne
EgualS = 1 // 1:cellules de même largeur 0:...
LargeurS = 153 // Largeur si EnLigne=1
HauteurS = 25 // Hauteur
AlignS = 'center' // Alignement du texte 'center','right','left'
CursorS = 'default' // Curseur-> default,hand...
zlien = new Array
zlien[0] = new Array
zlien[1] = new Array
zlien[2] = new Array
zlien[3] = new Array
i=0
zlien[0][i++] = 'Commercial' // <-- Titre
zlien[0][i++] = 'liens.html' // <-- Adresse
zlien[0][i++] = 'Après-vente' // <-- Titre
zlien[0][i++] = 'liens.html' // <-- Adresse
zlien[0][i++] = 'Service location' // <-- Titre
zlien[0][i++] = 'liens.html' // <-- Adresse
//i=0 Pas de Sous-Menus pour le menu principal 'Mon Compte'
//zlien[1][i++] = '...'
//zlien[1][i++] = 'http://'
//zlien[1][i++] = '...'
//zlien[1][i++] = 'http://...'
i=0
zlien[2][i++] = 'Service location'
zlien[2][i++] = 'reservation.php'
zlien[2][i++] = 'Location véhicules tourismes'
zlien[2][i++] = 'occasions.php'
zlien[2][i++] = 'Location véhicules utilitaires'
zlien[2][i++] = 'liens.html'
i=0
zlien[3][i++] = 'Accès général'
zlien[3][i++] = 'acces.php'
zlien[3][i++] = 'Plan garage'
zlien[3][i++] = 'acces.php'
-> Dans la page Html il faut remplacer
<script language="JavaScript" src="fichier.js" type="text/JavaScript"></script>
par
<script language="JavaScript" src="Variables.js" type="text/JavaScript"></script>
<script language="JavaScript" src="MenuHDJ.js" type="text/JavaScript"></script>
12 janv. 2005 à 19:54
Ce code que tu présentes, c'est l'ancien code.
Regarde le répertoire Exemple. que tu as acheté
Tu as une utilisation du menu.
MenuHorizontal.html est une page html utilisant le menu
Variables.js est le script contenant toutes les variables.
MenuHDJ.js est le script permettant d'afficher le menu
Variables.js contient bien :
HideAuto= 1
Cadre = ''
Static = 0
...
Generateur.html quant à lui permet de générer cette liste de variables que l'on doit copié manuellement dans Variables.js.
Cela me semble simple. Tout fonctionne bien chez moi.
MenuHorizontal.html fonctionne également bien alors ...
Mais si quelque chose te semble toujours obscure, je suis là.
J'ai confiance, on va y arriver.
12 janv. 2005 à 19:34
Je n'ai pas de
HideAuto=1 // Pour avoir le fondu
Cadre ='' // Pas de gestion des Frames
J'ai çà comme code:
Static = 0 // Mobilité du menu -> 0:Dynamique 1:Statique
Fondu = 1 // 1:Fondu, 0:aucun
//Cellule normale
Color0M = '#FFFFFF' // Couleur du texte
Color1M = '#6A7D75' // Couleur Arrière
FontM = 'Verdana' // Police
SizeM = 13 // Taille de la Police
WeightM = 'bold' // Epaisseur de la Police : 'normal','bold','bolder', nombre
//Cellule Surbrillance
Color4M = '#555555' // Couleur du texte
Color2M = '#6699CC' // Couleur Arrière
FontSM = 'Verdana' // Police
SizeSM = 14 // Taille de la Police
WeightSM = 'bold' // Epaisseur de la Police : 'normal','bold','bolder', nombre
//Divers
Color3M = '#6A7D75' // Couleur Bordure ????
PosY = 0 // Distance entre le haut de l'écran et le menu
EgualM = 1 // 1:cellules de même largeur 0:...(si EnLigne=1)
LargeurM = 759 // Largeur
HauteurM = 30 // Hauteur
AlignM = 'center' // Alignement du texte 'center','right','left'
CursorM = 'default' // Curseur-> default,hand...
menu = new Array
i=0
menu[i++] = 'Nos services' // <-- Titre
menu[i++] = '' // <-- Adresse (ici aucune)
menu[i++] = 'Nos occasions'
menu[i++] = 'occasions.php'
menu[i++] = 'Locations'
menu[i++] = 'reservation.php'
menu[i++] = 'Accès'
menu[i++] = 'acces.php'
menu[i++] = 'Nos liens'
menu[i++] = 'liens.html'
//************ Sous-Menus ************//
//Cellule normale
Color0S = '#FFFFFF' // Couleur du texte
Color1S = '#555555' // Couleur Arrière
FontS = 'Verdana' // Police
SizeS = 10 // Taille de la Police
WeightS = 'bold' // Epaisseur de la Police : 'normal','bold','bolder', nombre
//Cellule Surbrillance
Color4S = '#999999' // Couleur du texte
Color2S = '#6699FF' // Couleur Arrière
FontSS = 'Verdana'// Police
SizeSS = 10 // Taille de la Police
WeightSS = 'bolder' // Epaisseur de la Police : 'normal','bold','bolder', nombre
//Divers
Color3S = '#FFFF00' // Couleur Bordure
EnLigne = 0 // 1:pour ranger sur une seule ligne 0:en colonne
EgualS = 1 // 1:cellules de même largeur 0:...
LargeurS = 153 // Largeur si EnLigne=1
HauteurS = 25 // Hauteur
AlignS = 'center' // Alignement du texte 'center','right','left'
CursorS = 'default' // Curseur-> default,hand...
zlien = new Array
zlien[0] = new Array
zlien[1] = new Array
zlien[2] = new Array
zlien[3] = new Array
i=0
zlien[0][i++] = 'Commercial' // <-- Titre
zlien[0][i++] = 'liens.html' // <-- Adresse
zlien[0][i++] = 'Après-vente' // <-- Titre
zlien[0][i++] = 'liens.html' // <-- Adresse
zlien[0][i++] = 'Service location' // <-- Titre
zlien[0][i++] = 'liens.html' // <-- Adresse
//i=0 Pas de Sous-Menus pour le menu principal 'Mon Compte'
//zlien[1][i++] = '...'
//zlien[1][i++] = 'http://'
//zlien[1][i++] = '...'
//zlien[1][i++] = 'http://...'
i=0
zlien[2][i++] = 'Service location'
zlien[2][i++] = 'reservation.php'
zlien[2][i++] = 'Location véhicules tourismes'
zlien[2][i++] = 'occasions.php'
zlien[2][i++] = 'Location véhicules utilitaires'
zlien[2][i++] = 'liens.html'
i=0
zlien[3][i++] = 'Accès général'
zlien[3][i++] = 'acces.php'
zlien[3][i++] = 'Plan garage'
zlien[3][i++] = 'acces.php'
//************ Fin des paramètres, Début du programme ************//
if(document.getElementById) {
document.write('<style type="text/css">')
document.write('.MenuM {font-family:'+FontM+';font-size:'+SizeM+';font-weight:'+WeightM+';color:'+Color0M+';text-decoration:none;cursor:'+CursorM+';}')
document.write('.MenuSM {font-family:'+FontSM+';font-size:'+SizeSM+';font-weight:'+WeightSM+';color:'+Color4M+';text-decoration:none;cursor:'+CursorM+';}')
document.write('.MenuS {font-family:'+FontS+';font-size:'+SizeS+';font-weight:'+WeightS+';color:'+Color0S+';text-decoration:none;cursor:'+CursorS+';}')
document.write('.MenuSS {font-family:'+FontSS+';font-size:'+SizeSS+';font-weight:'+WeightSS+';color:'+Color4M+';text-decoration:none;cursor:'+CursorM+';}')
document.write('</style>')
//obj.style.filter="blendTrans(duration=0.5)"
//obj.style.filter="blendTrans(duration=crossFadeDuration)"
//window.status=obj.style.visibility
function Fade(obj,str,see)
{ if(document.all && Fondu)
{ obj.style.filter="blendTrans(duration=1)"
if(obj.style.visibility!=see && obj.filters.blendTrans.status!=1)
{ obj.filters.blendTrans.Apply()
obj.style.visibility=see
obj.filters.blendTrans.Play()
}
} else document.getElementById(str).style.visibility=see
}
if(!Static)
{ document.onclick = function() { if(skS.visibility=='visible') Fade(MenuS,'MenuS','hidden') }
window.onscroll = function() { skS.visibility='hidden'; skM.visibility='hidden' }
document.onmousemove = function()
{ if(skM.top!=(document.body.scrollTop+PosY+"px"))
{ skM.top=document.body.scrollTop+PosY
Fade(MenuM,'MenuM','visible');
}
}
}
msgOld=null
function pop(msg,pos)
{ if(msg!=msgOld || skS.visibility=='hidden') msgOld=msg; else return
skS.visibility='hidden'
skS.top= !Static*document.body.scrollTop+PosY+HauteurM
if(!msg.length) return
pass=0
if(EnLigne)
{ contenu="<TABLE WIDTH=100% BORDER=0 CELLPADDING=0 CELLSPACING=1>----
"
while(pass<msg.length)
{ contenu+=", \"+msg[pass]+\"</TD>\"
pass+=2
}
contenu+=\"\"
} else
{ skS.left=pos
contenu=\"<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 BGCOLOR=\"+Color3S+\" WIDTH=\"+LargeurS+\">----
<TABLE WIDTH="+LargeurS+" BORDER=0 CELLPADDING=0 CELLSPACING=1>"
while(pass<msg.length)
{ contenu+="----, \"+msg[pass]+\"</TD>\"
pass+=2
}
}
document.getElementById("MenuS").innerHTML=contenu+"
</TD></TR></TABLE>"
Fade(MenuS,'MenuS','visible');
}
document.write('
<TABLE CELLPADING=0 CELLSPACING=1 BORDER=0 WIDTH=100% HEIGHT=100%>----
')
skS=document.getElementById("MenuS").style
skM=document.getElementById("MenuM").style
pass=0
while(pass<menu.length/2)
{ document.write(", \"+menu[pass*2]+\"</TD>\")
pass++
}
document.write('
</TD></TR></TABLE>
')
skM.top=!Static*document.body.scrollTop+PosY
}
12 janv. 2005 à 18:53
Static = 0 // 1 pour que le menu soit dynamique
12 janv. 2005 à 18:48
HideAuto=1 // Pour avoir le fondu
Cadre ='' // Pas de gestion des Frames
Tiens moi au courant.
On est bien d'accord que cette gestion fonctionne bien sur http://menuhorizontal.pass-x.com ?
12 janv. 2005 à 18:26
Pour l'instant, j'aimerais que tu me dises comment faire pour faire disparaître dans la version démo, les sous-menus lorsque la souris n'est plus dessus car là, je suis obligé de faire un clic en dehors pour les faire disparaitre et j'ai vu que le client ce matin tirait la gueule en voyant çà!
Le générateur, je m'en occuperai plus tard! Je n'ai pas encore l'affaire, alors j'ai intérêt à soigner la chose!
12 janv. 2005 à 17:46
Que penses-tu du générateur ?
Je viens juste de le réaliser, il peut y avoir quelques bugs.
12 janv. 2005 à 17:46
Je modifie mes liens dans "Variable.js", puis j'ouvre le générateur html pour changer tous les paramètres et après je ne comprends plus! Il faut faire un copier/coller du code qui vient dans la petite fenêtre et l'injecter où dans "Variable.js"? Si c'est bien çà, où faut-il l'injecter? Au début, à la fin de "Variable.js"? Ensuite il faut placer dans le body la même chose que dans la version gratuite avec en plus "Menu HDJ.js"?
12 janv. 2005 à 16:55
Ca y est, c'est fait, je viens de payer les 2 euros pour ton travail!
Je dois virer mon ancien code et ajouter celui-là pour gérer la disparition des sous-menus lors la sortie de souris et je peux modifier çà dans mon ancien code?
12 janv. 2005 à 16:01
Encapsuler les sous-menus, je n'y avais pas pensé. Je vais y réfléchir. Il faut avoir un sacrès gros site pour en avoir besoin :-)
Sinon, la version démo. détecte la sortie de la souris (Compatible IE & FireFox)
Ton client est exigeant : cette détection est assez rare en informatique. Windows ne le fait même pas ...
A bientôt peut-être.
12 janv. 2005 à 13:43
J'ai vu le client ce matin et il a regardé le menu. Il voulait en plus des "menus" et des "sous-menus", faire encore un "sous-menu" qui s'ouvrerait vers la droite à partir d'un "sous-menu". Donc "Menu" qui ouvre sur des "sous-menus" qui ouvreraient encore sur des "sous-menus". Je le comprends très bien car dans son Menu, il y mettait "Nos services", dans le sous-menu, il y mettait "commercial", "après-vente", "location". Dans le sous-menu commercial, il y avait encore une arborescence vers 3 ou 4 sous-menus commerciaux qui auraient bien eu leur place à cet endroit. Je ne savais pas comment faire ce 2ème sous-menu alors je l'ai persuadé de faire autrement. Il m'a fait la remarque qu'il était un peu déçu qu'il fallait cliquer dans le vide pour faire disparaître un sous-menu lorsqu'il était ouvert. Il aurait préféré que le sous-menu disparaisse lorsque la souris n'est plus dessus.
Salutations à toi!
12 janv. 2005 à 10:00
-> bbpl
Le script qui était en ligne n'était pas 'stable'.
De plus, en local je le modifiais constamment.
Maintenant que ce code est devenu le sujet d'un site, je ne pense pas que j'apporterais des modifications majeur ici même.
Cependant, je reste disponible pour tout support.
11 janv. 2005 à 20:14
J'ai fait les modifications moi-même dans mon script comme tu l'avais mentionné . Ca fonctionne en local donc je pense que ça ira en ligne aussi!
Je te remercie vraiment beaucoup pour ton dévouement!
11 janv. 2005 à 18:54
tu peux me faire parvenir ton nouveau script par mail que je fasse la mise à jour sur le site ??
11 janv. 2005 à 17:34
Ici : document.write('
...
Mettre document.write('
...
11 janv. 2005 à 17:31
J'ai mis à un "z-index:14" aux autres calques qui passaient sur les sous-menus! C'est bon, les sous-menus passent dessus maintenant!
Excuse-moi pour le dérangement!
Salut!
11 janv. 2005 à 17:24
Voici le bas de ton code où il y a bien
mais l'autre n'y est pas!
Il y a bien déjà un style="z-index:15;" mais ça ne fonctionne pas quand même!
}
document.write('
<TABLE CELLPADING=0 CELLSPACING=1 BORDER=0 WIDTH=100% HEIGHT=100%>----
')
skS=document.getElementById("MenuS").style
skM=document.getElementById("MenuM").style
pass=0
while(pass<menu.length/2)
{ document.write(", \"+menu[pass*2]+\"</TD>\")
pass++
}
document.write('
</TD></TR></TABLE>
')
skM.top=!Static*document.body.scrollTop+PosY
}
11 janv. 2005 à 16:44
Je me suis trompé (désolé)
Je l'ai géré que sur le menu et non pas dans le sous-menu !!!
Solution (sauf erreur)
- Chercher
- Aprés il y a un DIV gérant le sous-menu, du genre :
- il faut insérer dans ce DIV : style="z-index:15;"
Si cela à fonctionné pour le menu, cela fonctionnera pour les sous-menu.
Les liens ne sont plus fonctionnels : Je suis en cours de réalisation d'un site.
Il permettra de tester/générer le menu à la volet via un formulaire.
Site disponible au plus tôt demain (voir sous 7 jours)
11 janv. 2005 à 16:32
mais le lien http://horizonpc.phpnet.org/Code/Menu%20Horizontal.html
n'est pas oérationnel.
Merci encore
11 janv. 2005 à 15:55
il faut modifier ce paramètre, c'est lui qui gère ce problème. (mettre moins ou plus de 15)
Informes moi si tu résouds ce problème.
11 janv. 2005 à 15:48
Je crois que j'ai un petit problème avec le dernier menu que tu as conçu et dont je parle dans mes messages précédents!
Dans le body, même si je mets
<script language="JavaScript" src="Menu.js" type="text/JavaScript"></script>
dans un calque de ma page en le plaçant juste après la balise , (donc tout en haut du body), sur le site, les sous- menus en se déroulant passent en-dessous des autres calques inclus dans cette page du site! Dans ces calques, il y a des écrits, des photos et d'autres choses encore! C'est à dire qu'on ne voit plus ce qui est écrit dans les sous-menus car il y a d'autres choses qui les cachent car elles sont devant! Je n'ai pas encore essayé de mettre le code du menu dans un tableau! Je vois mon client demain matin! J'espère que ça va marcher avec le script du menu dans le tableau placé dans un calque et que le menu passera au-dessus de tout le monde pour être toujours visible!
Je te mets au courant!
7 janv. 2005 à 22:22
Bravo et merci encore Larion!
7 janv. 2005 à 20:46
http://horizonpc.phpnet.org/Code/Menu%20Horizontal.html
Modification :
- Fondu lors de la sortie des sous-menus
- Centrer le texte dans sous-menus: ok
- Alignement vertical des sous-menus : je suis de près l'anomalie sur http://www.guillaumie.com :-)
7 janv. 2005 à 18:58
http://www.guillaumie.com/
Merci larion
7 janv. 2005 à 18:07
7 janv. 2005 à 17:01
Par exemple :
- si on clique sur "CPP" -> sous-menu visible
- puis cliquer en dehors du menu -> sous-menu invisible
- si on clique sur "CPP" -> sous-menu toujours invisible !!!
Mais je viens de trouver la parade ...
Cela dit, d'autres bugs et améliorations (mineurs) sont à l'étude.
7 janv. 2005 à 16:54
7 janv. 2005 à 16:31
Ce n'est pas très simple, je ne pense pas y arriver dans l'immédiat, d'autant que je travaille sur une autre version que j'ai mis uniquement ici :
http://horizonpc.phpnet.org/Code/Menu%20Horizontal.html
Je mettrais à jour sur javascriptfr.com plus tard.
7 janv. 2005 à 13:53
www.autos-occasions.org
7 janv. 2005 à 13:44
7 janv. 2005 à 00:59
Je viens de le mettre sur mon script. Il fonctionne vraiment très bien.
Est-il possible de recadrer un peu l'alignement vertical des sous-menus par rapport au menus. Certains sous-menus sont un peu décalés à droite ou à gauche lorsqu'ils apparaissent et ne sont pas pile-poil alignés sous leur menu respectif. Comme c'est un site pour une société, j'ai peur qu'ils m'en fassent la remarque?
A part, c'est vraiment nickel-chrome!
bravo à toi, tu es un as!
5 janv. 2005 à 19:31
http://horizonpc.phpnet.org/Code/Menu%20Horizontal%20bis.html
Est-ce vrai que les menus en javascript ne sont pas pris en compte par Google et compagnie?
C'est exacte.
5 janv. 2005 à 18:43
Tu as dû en baver quand même pour faire tout çà!
Je viens d'installer le code "horizontal dynamique avec sous-menus". Je suis débutant et j'ai un petit problème pour centrer les textes dans les sous-menus. Dans les menus, ils le sont très bien mais pas moyen de le faire dans les sous-menus car ils se calent à gauche par défaut.
Les menus fonctionnent très bien en local sur mon p.c., j'espère qu'en ligne ce sera pareil car ce qui m'inquiète, c'est que je ne vois pas la souris se transformer en main lorsque je clique sur un lien! Et pourtant, le lien cliqué s'affiche!!!
Est-ce vrai que les menus en javascript ne sont pas pris en compte par Google et compagnie?
Merci à toi!
Jacques
31 déc. 2004 à 15:11
Désolés pour l'attente. N'attendez pas à ce que je répondes à toutes vos questions. Je connaîs peu le JavaScript parce que je ne le pratique pas.
Je connaîs bien l'algorithmie c'est pourquoi je peux programmer dans tous les languages.
Pour les liens dans les frames, je crois que c'est :
parent.frames[1].location.href=page.html
1 ou 2 ou 0, cela dépend de votre code html...
30 déc. 2004 à 21:49
il est simple et facile à changer. 9/10.
Mais je suis débutant, est-il possible de paramémetrer les liens vers une iframe.
Si kelk1 peut me répondre. new_jesus_is_punk@hotmail.com ou ici
30 déc. 2004 à 16:38
Je ne connais pas grand chose en javascript et je trouve ton script plutôt pas mal.
Mais j'ai un petit problème :
Le sous-menu se décalent vers la droite et ne sont donc plus aligné avec la case du menu.
Que faut il faire pour résoudre a ce problème, stp.
Merci d'avance.
26 déc. 2004 à 15:07
Tartuff
21 déc. 2004 à 04:19
Je débute en javascript et ce menu est génial. J'ai déjà pu modifier un certain nombre de paramètres, sans rien y connaître .
Par contre, je rencontre un problème pour l'ouverture des pages ds un autre cadre . Y a t'il moyen d'y remédier.
Encore merci
Tartuff
16 déc. 2004 à 17:16
Comment centrer le texte dans les sous-menus.
Merci
13 déc. 2004 à 08:15
Je suis en train de paramétrer ce script, même pour moi, qui est débutant, c'est trés simple à comprendre.
Bravo
24 nov. 2004 à 09:22
enfin un script que l'on peut facilement personnalisé cependant que faire pour qu'il soit compatible avec une navigation sur mac os (décalage ,espace coloré vide, lien incomplet)
sinon existe-il un script compatible avec les deux window et mac
cordialement
1 nov. 2004 à 19:23
Merci de la reponse :s
30 oct. 2004 à 08:11
mon mail alex.werner2@laposte.net
30 oct. 2004 à 00:09
Il faut donc renommer toutes les variables du premier script.
29 oct. 2004 à 23:39
Sinon bravo pour ce script 10/10 je vais voté
8 oct. 2004 à 01:18
Je ne m'en souviens plus trop bien.
Voir le source de http://horizonpc.phpnet.org/Code/Menu%20Horizontal3.html
Ce qui a été ajouté :
(1) HauteurY = HauteurS
(2) document.onmousemove = function(e)
{ document.getElementById('topmenu').style.top=document.body.scrollTop+PosY
document.getElementById('topmenu').style.visibility='visible'
y = (navigator.appName.substring(0,3)=="Net") ? e.clientY : event.clientY;
if(skn.visibility=='visible' && (y<(PosY+17) || (PosY+16+HauteurM+HauteurY)<y)) skn.visibility="hidden"
}
// 16 et 17 correspondent à la marge haute
(3) HauteurY = (HauteurS+1)*msg.length/2
Je crois qu'il n'y a rien d'autre.
Pour un menu statique, il faut faire les mêmes modifications qu'avant.
Je n'ai pas mis à jour le code, je ne sais pas si c'est stable.
8 oct. 2004 à 00:06
Pourrais tu donner le détaille des évènements à modifier ou à rajouter dans ton script pour la détection de sortie de souris à la vertical ?
Merci d'avance...
@ +
7 oct. 2004 à 14:21
en tout cas encore merci et bravo !
7 oct. 2004 à 12:23
7 oct. 2004 à 12:12
document.write("<TD WIDTH="+(LargeurM*2)/menu.length+" ALIGN=center
par :
document.write("<TD ALIGN=center
Il faut supprimer :
WIDTH="+(LargeurM*2)/menu.length+"
Je fais mettre à jours le code en y rajoutant 2 paramètres :
EgualM = 0 // Largeur des cellules Identiques:1 / Différentes:0
EgualS = 0 // Largeur des cellules Identiques:1 / Différentes:0
En espérant avoir fait ton bonheur.
7 oct. 2004 à 11:34
En fait je recherchais exactement le menu que tu propose, mais le problème vient donc effectivement du fait que mes titres sont trop longs.
En plus j'ai du agrandir la taille de la police car je veux que des mal-voyants puissent le lire donc j'ai mis la taille de police à 4. C'est forcément ça qui perturbe tout.
ça ne rend pas le menu illisible, loin de là, mais l'espace entre les titres n'est pas régulier en fait. Les 2 titres longs sont très proches alors que les 3 autres titres qui sont courts sont assez éloignés les uns des autres.
Ce n'est pas choquant mais ce n'est pas très esthétique non plus.
En tout cas, merci beaucoup pour ce code. J'en cherchais un comme celui-là depuis des semaines et je n'arrivais pas à trouver.
Merci pour ta réponse rapide !
7 oct. 2004 à 11:15
Il est impératif que les titres soient de largeurs plus petites que la largeur des leurs cellules respectives, pour obtenir un bon fonctionnement de ce menu.
Tu n'as pas dit ce que tu cherchais ?
Tu désires peut-être avoir ce genre de menu : http://telepoche.guidetele.com
7 oct. 2004 à 09:47
J'ai choisi le menu horizontal, et il y a juste un truc qui me pose problème c'est que moi j'ai 5 menus à rentrer là où tu en avais 4 et en plus j'ai 2 titres longs qui se mettent sur 2 lignes... Du coup l'espace entre mes titres n'est pas régulier, comme si les titres n'étaient pas centrés dans le menu horizontal...
Si tu as réussi à comprendre ce que je voulais dire ;-) aurais-tu une idée pour régler ce problème ?
Merci d'avance !
6 oct. 2004 à 00:06
Pour l'instant le code détecte la sortie de la souris sur la vertical. Fonctionne :
- sous IE et FireFox
- Sous-Menu une ligne ou plusieurs.
http://horizonpc.phpnet.org/Code/Menu%20Horizontal3.html
30 sept. 2004 à 18:52
@+
30 sept. 2004 à 18:43
@+
30 sept. 2004 à 16:01
Cela ne marche pas.
Mais je crois avoir trouvé le truc. Je surveille les coordonnées de la souris.
Si on est en dehors du menu et du sous-menu, on cache le sous-menu.
Ce n'est pas très simple, mais je pense que cela devrait fonctionner...
30 sept. 2004 à 13:09
29 sept. 2004 à 17:51
je rencontre plusieurs problèmes, le principal vient qu'il y a déjà installés plusieurs évènements...
Il est donc difficile d'en mettre d'autre.
Mais promis, si je trouve, je mettrais à jour le code.
28 sept. 2004 à 22:39
Pourrais tu insérer une fonction qui permettrai de faire disparaitre au bout de quelques secondes le sous menu ?
Car lorsque l'on passe sur le menu, le sous menu apparait, mais disparait uniquement si l'on clic sur un lien ou dans le vide dans la fenêtre de la page web.
(Côté pratique : Faire disparaitre le sous menu, quand on est passé sur le menu sans le vouloir et éviter de cliquer dans le vide pour le faire disparaitre.)
@ +
28 sept. 2004 à 22:16
Je te remercie, ça marche impec...
Ton menu est super, j'espère qu'avec l'expérience j'arriverai à créer des scripts comme le tien
@ +
28 sept. 2004 à 21:09
Supprimer : document.getElementById('topmenu').style.top = document.body.scrollTop+PosY
ou le modifier par
document.getElementById('topmenu').style.top = PosY
Puis modifier
skn.top = document.body.scrollTop+PosY+HauteurM
Par
skn.top = HauteurM
Ca l'air de fonctionner chez moi.
Tiens moi au courant. @+
28 sept. 2004 à 19:58
Merci pour ta réponse. Effectivement j'ai enlevé les fonctions "document.onmousemove" et "window.onscroll" et le menu est devenu statique. Merci beaucoup pour cette aide.
Par contre, lorsque je descent ma page, le menu ne bouge plus mais lorsque je passe sur un lien, le sous menu apparait, mais déttaché du menu. (en gros, le sous menu reste dynamique)
Aurais tu une solution pour ce problème ?
Merci d'avance.
28 sept. 2004 à 18:10
C'est le code d'un menu dynamique...
Pour transformer le code en statique, il faut enlever les fonctions :
document.onmousemove
window.onscroll
Mais, il doit y avoir d'autre modification à faire.
28 sept. 2004 à 17:12
Bonjour à tous,
Je trouve ce script super.
Je suis débutant, et j'aimerai savoir comment empêcher le scroll du menu dans mes pages web. J'aimerai qu'il soit fixe et que lorsque l'on descent sur la page, le menu ne suive pas.
Merci d'avance pour vos réponses
20 sept. 2004 à 12:35
- Il suffit de faire un tableau de la largeur du menu.
- Centrer le tableau sur la page.
- Le code doit être sur la gauche, dans le tableau.
A ce sujet, je vais peut-être modifier le script.
Sur mozilla, le sous menu superpose le menu.
??? Bizar. Il est pourtant compatible avec FireFox.
"Y-a-t'il une possibilité de garder le (sous)/menu actif en highlight ?"
J'imagine, si on n'est sur la page "HomePage", la cellule "HomePage" doit être en surbrillance.
Je pense que c'est possible avec l'objet window.location.
20 sept. 2004 à 12:03
Super script.
Etant débutant, j'ai 2-3 questions :
Comment positionner le menu horizontalement (ex : centré) ?
Sur mozilla, le sous menu superpose le menu.
Y-a-t'il une possibilité de garder le (sous)/menu actif en highlight ?
En tout cas, c'est exactement ce que je recherche sous réserve de compatibilté firefox.
19 sept. 2004 à 18:45
Allez, une remarque quand meme, pour redendre plus pratique, la largeur des sous menus pourrais etre calculee automatiquement en fonction du nombre de menus.
16 sept. 2004 à 11:50
Merci,
si tu as besoin d'un coup de main sur autre chose, n'hésite pas.
Cordialement
15 sept. 2004 à 01:56
Je n'ai pas regardé ce qu'il y a à modifier, mais ça devrait être rapide, ça fonctionne, juste l'affichage est tout croche.
Juste un petit conseil pour ton site (http://horizonpc.phpnet.org/Code/Menu%20Horizontal.html), 2 choses à éviter y sont présentes, majuscules et espace, certes ça fonctionne, mais pour les majuscules il suffit que tu sois sur un serveur Unix/Linux pour que tes majuscules soient à mettre partout dans tes pages (sans se tromper, en mettant tout en minuscules, tu risques de moins t'arracher les cheveux) et pour l'espace, d'un navigateur à l'autre ou même sur d'autres ordnateurs tu pourrais avoir des problèmes, donc mieux vaut éviter aussi... ;-)
Sinon pour finir sur une bonne note, super code malgré tout, l'idée des variables de configuration est bonne, continue.