Seitenelemente verschieben

Dieses JavaScript erlaubt es, Webseiten-Elemente beliebig auf der Seite zu verschieben, indem man sie mit der Maus anklickt und an eine andere Stelle zieht.

zugehöriger Thread auf dem BlackBoard

Zuerst muss die JavaScript-Datei auf der Seite eingebunden werden, auf der es benutzt werden soll. Dazu kann folgender HTML-Schnipsel verwendet werden:
<script src="drag_element.js" type="text/javascript"></script>

Dann muss ein onmousedown-EventHandler mit dem Element verknüpft werden, welches den Bewegungsprozess starten soll. Hier kann ein Objekt direkt als Parameter übergeben werden.
<div onmousedown="return lers_startMove(this)">
...
</div>

Alternativ kann auch eine Element-ID übergeben werden, wenn ein anderes Element verschoben werden soll als das, auf welches man soeben geklickt hat.
<h1 onmousedown="return lers_startMove('menu')">
...
</h1>

Eine Demo kann auf LXHome.de betrachtet werden. Dort gibt es das ganze auch als Download.

Autor: Alexander Schulze
Version: 1.1
Größe: 5,19 kb
Sprache: JavaScript
Lizenz: GPL v2 oder kompatibel
Link: http://www.lxhome.de