Felix Riesterer: Move-funktion

Beitrag lesen

SELF-Forum

Move-funktion

Felix Riesterer Homepage des Autors
– Informationen zu den Bewertungsregeln

Lieber peter,

Meine Frage ist, wie das Script Richtig aussehen sollte. Also, ich will einfach ein Element inerhalb des Bodys Verschieben.

Danke für KONSTRUKTIVE Antworten.

konstruktiv? Dann sei das nächste Mal so sorgfältig und gestalte Deine Frage/Deinen Post so, dass andere den Eindruck bekommen, dass Dir konstruktive Antworten auch am Herzen liegen! So "hingerotzt" Dein Post auch auf mich wirkt, so sehr reizt er, ebenso eine hingerotzte Antwort zu verfassen.

Also jetzt eine "Konstruktive Antwort":

<html>  
    <head>  
        <title>Dynamic Layer</title>  
        <script type="text/javascript">

DynLayer = new Object();  
  
DynLayer.init = function () {  
    DynLayer.ebene = document.getElementById("Ebene");  
    DynLayer.ebene.style.position = "relative";  
    DynLayer.ebene.style.width = "560px";  
    DynLayer.ebene.style.height = "800px";  
}  
  
DynLayer.show = function () {  
    DynLayer.ebene.style.display = "block";  
}  
  
DynLayer.hide = function () {  
    DynLayer.ebene.style.display = "none";  
}  
  
DynLayer.move = function (dx, dy) {  
    DynLayer.ebene.style.top = dy + "px";  
    DynLayer.ebene.style.left = dx + "px";  
}  
  
DynLayer.oldWinOnLoad = window.onload;  
window.onload = function () {  
    if (typeof(DynLayer.oldWinOnLoad) == "function")  
        DynLayer.oldWinOnLoad();  
    DynLayer.init();  
}

        </script>  
    </head>  
    <body>  
        <h1>Dynamic Layer Test</h1>  
        <ul>  
            <li><input type="button" value="show" onclick="DynLayer.show()" /></li>  
            <li><input type="button" value="show" onclick="DynLayer.hide()" /></li>  
            <li><input type="button" value="show" onclick="DynLayer.move(50, 80)" /></li>  
        </ul>  
        <div id="Ebene">Test-Ebene</div>  
    </body>  
</html>

Hoffe, dass das so passt.

Liebe Grüße aus Ellwangen,

Felix Riesterer.

--
ie:% br:> fl:| va:) ls:[ fo:) rl:° n4:? de:> ss:| ch:? js:) mo:} zu:)
Beitrag melden
–
Informationen zu den Bewertungsregeln