The html code for the image map would look something like this:
HTML Code:
<IMG SRC="knoppenbalk.gif" ALT="Knoppenbalk" WIDTH="390" HEIGHT="24" BORDER="0" USEMAP="#knoppenbalk">
<MAP NAME="knoppenbalk">
<AREA SHAPE="rect" COORDS="0,0,77,24" HREF="map1a.html">
<AREA SHAPE="rect" COORDS="78,0,155,24" HREF="map1b.html" ALT="Mogelijkheid 2">
<AREA SHAPE="rect" COORDS="156,0,233,24" HREF="map1c.html" ALT="Mogelijkheid 3">
<AREA SHAPE="rect" COORDS="234,0,311,24" HREF="map1d.html" ALT="Mogelijkheid 4">
<AREA SHAPE="rect" COORDS="312,0,390,24" HREF="map1e.html" ALT="Mogelijkheid 5">
</MAP>
Now, inside AREA tags you add an onclick eventhandler that will open the popup for you:
HTML Code:
<AREA SHAPE="rect" COORDS="0,0,77,24" HREF="map1a.html" onclick="window.open('popup.html', 'popup_window', 'width=300,height=300'); return false">
replace the popup.html with whatever file you want opened.
Last edited by Oneway; 08-13-2006 at 09:38 PM..
Reason: Bad pasting
|