Missing 90% of Menu on Mac

Bourne · Post by **Bourne** » Mon Feb 03, 2003 6:27 pm

Hi everyone,

As a newbie, can anyone help me on how to get the remaining 90% of my menu working on a MAC? (see below)

<img src="http://www.chrischappell.com/gameshots/menu_fault.gif" border="0">

For some reason it only seems to be showing the first few pixels...but the second level submenu, seems fine tho?

BTW, it seems to work fine on a PC, but not in IE on a MAC???

I've had a look around the forums to see if this is a common problem, but can't find anything mentioning it...

Any help on this matter would be greatly appreciated!

Cheers,

Bourne

kevin3442 · Post by **kevin3442** » Mon Feb 03, 2003 11:07 pm

Hi Bourne,

Unbfortunately, the screen capture doesn't help much in diagnosing the cause. Can you send a URL to the site? On first glance, I'm wondering if your main menu items contain any images?

Kevin

Post by **John** » Mon Feb 03, 2003 11:52 pm

Another possibility is a <div> that might be sitting on top of it. As Kevin mentioned, a URL is always a must.

Bourne · Post by **Bourne** » Tue Feb 04, 2003 9:57 am

Cheers!

Here's the url

http://www.microsoftat3gsm.com

I've tried to see if Andy can help, but I can imagine he's very busy sorting out the new Licence stuff...

Bourne · Post by **Bourne** » Wed Feb 05, 2003 1:07 pm

...as a bit of extra info, I've tried it on the BETA version of Apple Safari, and everything seems to work fine? But as MAC IE 5.1 is more common (at the moment), I really need to sort this out...

??

Any ideas would be greatly appreciated (he says with the launch of the website looming!)

Cheers,

Bourne.

kevin3442 · Post by **kevin3442** » Wed Feb 05, 2003 5:13 pm

Hi Bourne,

I've had a look at the site with all of the browsers I use, and I cannot get the problem in any of them (IE6, NS7, NS4.75, Opera 6.05... all in various versions of Windows). Unfortunately, I have no Macs at my disposal to test further. I'm intrigues by John's last comment though... the possibility of a DIV finding its way on top of the menu. How did you get the submenu to open in your screen capture? Specifically, I'm wondering of you had to point at the very small, visible area of your main menu to get the submenu to open, or does it open if you point anywhere in the space that the main menu is supposed to occupy. If the former, that would support John's idea, that there is something occupying a layer above the menu.

Kevin

Bourne · Post by **Bourne** » Thu Feb 06, 2003 9:47 am

Cheers Kevin,

...yeah the menu seems fine on all things PC, but it's the MAC IE 5.1 which it seems to stumble on (or more likely my dodgy attempt at HTML/JScript).

The image abov, is a screencapture from a MAC, and yes, to get the sub menus to appear, you have to place the cursor over the small part visible?

...but the sub menu appears as it should?

I don't know if this helps (as it's doesn't make any sense to me...) but here's the contents of my menu_array file:

..............................................................................................

//The following line is critical for menu operation, and MUST APPEAR ONLY ONCE.
menunum=0;menus=new Array();_d=document;function addmenu(){menunum++;menus[menunum]=menu;}function dumpmenus(){mt="<script language=JavaScript>";for(a=1;a<menus.length;a++){mt+=" menu"+a+"=menus["+a+"];"}mt+="<\/script>";_d.write(mt)}
//Please leave the above line intact. The above also needs to be enabled if it not already enabled unless you have more than one _array.js file

////////////////////////////////////
// Editable properties START here //
////////////////////////////////////

timegap=500 // The time delay for menus to remain visible
followspeed=5 // Follow Scrolling speed
followrate=50 // Follow Scrolling Rate
suboffset_top=-3 // Sub menu offset Top position
suboffset_left=2 // Sub menu offset Left position

Chappell01=[ // Chappell01 is an array of properties. You can have as many property arrays as you need
"000000", // Mouse Off Font Color
"FAFBFC", // Mouse Off Background Color (use zero for transparent in Netscape 6)
"000000", // Mouse On Font Color
"CCCCCC", // Mouse On Background Color
"999999", // Menu Border Color
"11", // Font Size (default is px but you can specify mm, pt or a percentage)
"normal", // Font Style (italic or normal)
"normal", // Font Weight (bold or normal)
"Tahoma,Helvetica,Verdana", // Font Name
2, // Menu Item Padding or spacing
, // Sub Menu Image (Leave this blank if not needed)
0, // 3D Border & Separator bar
, // 3D High Color
, // 3D Low Color
, // Current Page Item Font Color (leave this blank to disable)
, // Current Page Item Background Color (leave this blank to disable)
, // Top Bar image (Leave this blank to disable)
, // Menu Header Font Color (Leave blank if headers are not needed)
, // Menu Header Background Color (Leave blank if headers are not needed)
, // Menu Item Separator Color
]

