Hi!
Ich habe bereits etliche Seiten JS durchgegoogelt, aber bisher noch nichts Passendes gefunden, um Grafiken per Drag & Drop zielgenau zu verschieben.
Die Aufgabe sieht so aus:
Auf einer Webseite befinden sich drei Bereiche (A, B, C).
Im Bereich A liegen vier Grafiken, die der Anwender per Maus in die Bereiche B oder C verschieben kann.
Die Grafiken weisen bestimmte Attribute auf, durch die bestimmt ist, ob eine Grafik in B oder C abgelegt werden kann.
Ist die Grafik für den Bereich, in dem der Drop erfolgt, zugelassen, soll die Grafik an vordefinierte Stellen (Koordinaten) springen, egal wo in dem Bereich der Drop erfolgte.
Ist die Grafik für den Bereich mit dem Drop nicht erlaubt, soll die bewegte Grafik an ihre Ursprungsposition im Bereich A zurückspringen.
Beispiele:
Grafik 1 im Bereich A ist nur für den Bereich C zugelassen. Wird die Grafik 1 nach C gezogen und dort fallen gelassen, springt die Grafik 1 auf die Koordinaten in C, die ale erste noch verfügbare Koordinaten frei sind.
Grafik 2 im Bereich A kann sowohl in Bereich B wie auch Bereich C abgelegt werden. Wird die Grafik in Bereich C fallen gelassen, ist ja der erste Platz bereits durch Grafik 1 belegt. Also springt Grafik 2 auf die Koordinaten, die für eine zweite Grafik vorgesehen sind.
Grafik 3 im Bereich A ist nur für den Bereich B vorgesehen, wird aber auf Bereich C fallen gelassen. Die Grafik springt dadurch zurück an ihre Ausgangsposition im Bereich A.
Gibt es irgendwo ein öffentlich verfügbare JS, das diese Funktionalität aufweist? Oder gibt es eine andere Lösung als JS?
Danke schon mal für jeden Hinweis!
Heinrich
