Back To Start Of Archive
Taken From The Forum: Help & Support for DHTML Menu Version 5+
Forum Topic: Click to view post
Last Updated: Saturday July 14 2012 - 06:07:16
is here is problems with windows
Poster: cat
Dated: Wednesday August 27 2003 - 17:14:46 BST
hello,
i have implemented le dynamique menu.
Everything goes well when i tested on IE for mac OS X (excepted the subsub item I can't give parameters for the position.
on windows It is very slow ... the offbgcolor doesn't work
The item bgcolor is green. When the mouse come over it become white (every thing ok) but when the mouse go out it doesn't come back green ????
here my menu_data.js if it can help
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
_menuCloseDelay=500 // The time delay for menus to remain visible on mouse out
_menuOpenDelay=150 // The time delay before menus open on mouse over
_followSpeed=5 // Follow scrolling speed
_followRate=200 // Follow scrolling Rate
_subOffsetTop=5 // Sub menu top offset
_subOffsetLeft=0 // Sub menu left offset
_scrollAmount=3 // Only needed for Netscape 4.x
_scrollDelay=20 // Only needed for Netcsape 4.x
with(menuStyle=new mm_style()){
onbgcolor="#00AD8E"; //couleur de fond en position on (vert)
oncolor="#fffff"; //couleur de la typo en position on (blanc)
offbgcolor="#00AD8E"; //couleur de fond off en position off (vert)
offcolor="#000000"; //couleur typo fond en position off (noir)
bordercolor="#00AD8E"; //contour exterieur
borderstyle="solid"; //style du contour
borderwidth=1; //epaisseur du contour exterieur
separatorcolor="#00AD8E"; //couleur du trait de separation
separatorsize="1"; //epaisseur du trait de separation
padding=3; //espace entre les menus
fontsize="68%"; //taille de la police
fontstyle="normal"; //style de la police
fontfamily="Verdana, Tahoma, Arial"; // type de police
pagecolor="#ffffff";
pagebgcolor="#82B6D7";
headercolor="#000000";
headerbgcolor="#ffffff";
subimage="arrow.gif";
subimagepadding="2";
overfilter="Fade(duration=0.2);Alpha(opacity=90);Shadow(color='#777777', Direction=135, Strength=5)";
outfilter="randomdissolve(duration=0.3)";
}
with(submenuStyle=new mm_style()){
onbgcolor="#ffffff"; //couleur de fond en position on (blanc)
oncolor="#000000"; //couleur de la typo en position on (noir)
offbgcolor="#00AD8E"; //couleur de fond off (vert)
offcolor="#000000"; //couleur typo fond (noir)
bordercolor="#00AD8E";//contour exterieur
borderstyle="solid";
borderwidth=1; //epaisseur du contour exterieur
separatorcolor="#00AD8E";
separatorsize="1"; //epaisseur du trait de separation
padding=3;//espace entre les menus
fontsize="68%";
fontstyle="normal";
fontfamily="Verdana, Tahoma, Arial";
pagecolor="#00AD8E";
pagebgcolor="#ffffff";
headercolor="#000000";
headerbgcolor="#ffffff";
subimage="arrow.gif";
subimagepadding="2";
overfilter="Fade(duration=0.2);Alpha(opacity=90);Shadow(color='#777777', Direction=135, Strength=5)";
outfilter="randomdissolve(duration=0.3)";
}
with(milonic=new menuname("histoire")){
style=submenuStyle;
aI("text=La commune;url=http://www..fr;");
aI("text=Les bâtiments communaux;url=http://www..fr;");
}
with(milonic=new menuname("municipale")){
style=submenuStyle;
overflow="scroll";
aI("text=Le mot du Maire;url=http://www..fr;");
aI("text=Les élus;url=http://www..fr;");
aI("text=Les Commissions;onsubimage=arrowon.gif;showmenu=commissions;");
aI("text=Les Conseils Municipaux;url=http://www..fr;");
aI("text=Les services administratifs;onsubimage=arrowon.gif;showmenu=administratifs;");
aI("text=L'intercommunalité;url=http://www..fr;");
}
with(milonic=new menuname("commissions")){
style=submenuStyle;
overflow="scroll";
aI("text=Finances et Administration Générales;url=http://www..fr;");
aI("text=Urbanisme et qualité de vie;url=http://www..fr;");
aI("text=Travaux et circulation;url=http://www..fr;");
aI("text=Affaires sociales et emploi;url=http://www..fr;");
aI("text=Enseignement;url=http://www.http://www..fr;");
aI("text=Logement;url=http://www..fr;");
aI("text=Culture;url=http://www..fr;");
aI("text=Sports, jeunesse et loisirs;url=http://www..fr;");
aI("text=Information;url=http://www..fr;");
}
with(milonic=new menuname("administratifs")){
style=submenuStyle;
aI("text=Horaires d'ouverture;url=http://www..fr;");
aI("text=Organigramme;url=http://www..fr;");
}
with(milonic=new menuname("economique")){
style=submenuStyle;
aI("text=Plan de situation;url=http://www..fr;");
aI("text=Liste des entreprises;url=http://www..fr;");
}
with(milonic=new menuname("services")){
style=submenuStyle;
aI("text=Les aides;onsubimage=arrowon.gif;showmenu=aides;status=les aides;");
aI("text=La petite enfance;onsubimage=arrowon.gif;showmenu=enfance;status=Creches-Haltes garderies;");
aI("text=Les écoles;onsubimage=arrowon.gif;showmenu=ecole;status=les commisions;");
aI("text=Les centres de loisirs;onsubimage=arrowon.gif;showmenu=centres;status=les commisions;");
}
with(milonic=new menuname("aides")){
style=submenuStyle;
aI("text=L'aide sociale;url=http://www..fr;");
aI("text=Les repas à domicile;url=http://www..fr;");
aI("text=La Téléalarme;url=http://www..fr;");
aI("text=L'aide ménagère;url=http://www..fr;");
aI("text=Le RMI;url=http://www..fr;");
aI("text=Les aides diverses;url=http://www..fr;");
}
with(milonic=new menuname("enfance")){
style=submenuStyle;
aI("text=La crèche - Halte garderie;url=http://www..fr;");
aI("text=Les assistantes maternelles;url=http://www..fr;");
}
with(milonic=new menuname("ecole")){
style=submenuStyle;
aI("text=Les écoles maternelles et primaires;url=http://www..fr;");
aI("text=Le collège et le lycée;url=http://www..fr;");
}
with(milonic=new menuname("centres")){
style=submenuStyle;
aI("text=Les p'tits loups;url=http://www..fr;");
aI("text=Le local jeunes;url=http://www..fr;");
}
with(milonic=new menuname("loisirs")){
style=submenuStyle;
aI("text=La bibliothèque;url=http://www..fr;");
aI("text=Les jumelages;url=http://www..fr;");
aI("text=L'OMACL;url=http://www..fr;");
aI("text=Les associations;url=http://www..fr;");
}
with(milonic=new menuname("renseignements")){
style=submenuStyle;
aI("text=Les assistantes sociales;url=http://www..fr;");
aI("text=Les cimetières;onbgcolor=white;oncolor=black;url=http://www..fr;");
aI("text=Le culte catholique;url=http://www..fr;");
aI("text=Les démarches administratives;onsubimage=arrowon.gif;showmenu=demarches;status=Qui Quoi Ou Comment;");
aI("text=La bibliothèque;url=http://www..fr;");
aI("text=Les déchets;url=http://www..fr;");
aI("text=La location de salles;url=http://www..fr;");
aI("text=La mairie;url=http://www..fr;");
aI("text=La Police;url=http://www..fr;");
aI("text=La Poste;url=http://www..fr;");
aI("text=Lécole et Musique et de Danse;url=http://www..fr;");
aI("text=Les transports;url=http://www..fr;");
aI("text=La maison de retraite Madeleine Lamy;url=http://www..fr;");
aI("text=Les piscines;url=http://www..fr;");
aI("text=Les Professions médicales;onsubimage=arrowon.gif;showmenu=medicales;url=http://www..fr;");
}
with(milonic=new menuname("demarches")){
style=submenuStyle;
aI("text=Guide;url=http://www..fr;");
aI("text=Carte d'Identité;url=http://www..fr;");
aI("text=Passeport;url=http://www..fr;");
aI("text=Attestation d'accueil;urlhttp://www..fr;");
}
with(milonic=new menuname("medicales")){
style=submenuStyle;
aI("text=Médecins;url=http://www..fr;");
aI("text=Pharmaciens;url=http://www..fr;");
aI("text=Dentiste;url=http://www..fr;");
aI("text=Kinésithérapeuthe;url=http://www..fr;");
aI("text=Infirmiers;url=http://www..fr;");
aI("text=Orthophonistes;url=http://www..fr;");
}
drawMenus();
//////////////////////////////////////////////////////////////////////////////////////////////////
nb : relative position (example9)
in my index.html there is this
in the head
<SCRIPT language=JavaScript src="milonic_src.js" type=text/javascript></SCRIPT>
<SCRIPT language=JavaScript src="menu_data.js" type=text/javascript></SCRIPT>
in the body
<script>
with(milonic=new menuname("Main Menu")){
style=menuStyle;
top=0;
left=0;
alwaysvisible=1;
orientation="horizontal";
position="relative";
aI("text=HISTOIRE;itemheight=14;showmenu=histoire;");
aI("text=VIE MUNICIPALE;itemheight=14;showmenu=municipale;");
aI("text=VIE ECONOMIQUE;itemheight=14;showmenu=economique;");
aI("text=LES SERVICES;itemheight=14;showmenu=services;");
aI("text=LES LOISIRS;itemheight=14;showmenu=loisirs;");
aI("text=RENSEIGNEMENTS;itemheight=14;showmenu=renseignements;");
}
drawMenus();
</script>
thank you very much for your help
Cat
Poster: John
Dated: Wednesday August 27 2003 - 18:32:31 BST
We have been seeing some problems where the script is split up, as you have in your example (i.e., you have your "Main Menu" piece of the script on your HTML page). While this is the way the example shows, it appears that it does not always work.
Try moving the entire "Main Menu" piece back into the menu_data.js file. Don't forget to delete the <script>, </script>, and drawMenus(); from the body HTML (and don't accidentally put them in the menu_data file!).
Also, please provide a URL so we can take a look at what's happening.
Let us know how it goes.
Poster: Hergio
Dated: Thursday August 28 2003 - 4:16:23 BST
Do what John said...and....
Quote:
with(menuStyle=new mm_style()){
onbgcolor="#00AD8E"; //couleur de fond en position on (vert)
oncolor="#fffff"; //couleur de la typo en position on (blanc)
If you'll notice, fffff is not an actual color, you forgot an f, you'd be amazed at the havoc something as small as this can sometimes cause.
onbgcolor="#00AD8E"; //couleur de fond en position on (vert)
oncolor="#fffff"; //couleur de la typo en position on (blanc)
Poster: cat
Dated: Thursday August 28 2003 - 7:47:21 BST
Thank I will try right now.
The adress is http://www.actimac.fr/tests/ville-cormelles/
Poster: cat
Dated: Thursday August 28 2003 - 7:58:15 BST
Big news
I have change the "oncolor="#ffffff";" line with 6 "f" dans now the menu woks perfectly on windows. i didn't move the main menu in the mene_data.js. Great.
I style have a small problem with ie on mac. for one menu (vie municipale) The subsub menu don't appear near the sub menu but far don't
the problem exist for "vie municipale/le commissions/ .." and "vie municipale/les services administratif/ ..." every where else it is good
thanks cat
Poster: Maz
Dated: Thursday August 28 2003 - 9:11:34 BST
I can't understand the item before "Les ????" are you sure it is recognizing the ; or ;; the last letter looks like %?
If that's not it...
onsubimage begins, see if you can place it in submenu style and remove from menu items. I would test different positions to see if it works better.
Regards
maz
Poster: cat
Dated: Thursday August 28 2003 - 11:04:05 BST
I don't undertstand this part of your answer-->"Les ????" are you sure it is recognizing the ; or ;; the last letter looks like %?
i have put onsubimage on the submenu style (that help a lot for the management of the site) but it doesn't work better with ie on mac OS X and mac OS 9
regards cat
Poster: Hergio
Dated: Thursday August 28 2003 - 13:17:20 BST
Glad to hear that little f was all that was f'ing up your menu. Umm, I loaded the menu and the items appeared right where they should be. What browser are you using, that may be the difference. Also, do what john said and REMOVE the main menu code from the <TD> tag in your menu and put it back into menu_array. Then inside of that <TD> just put the <SCRIPT src=...></SCRIPT> call to menu_data. It will help.
Also maz, the menu should be fine understanding the ;'s , whether there are one, two, three or more in a row. All the menu looks for is a pattern like ";<keyword>=" with the keyword being url, or showmenu, or text, etc. Thats why works ok because it doesnt match the pattern so it just outputs it as is.
Poster: cat
Dated: Thursday August 28 2003 - 14:01:19 BST
i did remove the main menu from the code, but it is worth the sub menu and the subsubmenu are on the wrong place;
I use ie 5.2.2 on mac os X.
safari is perfect
on windows it is perfect ...
and why the problem only appear on "vie municipale" menu and not on the other
cat
Poster: John
Dated: Thursday August 28 2003 - 14:54:15 BST
cat wrote:
i did remove the main menu from the code
I just looked at your code, and the main menu code is still in the HTML. You have not made the changes I suggested.
Poster: cat
Dated: Thursday August 28 2003 - 15:18:22 BST
yes a did but it was worse so I put it back
the adress now is
http://www.actimac.fr/tests/ville-cormelles2/
Poster: John
Dated: Thursday August 28 2003 - 15:22:54 BST
Then I have to say there's a problem somewhere else, or you didn't do it right (sorry). In all the other times we have had folks do this it has fixed numerous problems.
Poster: cat
Dated: Thursday August 28 2003 - 16:32:59 BST
ok john
here the adresse where take the mian menu of the html code ....
Poster: cat
Dated: Thursday August 28 2003 - 16:33:55 BST
http://www.actimac.fr/tests/ville-cormelles3/
Poster: Maz
Dated: Thursday August 28 2003 - 16:57:23 BST
I'm on a mac and it looks good now, last night I thought Les elus was reading as Les elu%
regards
maz
Poster: cat
Dated: Thursday August 28 2003 - 17:04:33 BST
Maz -- but on my mac the subsubmenu "vie municipale/les commisions" and "vie municipale/les services administratifs" appears about the middle of my screen an not near the item "les commisions" or near "les services administratif"
if you go "les services/les aides" the subsubmenu is perfect well place on the right and few pixel below.
Do you think it's a bug of my internet explorer 5.2.2
cat
Poster: John
Dated: Thursday August 28 2003 - 18:00:02 BST
I'm at work now so can no longer check it on a Mac. You might want to try upgrading your IE to 5.2.3 (the last version M$ will ever come out with for OS X), but I really don't think that's the problem.
I did see the error you describe earlier when I was at home, and it's only on that one menu as you said. However, that menu is in the proper place in other browsers, so this is probably going to take some digging.
Since I'm almost 4 hours late getting in this morning (truck trouble), it seems I have to get some 'real' work done before I can look at this again
Poster: Maz
Dated: Thursday August 28 2003 - 18:01:23 BST
Oh... now the sub-submenu is off. Maybe its related to the table bug.
Did you understand my other comment?
Sometimes I had problems with images causing strangeness using xpmenu, what I did was test the image in different positions within style.
One image would only work in item, another worked better in submenu style another in overall submenu style. It means taking the image out of all the item styles and trying one in overall style for submenus or the submenu style. Its only going to use the image when its needed so there is no need to put it in item unless it doesn't work elsewhere.
Make sure you can revert back incase it doesn't work out.
Another thing that caused problems was followscroll, when I removed all references to followscroll everything acted normally.
In the end I'm not sure where the real problem is. But first it seemed like the first call for onsubimage may have been the problem, now it seems like the second call is doing it as if its doubled the placement from the parent menu.
I'm going to give this onsubimage a try myself, as if I don't have enough problems already.
Regards
maz
Poster: Maz
Dated: Thursday August 28 2003 - 18:49:41 BST
I placed onsubimage once in the overall style and it works. Listing it on each item may be the problem.
Regards
maz
Poster: John
Dated: Thursday August 28 2003 - 19:24:58 BST
Is it working now, cat? I went to the page you indicated and the code is different than it was earlier this morning.
The only thing I have been doing differently than you have on that page (http://www.actimac.fr/tests/ville-cormelles3/) is I put the <SCRIPT language="JavaScript" src="/tests/ville-cormelles3/menu_js/milonic_src.js" type="text/javascript"></SCRIPT> call as the first item after the <body>, rather than in the <td>. The <SCRIPT language="JavaScript" src="/tests/ville-cormelles3/menu_js/menu_data.js" type="text/javascript"></SCRIPT> call stays in the <td> as you have it.
Poster: cat
Dated: Friday August 29 2003 - 7:57:58 BST
It Works "Yeaahaaaa"
as Maz said I take off all the overflow="scroll"
(tey were places on the "vie municipale" menu and on "Les commissions" menus.
and it work very well on mac and on PC
it seem that ie for mac don't support this menu properties
thank you very much Maz and John for your help.
I really appreciated.
You do a very good job and you are very quick to acted
if you want to test
http://www.actimac.fr/tests/ville-cormelles3/
Bravo et merci
regards (cordialement)
Cat