Image Map Drop Down Menu Problems

[werepea]

I'm looking for some more help

 

www.thinkmakeprint.com/FINAL/test.html

 

I am using a javascript that enables a drop down menu with image maps, but I am running into a minor problem. If you scroll over the link "catalog" on the top of the design, you can see that the actual script and coding work, but the position of the drop down is not necessarily where I want it.

 

I need help positioning the dropdown menu of "catalog" so it appears right under the title "catalog."

 

Any advice?

Edited September 4, 2005 by werepea

[TCH-Rob]

Well,

 

I looked at the way the code shows on your page and what it shows on the site you got the nav code from. I see you have coords="407,8,446,20". I am guessing that is where the problem might be. You might need to adjust those.

 

I have been wrong in the past so I would hang tight until someone comes along with a bit more experience in this though just to be safe.

[werepea]

Well,

 

I looked at the way the code shows on your page and what it shows on the site you got the nav code from.  I see you have coords="407,8,446,20".  I am guessing that is where the problem might be.  You might need to adjust those.

 

I have been wrong in the past so I would hang tight until someone comes along with a bit more experience in this though just to be safe.

<{POST_SNAPBACK}>

 

 

 

naah that shouldn't be the problem. those coordinates are referring to the imagemap . those specific numbers are what specify the "catalog" part of the image

[TCH-Rob]

Got it, I wans't entirely sure. Hang tight and someone should be along with a valid answer.

[TweezerMan]

I am using a javascript that enables a drop down menu with image maps,...

<{POST_SNAPBACK}>

This assertion is not correct:

This is an extremely versatile drop down menu script for ordinary links on your page, including image links.

Image links aren't the same thing as image maps. The script does not position the menu in the proper position because the method the script uses to figure out where the menu should go does not work with image maps.

 

The script adds together the left and top offsets from each successive outer containing element to figure out where the menu needs to go. Neither Internet Explorer nor Firefox correctly trace the successive level of containing tags surrounding a <map> and <area> element, so neither of them can correctly calculate a particular <area> element's position to put the menu in the correct place.

 

You'll need to 1) find a different script, 2) remove the image map and use ordinary text links, or 3) write your own javascript code to correctly calculate an <area> element's left and top offsets from the upper left corner of the web page.

 

I'd probably recommend option 2. I tried doing #3 (writing my own code) and gave myself a headache trying to come with something that works in both IE and Firefox.

[werepea]

This assertion is not correct:

 

Image links aren't the same thing as image maps.  The script does not position the menu in the proper position because the method the script uses to figure out where the menu should go does not work with image maps.

 

The script adds together the left and top offsets from each successive outer containing element to figure out where the menu needs to go.  Neither Internet Explorer nor Firefox correctly trace the successive level of containing tags surrounding a <map> and <area> element, so neither of them can correctly calculate a particular <area> element's position to put the menu in the correct place.

 

You'll need to 1) find a different script, 2) remove the image map and use ordinary text links, or 3) write your own javascript code to correctly calculate an <area> element's left and top offsets from the upper left corner of the web page.

 

I'd probably recommend option 2.  I tried doing #3 (writing my own code) and gave myself a headache trying to come with something that works in both IE and Firefox.

<{POST_SNAPBACK}>

 

 

 

 

 

 

 

 

 

yap . i just decided to use ordinary text links.. but now i ran into ANOTHER problem, which should be simple. i used my own links to keep the javascript. but with the design of the site, i wanted to implement PHP include command so i could just have 1 page to edit if i ever wanted to change the look of the site. my problem comes here, can i implement php coding into javascript?

 

for example:

 

my current link im working with is

http://thinkmakeprint.com/FINAL/php/main.php

 

scroll over the catalog link and click on the first drop down menu link (which should be "online catalog") and the link does 2 things incorrect:

 

1. it doesn't load the correct page

2. it doesn't load in the specified php include area

 

im pretty sure this is a result to putting php into a javascript, is there anyway i can pull that off?