Forum Doku Wiki Blog

Forumsarchiv 2006, April
Berechnung der Mouseposition - Problem Mozilla Div

archivierte Beiträge lesen

  1. (JAVASCRIPT) Berechnung der Mouseposition - Problem Mozilla Div von Caramoon, 03. 04. 2006, 12:06

Berechnung der Mouseposition - Problem Mozilla Div

Der folgende Beitrag wurde am 03. 04. 2006, 12:06 Uhr von Caramoon veröffentlicht.

Problematik:

Derzeit habe ich ein kleines Programm geschrieben,
welches die Position eines Mausklicks auf ein Image auswertet.

Nur kommt es zu einer falschen Auswertung innerhalb des Mozillas,
da sich das Image innerhalb eines scrollbaren div-Tags befindet (fehler tritt nicht im IE auf).

Um das Problem zu lösen, müsste ich die Pixelhöhe des schon gescrollten Bereichs von der Mausposition subtrahieren.

Ich bräuchte also soetwas wie:
var pos = window.pageYOffset; <--- Halt nur für den div Tag.

Habe schon 8 Stunden damit verbracht das Problem zu lösen,
bitte helft mir!!!

Gruß
Caramoon

Berechnung der Mouseposition - Problem Mozilla Div

Der folgende Beitrag wurde am 03. 04. 2006, 12:15 Uhr von wahsaga veröffentlicht.

hi,

> Um das Problem zu lösen, müsste ich die Pixelhöhe des schon gescrollten Bereichs von der Mausposition subtrahieren.

.scrollTop unterstützt m.W. auch die Gecko-Enginge.

gruß,
wahsaga


--
/voodoo.css:
#GeorgeWBush { position:absolute; bottom:-6ft; }

Berechnung der Mouseposition - Problem Mozilla Div

Der folgende Beitrag wurde am 03. 04. 2006, 12:36 Uhr von Caramoon veröffentlicht.

So sieht derzeit die Zeile für die Vertikale Berechnung aus:
posY = Math.round(obj.pageY - document.getElementById("spot").y - (window.innerHeight*0.1) - 1 - posKorrektur);

Der Div-Tag:
<div id="scroll">
   <img id="spot" name="spot" src="http://localhost:8080/prototyp/image.jsp" />
</div>

scrollTop ist NaN:
var posKorrektur = scroll.scrollTop;

Berechnung der Mouseposition - Problem Mozilla Div

Der folgende Beitrag wurde am 03. 04. 2006, 12:41 Uhr von Caramoon veröffentlicht.

So sieht derzeit die Zeile für die vertikale Berechnung aus:
posY = Math.round(obj.pageY - document.getElementById("spot").y - (window.innerHeight*0.1) - 1 - posKorrektur);

Der Div-Tag:
<div id="scroll">
   <img id="spot" name="spot" src="http://localhost:8080/prototyp/image.jpg" />
</div>

scrollTop ist NaN:
var posKorrektur = scroll.scrollTop;

Berechnung der Mouseposition - Problem Mozilla Div

Der folgende Beitrag wurde am 03. 04. 2006, 13:55 Uhr von Caramoon veröffentlicht.

var pos = document.getElementById("id-name").scrollTop

Berechnung der Mouseposition - Problem Mozilla Div

Der folgende Beitrag wurde am 03. 04. 2006, 17:09 Uhr von Joachim veröffentlicht.

Hi,

geht bei mir im IE6 und im FF 1.5:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">
<html>
<head>
</head>
<body>
<DIV STYLE="position:absolute; width:200px; height:100px; overflow:scroll;border: 1px solid red" onclick="alert(this.scrollTop)">
    test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test
</DIV>
</body>
</html>


Gruesse, Joachim
--
Am Ende wird alles gut.

© 1998-2013 SELFHTMLImpressumSoftware: Classic Forum 3.4