div-box "verschieben"
Anthony DiNozzo
- javascript
0 Jeremy
Moin liebe SelfHTML-Community,
versuche gerade durch einen Link einen Bereich (position:fixed;
) an eine andere Stelle zu verschieben.
Klappt allerdings nicht! Kann mir jemand helfen? Mich auf die richtige Lösung bringen?
Hier mein Versuch:
#d-button {
background:url(images/buttons/d-button.jpg);
background-repeat:no-repeat;
position:fixed;
width:480px;
height:32px;
top:50px;
left:242px;
z-index:10;
}
function Position () {
document.getElementById("d-button").style.moveBy(500,500);
}
<div id="d-button"></div>
<a href="javascript: Position();">Verschieben</a>
abgeleitet hab ich meinen Versuch von "<http://de.selfhtml.org/javascript/objekte/anzeige/window_move_by.htm@title=MoveBy - Fenster bewegen>"
Bin für jede Hilfe dankbar
Gruß Thony
Hallo!
document.getElementById("d-button").style.moveBy(500,500);
[...]
abgeleitet hab ich meinen Versuch von "<http://de.selfhtml.org/javascript/objekte/anzeige/window_move_by.htm@title=MoveBy - Fenster bewegen>"
http://de.selfhtml.org/javascript/objekte/window.htm#move_by
moveBy() ist nur für 'windows' möglich.
Mit CSS hat das rein gar nichts zu tun (worauf dein 'style' schließen ließe).
Liebe Grüße aus Norddeutschland.
Moin nochmal
moveBy() ist nur für 'windows' möglich.
Mit CSS hat das rein gar nichts zu tun (worauf dein 'style' schließen ließe).
ja danke habe grade auch ne Lösung durch Zufall gefunden:
Position = 0;
function Bewegen() {
if (Position < 1) {
Position = Position - 10000000; //Pixel pro Aufruf
document.getElementById("d-button").style.left = Position + "px";
}
}
Bewegen();
wird zwar immer weitergeschoben ist bei der Menge an Pixeln aber egal ;-)
trotzdem danke
Grüße,
wird zwar immer weitergeschoben ist bei der Menge an Pixeln aber egal ;-)
du bewegst den aus dem viewport raus, wilslt du ihn vielleicht einfach nur verstecken? display oder visibility wäre da geringfügig weniger irre lösung.
MFG
bleicher