bewegbare Ebenen erstellen möglich

E

Earl-Grey

Erfahrenes Mitglied
ist es irgendwie möglich, dass ebenen von dem anwender der Seite selbst per drag and drop verschoben werden können

http://www.freehandsource.com/

auf dieser seite ist das problem (werkzeugpalette- linke Seite) mit flash gelöst, jedoch wollte ich eine non-flash seite bauen!

Kennt ihr da irgendwelche tutorials oder gehts das gar nicht!
 
Hi,

mit nur einem DIV geht es z.B: so:
PHP: 
<script language="JavaScript" type="text/JavaScript">
var dragging=false;
var offX=0;
var offY=0;

function startDrag() {
    var obj=document.getElementById("myDIV");
    offX=window.event.clientX-parseInt(obj.style.left);
    offY=window.event.clientY-parseInt(obj.style.top);
    dragging=true;
}

function doDrag() {
    if (dragging==true) {
        var obj=document.getElementById("myDIV");
        try {
            obj.style.left = window.event.clientX-offX;
            obj.style.top = window.event.clientY-offY;
        } catch (e) {
        }
    }
}

function stopDrag() {
    dragging=false;
}
</script>
</head>
<body onMouseMove="doDrag()">
<div id="myDIV" style="position:absolute; left: 50px; top: 50px; width:200px; height:115px; z-index:1; background-color: #990000; layer-background-color: #990000; border: 1px none #000000;" onMouseDown="startDrag()" onMouseUp="stopDrag()"></div>
</body>
das ist nun eine nicht besonders kompatible Lösung (Netscape kennt z.B: window.event nicht), aber es gibt etliche Erweiterungen für Editoren wie Dreamweaver - außerdem findet man eine kompatible Möglichkeit bei selfthml (bin leider im Moment zu faul, danach zu suchen)

Gruß
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück