Javascript Drag and Drop

  • Hallo :)

    Ich habe ein kleines Problem.
    Ich habe auf meiner Seite ein Drag and Drop effekt eingebaut, damit der User verschiedene Bilder bewegen kann. Nun möchte ich die Bilder aber einer Position zuordnen und alle versuche mittels x und y haben nicht geklappt.
    Ich möchte jedes einzelne Bild an einer bestimmen Stelle haben (auch aufeinander) damit der User ein bestimmtes Bild finden.

    Bilder werden so zugeordnet:

    Code
    <img src="liste.gif" class="dragme">

    Falls es wichtig ist, ich hab das von hier: Klick

  • so ganz verstehe ich dein Anliegen nicht. Die Bilder lassen sich doch übereinander ziehen?
    Allgemein: Das Script ist hornalt, modernere Libs wie jquery sollten dein Vorhaben geschmeidiger umsetzen können.


  • Ich würde dafür auch zu einer Library raten. JQuery bietet beispielsweise fertige Draggable- und Droppable-Widgets.
    http://jqueryui.com/demos/droppable/

    "Programming today is a race between software engineers
    striving to build bigger and better idiot-proof programs,
    and the universe trying to build bigger and better idiots.
    So far, the universe is winning."
    Rick Cook

  • Hallo liebe Community-Freunde,
    ich habe ein Problem. Ich habe leider nicht viel Ahnung von JavaScript sondern kenne nur das Grundgerüst. Ich möchte eine Drag & Drop Aufgabe erstellen. Das soll ungefähr so aussehen:
    Man soll ungefähr 5 TextBox haben und 3 ZielBoxen. Jeder der 5 Boxen sollen in eines der Ziele verschiebbar sein. Aber in jedem Ziel soll nur ein Text sein, dass heisst 2 TextBoxen müssen am Ende übrig bleiben. Durch einen Klick sollen die TextBoxen anwählbar sein, und erst nachdem sie angeklickt wurden, soll man sie verschieben können.
    Dann soll noch ein OK-Button sein, der dann als Popup-Fenster bzw. alert-Fenster einen Richtig oder Falsch ausgibt.
    Hat Jemand vielleicht eine Lösung für mich oder könnte mir dies erstellen?
    Ich wäre euch sehr dankbar.

    Liebe Grüße
    Julia

  • Hallo Freunde,
    Jquery bietet zwar fertige Draggable- und Droppable-Widgets aber ich brauche was, wo ich ein Objekt erst anwählen muss bevor ich dieses Objekt hin und her verschieben kann. Und es soll nicht überall hin verschiebbar sein, sondern nur zu den zugeordneten Targets.
    Beispiel:
    Ich habe eine Drag&Drop Aufgabenstellung:
    [TABLE='class: grid, width: 500']

    [tr][td]

    Ziel-Target für Grafik 1

    [/td][td]

    verschiebbarer Grafik (Target 2)

    [/td][/tr][tr][td]

    Ziel-Target für Grafik 2

    [/td][td]

    verschiebbarer Grafik (Target 3)

    [/td][/tr][tr][td]

    Ziel-Target für Grafik 3

    [/td][td]

    verschiebbarer Grafik (Target 1)

    [/td][/tr][tr][td]

    leer

    [/td][td]

    verschiebbarer Grafik (hat kein Ziel)

    [/td][/tr][tr][td]

    leer

    [/td][td]

    verschiebbarer Grafik (hat kein Ziel)

    [/td][/tr]


    [/TABLE]

    unter diese Tabelle soll dann ein Lösungsbutton stehen.
    Nach betätigen dieses Buttons soll entweder Richtig oder Falsch als Popupfenster erscheinen.
    Ist sowas machbar, bzw. kann mir da jemand eventuell ein ähnliches Tutorial zeigen ? Wäre super lieb.

    Liebe Grüße

    Julia