Menu not working in sub folder?

keeva_one · Post by **keeva_one** » Sun Apr 04, 2004 2:10 am

I have a menu working in one directory as shown here (only the PRODUCTS button has a menu).

http://www.goldmandesign.com/clientsite ... index.html

But, when I try to get the menu working one folder deeper it does not work. Here is an example of the non-working file/folder (only the PRODUCTS button should show the menu).

http://www.goldmandesign.com/clientsite ... index.html

The scripts are in a folder here:

http://www.goldmandesign.com/clientsite ... ripts_css/

I've tried making the script src= absolute and src= relative but can't get it to work in the products folder either way. I'm just not sure why this file in the "products" folder will not show the menu.

I've also tried doing:

if(ns4)_d.write("<scr"+"ipt language=JavaScript src=http://goldmandesign.com/clientsite/spc ... /scr"+"ipt>");
else _d.write("<scr"+"ipt language=JavaScript src=http://goldmandesign.com/clientsite/spc ... /scr"+"ipt>");

and

if(ns4)_d.write("<scr"+"ipt language=JavaScript src=/clientsite/spc/html/scripts_css/mmenuns4.js><\/scr"+"ipt>");
else _d.write("<scr"+"ipt language=JavaScript src=/clientsite/spc/html/scripts_css/mmenudom.js><\/scr"+"ipt>");

but can not get either to work. Please help.

- Kevin

Maz · Post by **Maz** » Sun Apr 04, 2004 3:06 am

Lets go back a bit, place all the scripts just under <body> tag, I think you have to root correct.

Then take a look at my html src and use the CDATA to hide the menu for XHTML

http://mercuryexposure.org

Now to figure the rest out.

maz

keeva_one · Post by **keeva_one** » Sun Apr 04, 2004 3:24 am

I put the scripts in the body with CDATA. Hmm... now neither menu works.

I;m using onmouseover="popup('products','Image4',-211,0)" onmouseout="popdown()" to place the menus. Should I use another method? It seemed this was the best to get rollover on the PRODUCTS image while also being able to click the PRODUCTS image itself.

I think I'm a little lost though. Any further help would be greatlt appriciated. - Kevin

Maz · Post by **Maz** » Sun Apr 04, 2004 3:59 am

The menu wasn't working before in my browser.

Try to place the menu scripts exactly as they were orgininally because the src file must be the first, menu_data will come below dom.

I'm not familiar with the popup style of menu, others know more than me on this one.

Take another look at the milonic site for this style of menu. I don't think you have set it up correctly.

Onclass and offclass is for using the style sheet, its best to use the menu styles.

maz

Maz · Post by **Maz** » Sun Apr 04, 2004 4:42 am

Well, it was getting a bit heavy on the javascript for me.

You have to get the script order correct for it to show.
First: milonic_src.js
Last: menu_data.js

If you still have problems, try taking out the onclass and offclass, if that's not it we are down to js.

maz

Post by **John** » Sun Apr 04, 2004 7:01 am

Your calls to the menu items are still out of order (see install.txt in the download). The order must be...

Code: Select all

<script language="javascript" src="milonic_src.js" type="text/javascript"></script>	
<script language="javascript">
if(ns4)_d.write("<scr"+"ipt language=JavaScript src=mmenuns4.js><\/scr"+"ipt>");		
else _d.write("<scr"+"ipt language=JavaScript src=mmenudom.js><\/scr"+"ipt>"); 
</script>
<script language="javascript" src="menu_data.js" type="text/javascript"></script>

Also from the same file...

The order in which the tags appear IS important, and must be as shown above.

keeva_one · Post by **keeva_one** » Sun Apr 04, 2004 8:35 pm

The script order was causing the problem. I changed the order to be:

milonic_src.js
mmenuns4.js
mmenudom.js
menu_data.js

and it now works great on both pages. Thank you! But, now one more question while I have you experts on hand.

I was using the onmouseover="popup() method to position the menu in the previous examples. Reason is, when using the popup menu method the entire PRODUCTS image can be a link. This is what I want and is shown in the link below you'll notice your cursor can be anywhere on the PRODUCTS image and you can click anywhere on the PRODUCTS image:

http://www.goldmandesign.com/clientsite ... index.html

That's great, but since it seems that the popup method is less supported on different browsers a(s I have tested on you sample pages using NS4.7 and it does not work) I switched to use the fixed to table cell and image swap method as shown here:

http://www.goldmandesign.com/clientsite ... ndex2.html

Now, here is my problem, with this method you'll only get a hand cursor when hovering the top half of the PRODUCTS image!!?? And you can only click the top half of the products image??? Does anyone know why this happens and how to fix it? Someone has to have run into this before. Although I couldn't find any older posts that dealt with it.

thanks for any help / suggestions!

- Kevin

Maz · Post by **Maz** » Sun Apr 04, 2004 9:02 pm

