Imagemap im DIV - für Mozilla ein Loch
Slobodan
- dhtml
Hallo.
Ein DIV-Layer wird als ausklappbares Menü verwendet.
Der Mozilla interpretiert ein Imagemap der wiederum im DIV-Layer liegt zwar richtig ... wenn ich aber über der Imagemap onClick()-Ereignis auslösen will schliesst sich der DIV-Layer wieder - als ob ein "Loch" im DIV-Layer währe.
-- SNIP --
<!-- MENU? ################################################################################################# -->
<div id="menu" STYLE="position: absolute; left: -158px; top: 100px; width:100px; height:100px; z-index: 1; visibility: show;" onMouseOver="javascript:SetMenuPosition(0);" onMouseOut="javascript:SetMenuPosition(-158);">
<table cellspacing="0" cellpadding="0" border="0">
<tr><td><img src="./images/menu_0.gif" width="153" height="21" border="0"></td><td><img src="./images/menu_1.gif" width="21" height="21" border="0"></td></tr>
<tr><td bgcolor="#ffffff"><table cellspacing="0" cellpadding="1" width="153" border="0"><tr><td align="right">
<table cellspacing="0" cellpadding="1" border="0">
<tr><td align="right"><a href="#" onClick="openHelp();return false;">Hilfe</a></td><td> </td><td><img src="images/inakt.gif" border="0" /></td></tr>
</table>
</td></tr></table>
</td><td bgcolor="#73a4d1" valign="center">
<img src="./images/menu_2.gif" width="21" border="0">
</td></tr>
<tr><td>
<img src="./images/menu_3.gif" width="153" height="29" border="0" usemap="#about">
</td><td>
<img src="./images/menu_4.gif" width="21" height="29" border="0">
</td></tr>
</table>
</div>
<script language="javascript1.2" type="text/javascript">
<!--
setInterval("PositionMenu()", 200);
// -->
</script>
<!-- MENU ENDE ########################################################################################### -->
<map name="about">
<area shape="circle" coords="140,16,10" href="#" onClick="javascript:openAbout(); return false;" alt="Info" />
</map>
-- SNIP ---
Dazu wird noch die dhtml.js aus selfhtml verwendet (http://de.selfhtml.org/dhtml/beispiele/dhtml_bibliothek.htm).
Gibt es Ideen ... was falsch an der Sache sein könnte?
Slobodan
hi,
Ein DIV-Layer wird als ausklappbares Menü verwendet.
Der Mozilla interpretiert ein Imagemap der wiederum im DIV-Layer liegt zwar richtig ... wenn ich aber über der Imagemap onClick()-Ereignis auslösen will schliesst sich der DIV-Layer wieder - als ob ein "Loch" im DIV-Layer währe.
ja, weil der mozilla beim überfahren des bildes onmouseout im darum liegenden div auslöst.
überlege dir also eine möglichkeit, wie du die onmouseover aufgerufene funktionalität dazu bringen kannst, dies zu berücksichtigen.
gruß,
wahsaga
überlege dir also eine möglichkeit, wie du die onmouseover aufgerufene funktionalität dazu bringen kannst, dies zu berücksichtigen.
Ja ... das ist die Lösung.
Durch onMouseOver="SetMenuPosition(0);" im Area-Tag, ereiche ich das auch in dem Fall das Menü (DIV) offen bleibt.
gruß,
wahsaga
Thanks & mfg
Slobodan