2009-08-27 8 views
1

Ich möchte einige "Drag-select" -Funktionalität in ein Projekt von mir implementieren, aber ich bin unsicher, wie man es implementiert.Wie implementiert man "Drag-Select" -Funktionalität in Javascript?

Die Erstellung des Auswahlbereichs ist kein Problem, es ist die Erfassung von Elementen innerhalb des Bereichs selbst, die mich verwirren.

+0

Können Sie einige weitere Informationen über die Anforderung zur Verfügung stellen? – rahul

+0

Ja, ich hätte wirklich sagen sollen, dass ich Prototype JS und Scriptaculous verwenden werde, um dies zu implementieren. Ich war eher auf der Suche nach allgemeinen Konzepten zur Implementierung der Funktionalität der Auswahl eines DOM-Knotens, den die Auswahl abdecken kann. – Phunky

Antwort

1

Ein jQuery-Beispiel hier gefunden.

Selectable Demo

+0

Danke, ich habe dieses Beispiel nicht gesehen - werde einen Blick auf die Quelle werfen und sehen, wie sie es implementiert haben. – Phunky

0

Wenn Sie jquery verwenden können, gibt es einige Plugins, die diese Operation ausführen. Wie auch immer, Sie können überprüfen, ob die Position des Elements in den Koordinaten des Auswahlbereichs enthalten ist, und falls ja, wählen Sie es aus.

0

Script.aculo.us hat eine nette Implementierung von drag-n-drop, aber dann müssen Sie diese ziemlich große Bibliothek einschließen. Oder Sie könnten herausfinden, wie sie das gemacht haben, seit ihrer Open-Source-Methode.

+0

Danke, aber ich bin mir bereits der Drag-and-Drop-Funktionalität mit Script.aculo.us bewusst. Ich nutze dies bereits, um den Auswahlbereich selbst zu verbessern, was ich wissen muss ist, wie ich alle DOM-Elemente in diesem Aufnahmebereich erfassen kann. – Phunky