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: Saturday July 14 2012 - 06:07:14

sample 4 image map

Poster: Maz
Dated: Wednesday September 3 2003 - 16:23:29 BST

Good morning, now I'm on east coast time thanks to the thunderstorm, I'm experimenting with image map, I don't see any threads on it yet.

In htm page I have the following line as an example:

<area href="#" onmouseover="popup('oslo',1)"       onmouseout="popdown()" shape="rect" coords="367, 65, 407, 81">

I want an always visible image placed ontop of the image map, then showmenu item.

How do I attach the menu image and lose the onmouseover?

Thank you

Poster: Maz
Dated: Friday September 5 2003 - 21:56:12 BST

This is a reminder because I haven't solved this image map question.

I want the first menu item image to appear on the map in the coordinates. Not on click.

So far no luck. Does it have to be onclick?

Thank you

Poster: Hergio
Dated: Saturday September 6 2003 - 13:50:27 BST

I guess I am not totally understanding your question, let me try and get this. You have an image that has an image map placed over top of it which sounds normal enough to me. You have areas located on this map which obviously are clickable just like an image map is supposed to do. What you want is an image placed over this image map inside of one of the areas and to give that image an onmouseover ability to open up a submenu at that spot? Am I getting this right?

Well first, I do not think you can place images in areas, they dont support it. The whole design of imagemaps was to have the images inside the actual image BEHIND the areas, and the areas were just for clicking. If you want, add your image to the main image and then just place the area overtop the image.

Also, you can just create a menu and set its coordinates to display over the image.

Or you could use a div tag. Immediately after the <img> tag for your main image, declare a div tag. Set its style attribute called position to relative and then set its top and left coordinates. ( I say relative because if you have tables that move on the page, it might screw up with absolute, relative will be rendered with 0,0 being immediately after the image on the page. Inside this div tag you could add images with mouseover and what not.

I guess I am unsure as to what you are asking, so I threw alot at you. If i am missing the boat, decribe what it is you'd like to do in steps or layers, if you will. Like, I have an imagemap, and on that I have an area tag, and to that I would like add this...yaddda...know what I mean? Not just what you want to do, but what you have right now and what you want to add to it.

Poster: Maz
Dated: Saturday September 6 2003 - 22:21:30 BST

I thought it was a good idea, now I'll have to come up with a better one.

This is my Xmas tree, starts with a tree image, every time someone adds a decoration or parcel, an image is placed on the tree map, and a gift tag opens from the menu.

I wanted the main menu to place the image on coordinates, with submenus for gift tags.

Maybe Andy's next project :P

Thank you,

Poster: Hergio
Dated: Sunday September 7 2003 - 4:53:51 BST

Then definetly use DIV tags, or I think they are called layers in netscape. You can set DIV tags to position themselves absolutely or relatively and give them top and left coordinates. I dont know if you knew this, but thats EXACTLY how the milonic menu is rendered, using all these crazy layers and DIVs and stuff. So add them as divs and give them coordinates to go over the image and inside the div tags you can put anything you want, namely <img> tags that can have onmouseovers that can call menus. It can be done.