Hey, I've been working on a site, and they want me to have an image header with a drop down menu mapped together with the menu directly under the bar.<br />
<br />
I'm having trouble with this, most Image Map tutorials only give you onMouseover(); javascript options, and what I really need to do with the map is have the hotspot become the menu that is defined in the .js files<br />
<br />
What I mean is, is that I need to add the menu, which is normally called like this: <br />
<br />
<script type='text/javascript' src='http://www.htmlforums.com/archive/index.php/var.js'></script><br />
<script type='text/javascript' src='http://www.htmlforums.com/archive/index.php/menu.js'></script><br />
<br />
or I could do something like this: <br />
<div id='MenuPos' style='position:relative; width:100; height:100;'></div><br />
<br />
but how would I put this into an image map??<br />
Anyone have any ideas?<!--content-->first, make your imagemap on the page. Put in the code for onMouseOver=""<br />
<br />
then put in the code for your javascript menu. I'm assuming you want a DHTML menu to popup when the user mouses over a hotspot of the imagemap. So, build a sample menu somewhere on the page. In the DHTML menu, you should also see onMouseOver code. Simply take the same command thats inside the DHTML menu onMouseOver, and put it in the imagemap.<br />
<br />
now, obviously, you'll need to set up the positioning and so on, but thats basically how to do it. If you'd like more help, put the imagemap, and the dhtml menu on a page, and give us the links. Then we can advise/ help you better.<!--content-->
<br />
I'm having trouble with this, most Image Map tutorials only give you onMouseover(); javascript options, and what I really need to do with the map is have the hotspot become the menu that is defined in the .js files<br />
<br />
What I mean is, is that I need to add the menu, which is normally called like this: <br />
<br />
<script type='text/javascript' src='http://www.htmlforums.com/archive/index.php/var.js'></script><br />
<script type='text/javascript' src='http://www.htmlforums.com/archive/index.php/menu.js'></script><br />
<br />
or I could do something like this: <br />
<div id='MenuPos' style='position:relative; width:100; height:100;'></div><br />
<br />
but how would I put this into an image map??<br />
Anyone have any ideas?<!--content-->first, make your imagemap on the page. Put in the code for onMouseOver=""<br />
<br />
then put in the code for your javascript menu. I'm assuming you want a DHTML menu to popup when the user mouses over a hotspot of the imagemap. So, build a sample menu somewhere on the page. In the DHTML menu, you should also see onMouseOver code. Simply take the same command thats inside the DHTML menu onMouseOver, and put it in the imagemap.<br />
<br />
now, obviously, you'll need to set up the positioning and so on, but thats basically how to do it. If you'd like more help, put the imagemap, and the dhtml menu on a page, and give us the links. Then we can advise/ help you better.<!--content-->