DHTML/Javascript Drag'n'Drop - window.event.srcElement

[Mcfruit]

Hallo liebe Flash-Forum-User!

Ich benutze derzeit die srcElement Property etc, um Elemente per Drag & Drop hin und her zu schmeißen. Beispiel:

var DragObj = new Object;
var DragSrc = '';

function startDrag() {
    // Das gedraggte Objekt holen
    DragObj = window.event.srcElement;
    DragSrc = DragObj.outerHTML;

    // Drag Operation definieren
    var dragData = window.event.dataTransfer;
    dragData.setData('Text', DragSrc);
    dragData.effectAllowed = 'linkMove';
    dragData.dropEffect = 'move';
}

function endDrag() {
    // Drag Operation beenden
    window.event.dataTransfer.clearData();
}

function enterDrag() {
    // Drag Operation für den Drop vorbereiten
    window.event.dataTransfer.getData('Text');
}

function overDrag() {
    // Mitteilen, das wir das Drag-Objekt annehmen werden.
    window.event.returnValue = false;
}

function startDrop() {
    // Default handler ausschalten
    window.event.returnValue = false;
    draginfo.innerHTML = 'Gerade wurde <b>' + DragObj.myLabel + '<\/b> gedraggt.';
    draglist.innerHTML += DragSrc + '&nbsp;';
}

Nun möchte ich das Ganze um eine mehrfach Auswahl erweitern. Soll heißen, ich möchte mit der Strg-Taste (oder irgendeiner anderen), mehere Elemente markieren und diese dann per Drag'n'Drop bewegen.

Kann mir da jemand helfen? Ich möchte keine wilde Javascript-Library verwenden und vorhandene Drag'n'Drop Elemente sollen einfach umzustellen sein.

Vielen Dank für Eure Hilfe!

Grüße
McFruit

[Nightflyer]

Was verstehst du unter einer "wilden JavaScript Library"? Weniger aufgeräumt als dein Script? Weniger CrossBrowser-Support?
Select and drag?

[Nicmare]

Zitat von Nightflyer

Was verstehst du unter einer "wilden JavaScript Library"? Weniger aufgeräumt als dein Script? Weniger CrossBrowser-Support?
Select and drag?

des frage ich mich auch. immer diese scheu vor neuen technologien...

[Mcfruit]

Zitat von Nicmare

des frage ich mich auch. immer diese scheu vor neuen technologien...

Ich hab absolut keine Scheu vor neuen Technologien.
Es geht viel mehr darum, dass diese mehr oder weniger simple Lösung des DnD, an sehr vielen Stellen bei mir verwendet wird und eine Umstellung, auf eine der durchaus sehr mächtigen und coolen Libraries, große Umstellungsarbeit impliziert. Ich dachte mir ich Frage mal nach, ob es vielleicht auch einen einfachen, smarten Lösungsansatz gibt, der mir arbeit erspart ;-)

[Omega Psi]

Ich kann dir nur empfehlen mindestens eine von den großen Frameworks zu beherrschen...

[Mcfruit]

Zitat von Omega Psi

Ich kann dir nur empfehlen mindestens eine von den großen Frameworks zu beherrschen...

Stimme ich absolut zu. War jedoch nicht meine Frage ;-)

[CaselPasel]

Hey,
zu deiner frage!

Du müsstest quasi Abfragen ob die Steuerung Taste gedrückt ist und schauen welches Element geklickt wurde. Dann packst du dir die Daten bzw die IDs oder Elemente in ein Array und dann beim DnD weiß du welche Elemente du verschieben muss.

Wie du es genau machst bleibt dir dann überlassen.
Ob du die von der ursprungsposition in der Mausbewegung verschiebst.
Oder du die Elemente leicht verschachtelt hintereinander am Mauszeiger positionierst.
Oder was auch immer dir dazu ein fallen wird.

Mit freundlichen grüßen

Cas