Drag and Drop?

[chinko]

Ich bin noch relativ neu in HTML5, JS, CSS (und Jquery) und hänge momentan an folgendem Problem:
Ich möchte ein Widget per Klick auf ein Button aufrufen (funktioniert) und dieses dann
per Drag & Drop verschieben können. Ich habe alles mögliche probiert aber es will nicht funktionieren. :/
Vielleicht könnt ihr mir ja ein paar Ratschläge geben, wie ich an die Sache rangehen sollte.

HTML:
[HTML 5] html - Pastebin.com

JavaScript:
[JavaScript] js - Pastebin.com

CSS:
[CSS] css - Pastebin.com

Danke!

 

[threadi]

Kann man das auch irgendwo online sehen? Nicht nur den Quellcode.

 

[FoXMorayn]

diese aufgabe erledigt das jquery-UI für dich, dort ist drag and drop sehr einfach integriert.
dieses ganze gedöns kann man damit einfach streichen:
$(header).mousedown(dragged);$(header).mouseup(dropped);

$(header).mousemove(moving);
.....

 

[Tronjer]

Mir sind zumindest drei Möglichkeiten bekannt, drag & drop zu realisieren:

- mit vanilla JS, dazu existieren Skripte im Netz.
- mit HTML5 lässt sich ein Element zwar in einen Container ziehen, aber eine ""freie Platzierung ist nur auf Umwegen über CSS zu erreichen.
- jQuery UI ist die komfortabelste Lösung, benötigt allerdings die Einbindung einer Bibliothek.