2010-06-22 9 views
6

Ich liebe und benutze jQuery ziemlich viel, aber ich hoffe, eine alternative Lösung für ein spezielles Projekt zu finden.Was sind die besten leichten Lösungen für Drag & Drop?

Ich erstelle ein Bookmarklet, das mit meiner Anwendung interagiert, damit Benutzer Informationen viel schneller eingeben können. Einer der größten Schmerzen in meiner Anwendung ist im Moment das Hochladen von Bildern. Benutzer (verständlicherweise) hassen den Prozess des Herunterladens von Bildern auf ihre Computer in einer organisierten Weise und laden sie dann in die App hoch.

Was ich gerne Bookmarklet tun würde, ist in einem kleinen div-Overlay mit ein paar kleinen Steuerelemente laden, einschließlich einer, die den Benutzer Drag-and-Drop Bilder von der aktuellen Seite in das Steuerelement. Das Skript würde dann die URIs dieser img-Tags sammeln und sie zusammen mit dem Formular an die App senden. Anschließend werden sie automatisch vom Server in die App heruntergeladen.

Also, für diese Aufgabe scheint das Laden von jQuery und jQuery UI in die Seite jedes Mal, wenn Sie auf das Bookmarklet klicken, wie ein sehr unhandlicher Ansatz.

Kann jemand ein nettes, leichtes Javascript-Toolkit empfehlen, das Drag-and-Drop-Funktionalität und sonst nichts bietet?

Ich war begeistert von dem neuen DragDealer Werkzeug zu lesen, die gerade heute auf Ajaxian genial aussieht, aber es scheint, dass es nur zu handhaben gebaut schleppt und nicht „Abwurf“ (dh nicht-Ziele)

Antwort

1

REDIPS.drag JavaScript-Bibliothek deckt nur per Drag & Drop (Tabelle Inhalt). Tatsächlich wird HTML-Tabelle als Layout verwendet und DIV-Elemente können über Tabellenzellen hinweg verschoben werden. In einem Moment, in dem das Element über die Tabellenzelle gezogen wird, wird die Tabellenzelle hervorgehoben - wenn aktiviert. Minimiert und GZIPed, Bibliothek ist weniger als 10 KB. Hier ist ein Link zur Demo-Seite:

http://www.redips.net/javascript/drag-and-drop-table-content/

Verwandte Themen