nicht angemeldet
Berechnung der Mouseposition - Problem Mozilla Div
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
-
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; }-
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; -
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;
-
-
var pos = document.getElementById("id-name").scrollTop
-
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.
-