AnyLink Drop Down Menu

[nate51]

AnyLink Drop Down Menu

http://www.dynamicdrive.com/dynamici...pmenuindex.htm

I was wondering if anyone knows how to reverse the menu direction?

I have it working great as a drop down but the second page I have it on the nav bar near the bottom and I need it to go up not down, and the page isnt small enough to force the menu up.

Any help with this would be great.

-- Nate

[ddadmin]

The script should dynamically do this already if there isn't enough room below the anchor link to drop down fully. I reckon you wish to add the option of manually forcing the menu to drop up. If so, find the line:

function dropdownmenu(obj, e, menucontents, menuwidth){

and change that to:

function dropdownmenu(obj, e, menucontents, menuwidth, dropupBool){

Then find the line:

dropmenuobj.style.top=dropmenuobj.y-clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+"px"

and change that to:

if (dropupBool==true)
dropmenuobj.style.top=dropmenuobj.y-dropmenuobj.offsetHeight+"px"
else
dropmenuobj.style.top=dropmenuobj.y-clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+"px"

Then, in your HTML, to force a menu to drop down, just populate the optional 5th parameter with "true":

<a href="default.htm" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu1, '150px', true)" onMouseout="delayhidemenu()">Web Design</a>

[nate51]

That worked perfect, thanks so much for the help.

-- Nate

[nate51]

*New issue with the drop ups*

ddadmins help did work, but I now noticed in Firefox the menus that roll up (the help I got) the menus cut halfway in the button they come from.

Any help with this would be great. I can provide a link if that helps.

-- Nathan

[ddadmin]

Sounds like a z-index issue, but yes, please post a link to the problem page.

[nate51]

Here is a link to the issue, I had to strip the page for privacy issues. As you can see in Internet Explorer it works fine but in FireFox it doesnt.

http://ne-media.com/example/

Thank you for your help.

-- Nate

[nate51]

I tried looking through the code and I am not sure what a "z-index" is.

[nate51]

*bump
If anyone has any insight or advice I could use it. I have a deadline for this and am in need of help with this.

[ddadmin]

Ok, based on the link you provided, this isn't an issue with z-Index. It seems your layout for some reason is throwing off Firefox's calculation of where those image buttons on your page are located y coordinates wise from the upper left edge of the page. The easiest way right now to fix this seems to just be to detect for Firefox, and compensate manually for this discrepancy. Find the lines:

if (dropupBool==true)
dropmenuobj.style.top=dropmenuobj.y-dropmenuobj.offsetHeight+"px"

and change that to:

if (dropupBool==true)
dropmenuobj.style.top=dropmenuobj.y-dropmenuobj.offsetHeight+(/firefox/i.test(navigator.userAgent)? -obj.offsetHeight : 0)+"px"

The part in red is new.

[nate51]

ddadmin,

That worked great, thank you so much for the help. I hope I can repay you one day.
Hopefully someone else can benefit from this post also.

-- Nate