Industrial Strength JavaScript and DHTML Menus
About Us
Testimonials
Contact Us
Our Distinguished Clients
Investing in Non-Profits
Where Are We
Privacy Policy
Software Licensing Agreement
DHTML JavaScript Menu
Product Information
Page Integration
Quick Reference Guides
Embedding Into a Table or DIV
Purchase
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:48
images maps in menu
Poster: pappy
Dated: Thursday April 7 2005 - 18:38:06 BST
Is it possible to put an image inside the menu and use with an image map?
Poster: Ruth
Dated: Thursday April 7 2005 - 23:12:29 BST
Hi,
There are 3 samples using image maps, World Map, US Map, and Image Map. They use different ways to do the maps I think. These are not menus with which I'm familiar. Or are you asking if there's a way to put an image in the menu and make that image an image map?
Ruth
image in menu
Poster: pappy
Dated: Friday April 8 2005 - 11:23:19 BST
I am wanting to put an image in the menu. Then use it for an image map.
Is this possible?
Poster: Ruth
Dated: Saturday April 9 2005 - 16:03:49 BST
This topic has been moved to the help and support for version 5 forum
I played around with this and yes you can do an image map inside the menu. However, to do this I made all the images the same size. I do not know if you can do such things as making them different sizes and then using valign=top and align=right inside the table coding in the menu, i.e.
Code:
<td align=top><a href='page1.htm' target='new'><img src='image1.jpg' width='165' height='165' border='0' align=right></a></td>
If all the images are the same size there is no problem. You'll have to test to see if it can be done and look OK if they are different sizes. This is the code for the aI string I created in which there is a two row, two column table each cell with it's own image and link from that image
Code:
aI("text=<table cellpadding=0 cellspacing=0 border=0><tr><td><a href='page1.htm' target='new'><img src='image1.jpg' width='165' height='165' border='0'></a></td><td><a href='page2.htm' target='new'><img src='image2.jpg' width='165' height='165' border='0'></a></td></tr><tr><td><a href='page3.htm' target='new'><img src='image3.jpg' width='165' height='165' border='0'></a></td><td><a href='page4.htm' target='new'><img src='image4.jpg' width='165' height='165' border='0'></a></td></tr></table>;title=this is an image map in a Milonic DHTML Menu;type=html;");
Note that the type=html must be in the aI string, this is to make sure the usual html links function. You do not need the title= section if you don't want it. I coded the links to open in a new window. If the page you are opening also has the menu, you could leave that out, if it doesn't you probably want the target='new' so the menu is still available.
This was tested in IE5.5, Opera 7.54, Netscape 4.79, Netscape 7, Firefox 1.0.2 and worked in all of them. I cannot test on a Mac.
I hope this helps.
Ruth