nicht angemeldet
hallo community,
ich habe unter firefox ein verwunderliches verhalten festgestellt. dabei geht es um die möglichkeit einen floatenden container der an der maus haftet über einem dom-objekt zu bewegen.
mein code funktioniert unter opera9 ,ie6 und konquerer einwandfrei, jedoch nicht zufriedenstellend unter firefox (1.5.0.7 & 2.0.0.1).
--------------------------------------------------
code:
--------------------------------------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html dir="ltr" lang="de">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<title>test</title>
</head>
<body>
<img src="http://www.google.de/intl/de_de/images/logo.gif" alt="Bild"
onmouseout="document.getElementById('descr').style.display='none'"
onmousemove="elem = document.getElementById('descr'); elem.style.display = 'block';elem.style.left = event.clientX+'px';elem.style.top = event.clientY+'px'" />
<div style="position: absolute; display: none; width: 250px; background: #fffacd; border: 1px solid #000; padding: 2px" id="descr">
Lorem ipsum dolor sit amet,...
</div>
</body>
--------------------------------------------------
beispiel: http://xattack.de/img.html
--------------------------------------------------
wenn man mit dem mauszeiger über das bild fährt, floatet ein textcontainer am mauszeiger und verschwindet wieder sobald man das bild verlässt.
im firefox floatet der container zwar auf aber sobald man die maus über dem bild stehen lässt wird er wieder unsichtbar was eigentlich erst passieren dürfte wenn der Zeiger das bild verlässt (mouseout).
kann mir jemand einen tip geben wie ich diese funktion auch unter firefox vernünftig realisieren kann und was ich an meinem code ändern muß?
danke
mopox