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:37
Using the DHTML Menu with my own integrated image menu
Poster: tblaster
Dated: Saturday April 7 2007 - 9:48:14 BST
Hi
I've created a design with an integrated menu using images, below you will find my code for that menu. How do I now integrade the DHTML Menu into my menu? I had a look at Milonics menu sample17 but from what I can see I need to put my menu into the javascript to get the menu to work but this will not do with my design, so how do I use the DHTML menu with my start menu?
Thanks in advance!
Code:
<tr>
<td width=900 height=43></td>
<td><img src="images/b1.gif" alt="" width=135 height=43 border="0" usemap="#Map"></td>
<td><img src="images/b2.gif" alt="" width=119 height=43 border="0" usemap="#Map2"></td>
<td colspan=2><img src="images/b3.gif" alt="" width=129 height=43 border="0" usemap="#Map3"></td>
<td><img src="images/b4.gif" alt="" width=117 height=43 border="0" usemap="#Map4"></td>
<td><img src="images/b5.gif" alt="" width=123 height=43 border="0" usemap="#Map5"></td>
<td colspan=2><img src="images/b6.gif" alt="" width=147 height=43 border="0" usemap="#Map6"></td>
<td width=64 height=43></td>
</tr>
<map name="Map">
<area shape="rect" coords="29,7,117,35" href="#">
</map>
<map name="Map2">
<area shape="rect" coords="20,9,104,32" href="#">
</map>
<map name="Map3">
<area shape="rect" coords="12,9,115,33" href="#">
</map>
<map name="Map4">
<area shape="rect" coords="21,8,97,33" href="#">
</map>
<map name="Map5">
<area shape="rect" coords="10,10,99,31" href="#">
</map>
<map name="Map6">
<area shape="rect" coords="28,9,96,32" href="#">
</map>
<td width=900 height=43></td>
<td><img src="images/b1.gif" alt="" width=135 height=43 border="0" usemap="#Map"></td>
<td><img src="images/b2.gif" alt="" width=119 height=43 border="0" usemap="#Map2"></td>
<td colspan=2><img src="images/b3.gif" alt="" width=129 height=43 border="0" usemap="#Map3"></td>
<td><img src="images/b4.gif" alt="" width=117 height=43 border="0" usemap="#Map4"></td>
<td><img src="images/b5.gif" alt="" width=123 height=43 border="0" usemap="#Map5"></td>
<td colspan=2><img src="images/b6.gif" alt="" width=147 height=43 border="0" usemap="#Map6"></td>
<td width=64 height=43></td>
</tr>
<map name="Map">
<area shape="rect" coords="29,7,117,35" href="#">
</map>
<map name="Map2">
<area shape="rect" coords="20,9,104,32" href="#">
</map>
<map name="Map3">
<area shape="rect" coords="12,9,115,33" href="#">
</map>
<map name="Map4">
<area shape="rect" coords="21,8,97,33" href="#">
</map>
<map name="Map5">
<area shape="rect" coords="10,10,99,31" href="#">
</map>
<map name="Map6">
<area shape="rect" coords="28,9,96,32" href="#">
</map>
Poster: Ruth
Dated: Sunday April 8 2007 - 5:24:18 BST
Hi,
There are image map samples of the Milonic menu, you could just switch them to use your images instead. There is also a set up for using pop menus positioned by images. You could then not use an image map, since you have the images in a table, and instead use a pop menu.
Image map samples
http://www.milonic.com/menusample92.php
http://www.milonic.com/menusample91.php
Pop up menu sample
http://www.milonic.com/menusample24.php
If you need more help with setting either of these up, we will need to see your page to help.
Ruth