addmenu(menu=[
"MSStandtour", // Menu Name - This is needed in order for this menu to be called
, // Menu Top - The Top position of this menu in pixels
, // Menu Left - The Left position of this menu in pixels
120, // Menu Width - Menus width in pixels
1, // Menu Border Width
, // Screen Position - here you can use "center;left;right;middle;top;bottom" or a combination of "center:middle"
Chappell01, // Properties Array - this array is declared higher up as you can see above
0, // Always Visible - allows this menu item to be visible at all time (1=on or 0=off)
, // Alignment - sets this menu elements text alignment, values valid here are: left, right or center
"fade(duration=0.2);Shadow(color=aaaaaa,Direction=115,Strength=4)",// Filter - Text variable for setting transitional effects on menu activation - see above for more info
0, // Follow Scrolling Top Position - Tells this menu to follow the user down the screen on scroll placing the menu at the value specified.
0, // Horizontal Menu - Tells this menu to display horizontaly instead of top to bottom style (1=on or 0=off)
0, // Keep Alive - Keeps the menu visible until the user moves over another menu or clicks elsewhere on the page (1=on or 0=off)
, // Position of TOP sub image left:center:right
, // Set the Overall Width of Horizontal Menu to specified width or 100% and height to a specified amount
0, // Right To Left - Used in Hebrew for example. (1=on or 0=off)
0, // Open the Menus OnClick - leave blank for OnMouseover (1=on or 0=off)
, // ID of the div you want to hide on MouseOver (useful for hiding form elements)
, // Background image for menu Color must be set to transparent for this to work
0, // Scrollable Menu
"margin=4;", // Miscellaneous Menu Properties
,"Hands On","handson.html onbordercolor=999999;offbordercolor=FAFBFC;",,"Hands On",0
,"Presentation","presentation.html onbordercolor=999999;offbordercolor=FAFBFC;",,"Presentation",0
,"Reception and Information Point","recepinfo.html onbordercolor=999999;offbordercolor=FAFBFC;",,"Reception and Information Point",0
,"Video Wall","videowall.html onbordercolor=999999;offbordercolor=FAFBFC;",,"Video Wall",0
,"Collateral Wall","collateralwall.html onbordercolor=999999;offbordercolor=FAFBFC;",,"Collateral Wall",0
])

addmenu(menu=[
"MSHiLites",
,
,
120,
1,
,
Chappell01,
0,
,
"fade(duration=0.2);Shadow(color=aaaaaa,Direction=115,Strength=4)",
0,
0,
0,
,
,
0,
0,
,
,
0,
"margin=4;",
,"Microsoft Stand","msstands.html onbordercolor=999999;offbordercolor=FAFBFC;",,"Microsoft Stand",0
,"Keynote Sessions","keynote.html onbordercolor=999999;offbordercolor=FAFBFC;",,"Keynote Sessions",0
,"Gala Dinner Awards","gala.html onbordercolor=999999;offbordercolor=FAFBFC;",,"Gala Dinner Awards",0
,"Microsoft Yacht","yacht.html onbordercolor=999999;offbordercolor=FAFBFC;",,"Microsoft Yacht",0
])

addmenu(menu=[
"MainMenu",
145,
,
148,
0,
,
Chappell01,
1,
,
" fade(duration=0.2)",
0,
0,
0,
,
,
0,
0,
,
,
0,
"margin=4;",
,"About 3GSM","about.html onbordercolor=999999;offbordercolor=FAFBFC;",,"About 3GSM",0
,"Microsoft Highlights            <img src=arrow.gif border=0>","show-menu=MSHiLites","mshilites.html onbordercolor=999999;offbordercolor=FAFBFC;","Microsoft Highlights",0
,"Microsoft Stand Tour","msstandtour.html onbordercolor=999999;offbordercolor=FAFBFC;",,"Microsoft Stand Tour",0
,"Virtual Press Room","http://www.microsoftmobilitypress.com target=blank onbordercolor=999999;offbordercolor=FAFBFC;",,"Microsoft Mobility Press Virtual Press Room",0
,"Partner Zone","partner.html onbordercolor=999999;offbordercolor=FAFBFC;",,"Partner Zone",0
,"Guide to Cannes","cannes.html onbordercolor=999999;offbordercolor=FAFBFC;",,"Guide to Cannes",0
])

