Drag'n Drop mit beliebigen HTML-Elementen
Im folgenden wird demonstriert, wie man per "Drag and Drop" Elemente der Seite verschieben kann. Dieses Beispiel könnte genutzt werden, um Adresseinträge in einem Organizer in vorbereitete Felder für eine Routenplanung (Start, Via, Ziel) zu ziehen. Einträge können überschrieben werden, ein Klick auf den Reset Button löscht alle Einträge.
Das Ziehen mit der Maus erfolt nur über den Anfasser in der linken oberen Ecke. Die erste Version dieses Prototyps arbeitete ohne Anfasser, man konnte irgendwo in einem Eintrag klicken und diesen durch die Gegend ziehen. Das hat zwei Nachteile: Zum einen kommt da kein Mensch im Web drauf und zum anderen gibt es technische Probleme (z.B. Problem der mehrfachen Überdeckung).
Beispiel
Herr Meier
DEU -
36251
Ludwigsau,
Bergstr. 15
Fritz Müller
DEU -
71634
Ludwigsburg-Eglosheim,
Beuttenmillerhof
Heinz Langnober
DEU -
67059
Ludwigshafen-Mitte,
Bergzaberner Str. 28
Oskar Langbein
DEU -
71634
Ludwigsburg-Mitte,
Bei der Katholischen Kirche
Mitra Langosch
DEU -
71642
Ludwigsburg-Hoheneck,
Beihinger Str. 2A
Benutzung des Skriptes
...@todo
Restriktionen
- Es ist ein Prototyp, d.h. unvollständig, z.B. ist noch kein Löschen einzelner Einträge möglich
- Ist nur mit der Maus bedienbar
- Ist relativ flexibel aber noch nicht konfigurierbar
- Bisher nur getestet mit:
- Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; .NET CLR 1.1.4322)
- Mozilla/4.0 (compatible; MSIE 5.5; Windows NT 5.0);SP1;
- Mozilla/5.0 (Windows; U; Windows NT 5.1; de; rv:1.8) Gecko/20051111 Firefox/1.5
- Mozilla/5.0 (X11; U; Linux i686; de; rv:1.8) Gecko/20051111 Firefox/1.5
- Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.7.12) Gecko/20050920 Firefox/1.0.7 SUSE/1.0.7-0.1
- Opera/8.5 (X11; Linux i686; U; en)
- Mozilla/5.0 (compatible; Konqueror/3.4; Linux; de) KHTML/3.4.0 (like Gecko)
Sollten Sie Anmerkungen oder Wünsche zu diesem Script haben, senden Sie mir eine E-Mail.
