Javascript  »  DHTML  »  Drag & Drop vert.

zur Übersicht

Kategorie	DHTML
Bezeichnung	Drag & Drop vert.
ScriptDemo	Neues Fenster für Demo öffnen
Statistik	16347 Aufrufe davon 1x gestern
Dieses Script funktioniert mit allen grossen Browsern (NN4, NN6, IE4+, Opera5+)
Javascript-Quellcode  (einfach markieren, kopieren und lokal abspeichern) <STYLE> #aDiv { position: absolute; left: 200px; top: 300px; width: 20px; height: 100px; background-color: #9DC0D4; layer-background-color: #9DC0D4; } </STYLE> <SCRIPT> var dragElement; var elY; var mouseDownY; function getPageY (element) { var y = 0; do y += element.offsetTop; while ((element = element.offsetParent)); return y; } function startDrag (element, evt) { dragElement = element; if (document.layers) { elY = dragElement.top; mouseDownY = evt.pageY; document.captureEvents(Event.MOUSEMOVE); } else if (document.all || document.getElementById) { elY = getPageY (dragElement); mouseDownY = evt.clientY; } document.onmousemove = drag; } function drag (evt) { if (document.layers) dragElement.top = elY + evt.pageY - mouseDownY; else if (document.all) dragElement.style.pixelTop = elY + event.clientY - mouseDownY; else if (document.getElementById) dragElement.style.top = (elY + evt.clientY - mouseDownY) + 'px'; } function stopDrag () { document.onmousemove = null; dragElement = null; if (document.layers) document.releaseEvents(Event.MOUSEMOVE); } </SCRIPT> <DIV ID="aDiv" ONMOUSEDOWN="startDrag(this, event);" ONMOUSEUP="stopDrag();" ></DIV> <SCRIPT> if (document.layers) { document.aDiv.clip.width = 20; document.aDiv.clip.height = 100; document.aDiv.captureEvents(Event.MOUSEDOWN | Event.MOUSEUP); document.aDiv.onmousedown = function (evt) { startDrag(this, evt); }; document.aDiv.onmouseup = function (evt) { stopDrag(); }; } </SCRIPT>

Kommentare zu Drag & Drop vert.

0 Kommentar(e) vorhanden / Anzeige der neuesten 5

Noch keine Kommentare zu diesem Javascript vorhanden.


Alle Kommentare anzeigen   -   Kommentar hinzufügen