dumpmenus();

Cheers again,
(confused) Bourne

kevin3442 · Post by **kevin3442** » Thu Feb 06, 2003 7:50 pm

Hi Bourne,

If you have to point on the small visible part of the main menu to open the submenu, then there is another element (perhaps a DIV) blocking the menu, as John suggested. It's something that is filled white, and cannot be clicked through (typical of layered elements). It probably won't be in your menu script (where I don't see anything unusual); it's in your html. Do you notice any element that is normally on the page that isn't when displayed in Mac IE5.1? If not, then it's probably something to do with tables. Here are some suggestions:

(1) In your html file, try systematically changing anything colored white to another color, until you find the culprit.

(2) Move the two <script> lines that load the menu scripts to the bottom of the body, just before the </body> tag. That should cause the menu scripts to load later, perhaps changing the order in which elements are rendered in the body, so that the main menu appears on top of whatever is blocking it.

(3) Normally, it's not a good idea to edit mmenu.js. However, there is a global variable at the top of mmenu.js called loadWait. It is normally set to 0. I believe setting it to 1 will tell the menu system to wait until the page has loaded to render the menus. This may also affect layering, so that your main menu gets a higher layer.

Hope that helps,

Kevin

Bourne · Post by **Bourne** » Tue Feb 11, 2003 11:20 am

Cheers Kevin,

I'll have a look into that

(the trouble is, even the 'TEST CURRENT MENU' on the actual Milonic site gives the same reesult?

??

Bourne.

Bourne · Post by **Bourne** » Tue Feb 18, 2003 4:29 pm

Well, the site is now LIVE:

http://www.microsoftat3gsm.com

...and the menu works on a MAC, thanks to Andys useful fix.

Basically add this JS code just after the menu references.

<SCRIPT language=JavaScript>
if(mac){
mn=getMenuByName("MainMenu")
gm=gmobj("menu"+mn)
gm.style.width=100
}
</SCRIPT>

______________________________

Note: gm.style.width=100 - the width is the width of the menu your using.

...next problem is a 'random' JavaScript error I'm getting only on MACs - only on the homepage, which pushes the whole page/design down a bit, ruiing the layout of the menu...

Many thanks guys for all your help and suggestions,

Bourne

kevin3442 · Post by **kevin3442** » Tue Feb 18, 2003 7:05 pm

Thanks for passing the tip on. You've probably just helped to preserve the hair of many users.

Kevin

Bourne · Post by **Bourne** » Tue Feb 18, 2003 7:12 pm

No Probs.

On a side note, this will be short term solution, as the new version already fixes this...!

(its actually a bug in IE on the MAC)

Cheers,

Bourne

Post by **John** » Thu Feb 20, 2003 5:25 pm

kevin3442 wrote:Thanks for passing the tip on. You've probably just helped to preserve the hair of many users.

Not really

My menu is a bit different. It uses graphics to build it rather than the menu itself...

Code: Select all

,"<img border=0 src=/sai/graphics/home.jpg>","show-menu=home",,,1
,"<img border=0 src=/sai/graphics/staff.jpg>","show-menu=staff",,,1
,"<img border=0 src=/sai/graphics/tech.jpg>","show-menu=tech",,,1
,"<img border=0 src=/sai/graphics/edit.jpg>","show-menu=edit",,,1
,"<img border=0 src=/sai/graphics/about.jpg>","show-menu=about",,,1

Most Mac browsers display it properly, but, true to form, IE5.2 leaves just a blank white space where the menus/graphics should be.

Page is http://westcgi.west.asu.edu/sai/.

Thoughts (Andy!)?

Thanks.

jspeybro · Post by **jspeybro** » Thu Jun 19, 2003 9:27 am

Hi, I experienced the same problem (as on the screenshot).
I took a fresh menu_array.js and changed step by step what I had changed to the menu and it seemed that it was the

Code: Select all

"margin=4";,

that caused the problem.

It seems to work fine for submenus, but when I added it to the main menu, I got that same problem.

This problem occured only in windows 2000 with internet explorer version 6.0.2800.1106.
The menu shows fine on mozilla, konqueror and opera in linux. I couldn't test it on mac.

so for now, I wont use the margin-property, unless somebody comes up with a solution.

any help appreciated.

Johan

Post by **John** » Thu Jun 19, 2003 5:54 pm

Wow - old topic!

Andy got me squared away on this one. I was calling the images wrong. Been working fine for some time.

It never did work on a Mac, however, until I went to v4.

Milonic JavaScript Menu

Missing 90% of Menu on Mac

Missing 90% of Menu on Mac

Here's the URL