bild per css und js dynamisch unten rechts positionieren

[apaotsdeveloper]

hallo

auf der seite http://www.ots.at/rss.php versuche ich einen pfeil unten rechts zu positionieren.

ich verwende dazu folgendes script:

<div class="mypfeil" name='pfeil_div' id='pfeil_div'><img src='/img/stuff/pfeil_blinke.gif' onmouseover='javascript:setPfeil();' id='pfeil' name='pfeil'></div>

<script language="JavaScript">
<!--

function setPfeil()
{
document.getElementById("pfeil_div").style.top=window.innerHeight-(200); document.getElementById("pfeil_div").style.left=window.innerWidth-(230);
window.setTimeout("setPfeil();", 200);

}
setPfeil();
//-->
</script>

also als erstes einen bild in ein <div> element reinlegen, diese dann ständig neu positionieren. dies funktioniert ganz gut, wenn ich das fenster resize. aber nicht wenn ich scrolle. das ist schlecht, weil auf der seite ziemlich sicher gescrollt wird.

wie erhalte ich in jeden fall die koordinaten für rechts unten?
gibt es andere möglichkeiten dies zu lösen.

denke eigentlich, das dies nicht so schwer sein kann. nur hab ich noch keinen weg gefunden. bin aber auch kein css profi. und im archiv steht zwar einiges. aber nichts genaues.

danke für eure tips, links, hilfen, usw.

mfg
apaotsdeveloper

[Jörg Peschke]

Tach,
Vielleicht helfen Dir diese Funktionen weiter:

Internet Explorer:
document.body.scrollLeft: Liefert scrollposition von links
document.body.scrollTop: Liefert scrollposition von oben
document.body.clientHeight: Liefert Fensterhöhe
document.body.clientWidth: Liefert Fensterbreite

Netscape:
window.pageXOffset: Liefert scrollpos von links
window.pageyOffset: Liefert scrollpos von oben
window.innerHeight: Liefert Fensterhöhe
window.innerWidth: Liefert Fensterhöhe

Die Position ganz rechts ist also:
document.body.scrollLeft + window.pageXOffset bzw.
window.pageXOffset + window.innerWidth

die Höhenberechnung analog dazu.

Und Du solltest beim Script-Tag noch das "type="text/javascript"-Attribut verwenden, wenn Du's ganz sauber haben willst.

Viele Grüße,

Jörg

[apaotsdeveloper]

danke

funkt im firefox perfekt, und in anderen browsern wirds das script eh nicht verwendet weshalb ich jetzt nix browserübergreifendes einbaun muss.

mfg
apaotsdeveloper

[MudGuard]

Hi,

auf der seite http://www.ots.at/rss.php versuche ich einen pfeil unten rechts zu positionieren.

<img src="pfeil.png" alt="Pfeil" style="position:fixed; right:0; bottom:0;">

ganz ohne Javascript, ganz ohne überflüssiges div.

cu,
Andreas