sample 4 image map

[Maz]

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:

Code: Select all

<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
maz

[Maz]

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
maz

[Hergio]

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.

[Maz]

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

Thank you,
maz

[Hergio]

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.