nicht angemeldet
floatender container über dom objekt
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
-
Hi,
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.
rede bitte von "Floating" genau dann, wenn Du die float-Eigenschaft verwendest. Alles andere führt nur zu Missverständnissen. Auch wenn das, was Du entwickelt hast, den Effekt eines Schwebens besitzt, handelt es sich *nicht* um Floating. Dieser Begriff ist mit einer festen Bedeutung belegt.
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).
Der Mauszeiger verlässt das Bild ja auch, nämlich in dem Moment, wo er über Dein schwebendes Element gerät.
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ß?
Es bietet sich an, einen kleinen Abstand einzuhalten.
Cheatah
--
X-Self-Code: sh:( fo:} ch:~ rl:° br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
X-Will-Answer-Email: No
X-Please-Search-Archive-First: Absolutely Yes-
...
Es bietet sich an, einen kleinen Abstand einzuhalten.
Cheatah
»»
danke, du hast recht, mit abstand funktioniert es. hätte ich eigentlich selber drauf kommen können. manchmal ist halt nach stunden arbeiten der geist nicht mehr so frisch.
so sieht es wahrscheinlich auch mit der deutschensprache nach einem englischsprachigen arbeitstag aus ;)
danke und tschüß
Mopox
-