IDs vergleichen, Position von beweglichem div

CoMaHe

Grünschnabel
Hallo,

ich habe mal wieder ein Problem, bei dem ich wahrscheinlich total auf dem Schlauch stehe:

Ich habe eine Art Puzzle programmiert, bei dem ich mit der Maus Bildausschnitte verschieben kann. Nun möchte ich dem verschiebbaren div den onmousedown-event wegnehmen, wenn es sich an der richtigen leeren Stelle im Puzzlebereich befindet, damit man es nicht mehr verschieben kann.

Nun das eigentliche Problem:

Wie kann ich das leere Puzzlefeld mit meinem verschiebbaren div irgendwie in Bezug bringen? Mit einem weiteren Event-Handler wie z.B. onmousemove auf dem leeren Feld geht es ja nicht, da es sich ja grundsätzlich UNTER dem beweglichen div liegt. Auch habe ich darüber nachgedacht, die IDs zu vergleichen, komme da aber nicht weiter, da ja irgendwie registriert werden muss, über welchem leeren div sich mein bewegliches gerade befindet. Und das sollte ohne tausend Koordinaten funktionieren, da die Teileanzahl später beliebig variieren soll.

Hat hier irgendjemand einen Denkanstoß oder eine Idee für mich? Vielleicht überlege ich ja gerade in die total falsche Richtung...?

Vielen Dank schonmal! :-)
 
Kannst du das mal als Demo posten? Mit Code lässt sich da mehr drüber sagen. Sind die Puzzleteile denn rechteckig oder sind es Polygone oder richtige Puzzleteile mit Ein- und Ausbuchtungen? Ich würde das Ganze wahrscheinlich nicht über divs lösen sondern mit dem HTML5 Canvas. Siehe z.B. http://www.html5canvastutorials.com/tutorials/html5-canvas-images/ und http://www.html5canvastutorials.com/advanced/html5-canvas-mouse-coordinates/ Noch ein Tutorial zu drag & drop in HTML5. http://simonsarris.com/blog/510-making-html5-canvas-useful
 

Neue Beiträge

Zurück