Milonic provide full featured pull down web menus for some of the worlds largest companies
click here to see what it can do for you

Download Milonic DHTML Menu
Buy Milonic DHTML Menu

Back To Start Of Archive
Taken From The Forum: Help & Support for DHTML Menu Version 5+
Forum Topic: Click to view post
Last Updated: Thursday February 8 2018 - 06:02:58

image popup menu

Poster: mmcculli
Dated: Wednesday October 13 2004 - 20:56:47 BST


I am working on an website I plan to purchase milonic menu for but I have one problem to fix first.

I am doing a popup menu from a footer menu. The footer menu is images and I am using "popup" function with a negative offset to create the look of a popup menu, instead of the normal popdown menu.

The problem is that if the footer menu is to close to the bottom of the page in the broswer. Say you are running 800x600 res the offset does not work right.

Here is my test site: You see my bottom menu, if you play with your broswer window size you will see my problem.

I am trying to find a solution. Right now I think the best way is to write JavaScript code that finds the position of the image (x,y), then use "spos" function the change the menu position, then last do a "BDMenu" function to redraw the menu.

Is this the best way or is there an easier way. Also some example code would be nice.

Thanks for you help,

Poster: John
Dated: Wednesday October 13 2004 - 21:18:44 BST

Have you looked at the Menu properties Quick Reference Guide? openstyle= can be used to make the menu open up instead of down.

Poster: mmcculli
Dated: Wednesday October 13 2004 - 21:28:34 BST

I have tried the openstyle=up but it does not work if you are calling the menu from an image.

This is what I have:
data js file:
with(milonic=new menuname("online_forms_menu")){
aI("text=Mattress Registration Form;url=/templates/content.php;status=Register Your Mattress;");
aI("text=Submit your Comments;url=/index.php;status=Send us your comments;");
aI("text=Become a TEMPUR Dealer;url=/index.php;");
aI("text=Submit a Testimonial;url=/index.php;");

<A onmouseover="MM_swapImage('online_forms','','/themes/images/style_2/online_forms_over.jpg',1);popup('online_forms_menu','online_forms',-110,0);"
href="" ><IMG id=online_forms
height=30 src="Tempur Canada_files/online_forms.jpg" width=102
border=0 name=online_forms></A>

I am not using the openstyle=up right?


Poster: Maz
Dated: Wednesday October 13 2004 - 23:54:58 BST

It opens up in Safari, what browser are you using?

Or did you take images?


Poster: mmcculli
Dated: Thursday October 14 2004 - 3:32:18 BST

I am using IE and I have tried Mozilla.

The openstyle="up" works if you are not using images and the popup function. If you just tell the display the parent menu on the screen the have on the sub menus with openstyle=up then it works. But if you have an image with a mouseover event calling popup I had to do a negative offset to get the menu to go up. Other wise it always goes down no matter what the openstyle equals.

If you have it working can you send me your test code for I can try it on my computer and to see if I made a mistake somewhere.

Thanks for your help,

Poster: kevin3442
Dated: Thursday October 14 2004 - 23:40:46 BST

Hi Mark,

I believe Andy recently made some adjustments to the collision detection in popup(). Maybe around v5.47? I see that you're running 5.44. You might try updating to 5.50 and see if that helps. If not, we'll figure something else out.


Poster: mmcculli
Dated: Friday October 15 2004 - 14:28:50 BST

Hi Kevin,

I update my version to 5.50 like suggested but I still have the same problem.


I am doing something wrong with my syntax, I think I set it up like the online manual said.

The idea I had to fix the problem was to have a JavaScript funtion called from the Body onLoad event. This function would find the x y position of the menu images. Use "gpos" to find the height of the menu. Then use "spos" to set the menu above the image. And last do a "BDmenu" to redraw the menu. Is this the best way to fix my problem. The only problem I have is that I do not know how to figure out the x y position of a image on the web page. I can get the width/height, but not position.

Any suggestion?