Looking at the first link, your problem is what's moving under the links.

Its possible you need to use a hide.js, have another look at the examples to see if there is something to hide the flash or whatever it is so that the submenu stacks on top.

Sorry I'm no expert in this area.

maz

keeva_one · Post by **keeva_one** » Sun Apr 04, 2004 9:17 pm

ypu can ignore the vert and hor offset issue, I know what this is (itr displays correctly on index2.html and not on index.html)

my real question is why does the PRODUCTS image/link only active on the top portion of the image on index2.html?

Maz · Post by **Maz** » Sun Apr 04, 2004 9:38 pm

I know John had talked about fixing that in the forum, some time back.

But what I'm seeing in Safari, is it opens and closes very quickly. The white line above the blue moves up a couple of pixels. I'm quite sure it has something to do with that flash like thing sitting directly underneath. I think there is a js to add to hide it from the js thus placing the menu on top.

Its a bit slow here at the weekends.

maz

keeva_one · Post by **keeva_one** » Sun Apr 04, 2004 11:25 pm

The placement of the menu is not the problem. The problem is that you can not click the word PRODUCTS. Well.., you can click it, but you have click the upper half of the GIF file. I'd like the PRODUCTS gif file to behave like any linked graphic such that the cursor changes to a hand when over anywhere on the graphic and you can click anywhere on the graphic.

Is Milonic aware of this partital linked/hot area on a graphic problem? Any help or knowledge would be greatly appriciated.

- Kevin

Post by **Ruth** » Mon Apr 05, 2004 2:52 am

I am not seeing that issue when I visit the site using ie5.5 netscape 6, 7, firebird .07. I can click anywhere on the PRODUCT top image and get the link and the hand shows over all of it [can't do that on the bottom because the submenu opens over half the image in ie 5.5 you might try changing the -211 to around -220 that seems to fix that in ie] I just checked again, you must be working on it because now there are little lines in the drop menu and the bottom one covers the word products totally so I can't get to that to click a link at all. But, the top still works fine, full link and hand over all the image. I don't know which browser is doing it, but one thing you might check is your css. Perhaps something to do with a. Not sure when you have an image if any global definition of A. would cause that. The other issue would be padding and margins.

Ruth

Post by **John** » Mon Apr 05, 2004 5:42 am

Try http://milonic.com/forum/viewtopic.php?t=3214 for a start, and the links that are contained in it. Not sure why you're having this problem, as I have the menu dropping properly in front of Flash items on one of my sites without the extra code.

BTW, the Search function works nicely on the Forum.

keeva_one · Post by **keeva_one** » Mon Apr 05, 2004 7:39 am

John wrote:Try http://milonic.com/forum/viewtopic.php?t=3214 for a start, and the links that are contained in it. Not sure why you're having this problem, as I have the menu dropping properly in front of Flash items on one of my sites without the extra code.

BTW, the Search function works nicely on the Forum.

JOhn, Thank you, but the problem is not with Flash or the menuing appearing below/on top of Flash.

The problem is that in this link below the *ENTIRE* PRODUCTS image is not/linked. Only the top portion of it will hover a cursos hand and link. I'm viewing this result on WINXP IE6 and Win2k IE6

http://www.goldmandesign.com/clientsite ... ndex2.html

If only this PRODUCTS image would act like a normal linked graphic I would get my $49 worth out of the menu I already purchased and I can move onto the rest of my project. This menu is taking far too much time to implement. Has anyone at Milonic seen this happen before or can offer suggestions?

- Kevin

Post by **Ruth** » Mon Apr 05, 2004 6:14 pm

There was one other topic which also had this issue which I found today in a search. http://milonic.com/forum/viewtopic. ... 7536#17536 Unlike in your case where I do not get the phenomenum since i have ie5.5, I did get it on that page. The solution was to get rid of the line-height specified in the a: attributes in the style sheet. Not being indepth knowledgeable about style sheets I do not know if your specification in body will go over to the a: attribute since you do not specify one in them. However if it does, then your 1.4em is approximately equivalent to 1/2 of the image size of 45 pixels which would equal about 2.8em. I cannot test to see since I do not have ie 6, but you might try removing the line-height and see if that fixes the issue.

Ruth

Maz · Post by **Maz** » Mon Apr 05, 2004 6:16 pm

viewtopic.php?t=3561

Here is the thread that Ruth just reposted, where the css line height needs to be adjusted to select the menu link.

BTW what browser are you using?

maz

Post by **Ruth** » Mon Apr 05, 2004 6:44 pm

Thanks Maz, I must have put the link from the search in instead of the actual forum.

Ruth

keeva_one · Post by **keeva_one** » Mon Apr 05, 2004 6:58 pm

Excellent. It was a line height I had put on the body tag. Thank You. Maz, I am using IE 6 on WINxp and Win2k.