is here is problems with windows

Having problems with DHTML Menu? There is usually somebody here who knows the answer.
cat
Advanced
Advanced
Posts: 11
Joined: Wed Aug 27, 2003 5:03 pm
Location: fr

is here is problems with windows

Post by cat » Wed Aug 27, 2003 5:14 pm

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>


:roll:
thank you very much for your help
Cat

User avatar
John
 Team
 Team
Posts: 5967
Joined: Sun May 19, 2002 8:23 pm
Location: Phoenix, AZ
Contact:

Post by John » Wed Aug 27, 2003 6:32 pm

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.
John

User avatar
Hergio
Milonic God
Milonic God
Posts: 1123
Joined: Wed Jun 12, 2002 7:46 pm
Location: Rochester, NY

Post by Hergio » Thu Aug 28, 2003 4:16 am

Do what John said...and....
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. ;)
Dave Hergert
Software Engineer
"Helping to make the menu better, one :?: at a time."

cat
Advanced
Advanced
Posts: 11
Joined: Wed Aug 27, 2003 5:03 pm
Location: fr

Post by cat » Thu Aug 28, 2003 7:47 am

:o Thank I will try right now.
The adress is http://www.actimac.fr/tests/ville-cormelles/

cat
Advanced
Advanced
Posts: 11
Joined: Wed Aug 27, 2003 5:03 pm
Location: fr

Post by cat » Thu Aug 28, 2003 7:58 am

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

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

User avatar
Maz
Milonic God
Milonic God
Posts: 1717
Joined: Fri Jun 06, 2003 11:39 pm
Location: San Francisco
Contact:

Post by Maz » Thu Aug 28, 2003 9:11 am

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

cat
Advanced
Advanced
Posts: 11
Joined: Wed Aug 27, 2003 5:03 pm
Location: fr

Post by cat » Thu Aug 28, 2003 11:04 am

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

User avatar
Hergio
Milonic God
Milonic God
Posts: 1123
Joined: Wed Jun 12, 2002 7:46 pm
Location: Rochester, NY

Post by Hergio » Thu Aug 28, 2003 1:17 pm

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 &nbsp; works ok because it doesnt match the pattern so it just outputs it as is. :)
Dave Hergert
Software Engineer
"Helping to make the menu better, one :?: at a time."

cat
Advanced
Advanced
Posts: 11
Joined: Wed Aug 27, 2003 5:03 pm
Location: fr

Post by cat » Thu Aug 28, 2003 2:01 pm

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 ... :cry:

and why the problem only appear on "vie municipale" menu and not on the other :?
cat

User avatar
John
 Team
 Team
Posts: 5967
Joined: Sun May 19, 2002 8:23 pm
Location: Phoenix, AZ
Contact:

Post by John » Thu Aug 28, 2003 2:54 pm

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.
John

cat
Advanced
Advanced
Posts: 11
Joined: Wed Aug 27, 2003 5:03 pm
Location: fr

Post by cat » Thu Aug 28, 2003 3:18 pm

yes a did but it was worse so I put it back
:oops: the adress now is
http://www.actimac.fr/tests/ville-cormelles2/

User avatar
John
 Team
 Team
Posts: 5967
Joined: Sun May 19, 2002 8:23 pm
Location: Phoenix, AZ
Contact:

Post by John » Thu Aug 28, 2003 3:22 pm

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.
John

cat
Advanced
Advanced
Posts: 11
Joined: Wed Aug 27, 2003 5:03 pm
Location: fr

Post by cat » Thu Aug 28, 2003 4:32 pm

ok john
here the adresse where take the mian menu of the html code .... :?

cat
Advanced
Advanced
Posts: 11
Joined: Wed Aug 27, 2003 5:03 pm
Location: fr

Post by cat » Thu Aug 28, 2003 4:33 pm


User avatar
Maz
Milonic God
Milonic God
Posts: 1717
Joined: Fri Jun 06, 2003 11:39 pm
Location: San Francisco
Contact:

Post by Maz » Thu Aug 28, 2003 4:57 pm

I'm on a mac and it looks good now, last night I thought Les elus was reading as Les elu%

regards
maz

cat
Advanced
Advanced
Posts: 11
Joined: Wed Aug 27, 2003 5:03 pm
Location: fr

Post by cat » Thu Aug 28, 2003 5:04 pm

8) 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

User avatar
John
 Team
 Team
Posts: 5967
Joined: Sun May 19, 2002 8:23 pm
Location: Phoenix, AZ
Contact:

Post by John » Thu Aug 28, 2003 6:00 pm

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 :roll:
Last edited by John on Thu Aug 28, 2003 6:06 pm, edited 2 times in total.
John

User avatar
Maz
Milonic God
Milonic God
Posts: 1717
Joined: Fri Jun 06, 2003 11:39 pm
Location: San Francisco
Contact:

Post by Maz » Thu Aug 28, 2003 6:01 pm

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, :D as if I don't have enough problems already.

Regards
maz

User avatar
Maz
Milonic God
Milonic God
Posts: 1717
Joined: Fri Jun 06, 2003 11:39 pm
Location: San Francisco
Contact:

Post by Maz » Thu Aug 28, 2003 6:49 pm

I placed onsubimage once in the overall style and it works. Listing it on each item may be the problem.
Regards
maz

User avatar
John
 Team
 Team
Posts: 5967
Joined: Sun May 19, 2002 8:23 pm
Location: Phoenix, AZ
Contact:

Post by John » Thu Aug 28, 2003 7:24 pm

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.
John

Post Reply