ChrisB

Die Position kannst du doch berechnen - wo ist das Problem?

Mauskoordinaten relativ zur Editor-Fläche ermitteln; die Maße aller darin platzierten Div-Elemente sind bekannt und alle gleich - also ist das doch nur noch ein bisschen Geometrie ...


Btw., wenn ein Element kein Hintergrundbild haben soll, dann nimmt man den Wert none für background-image - statt url("null"), was zu einem zusätzlichen HTTP-Request mit Antwort 404 führt

__________________
RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?

Mister Ad

BlackScorp

Nein das ist nicht das Problem. Problem ist dann zu sagen :"Selektiere mir das mit der Position 100/100". Das Problem ist halt, wenn ich == angebe, dann muss ich haargenau drauf achten wohin ich klicke. sonst passiert da garnichts.. ich müsste als abfragen if(mausX ungefair oder gleich divLeft && mausY ungefair oder gleich divTop) {zeige div id}

EDIT: habe mal die Top/Left position, jedes divs anzeigen lassen und die aktuelle mausposition

__________________
Mein kleines Projekt
-Cruel Online-
5 von 3 Leuten können kein Bruchrechnen

ChrisB

Die Probleme, die du lösen willst, sind an sich gar nicht so kompliziert - du denkst nur immer viel zu kompliziert ...!

Stell dir vor, du hast ein kariertes Blatt Papier, machst die Augen zu, und tippst mit dem Stift irgendwo da drauf ...
Die Chancen stehen gut, dass du nicht genau die linke obere Ecke eines Kästchens triffst, sondern eher irgendwo in ein Kästchen.
Wie jetzt „berechnen“, welches Kästchen das ist?

Nun, jedes Kästchen sei 5mm (analog Pixel) breit und hoch, und wenn du von der oberen linken Ecke des Blattes aus misst, dann sei der Punkt, den du mit dem Stift gemacht hast, mal an der Position 82mm von oben und 47mm von links.
Du teilst 82mm durch 5mm, ergibt bei ganzzahliger Division 16, und 47mm durch 5mm ergibt 9.
Dein Punkt, den du gemacht hast, befindet sich also im Kästchen in der 16ten Zeile und 9ten Spalte (wenn die Zählung oben links in der Ecke mit Zeile 0/Spalte 0 beginnt, was du ja beim Programmieren höchstwahrscheinlich sowieso so und nicht anders zählen wirst; andernfalls würde man auf beide Positionen eben noch eins draufaddieren).

War das jetzt so schwer ...?

Nein, das war ein ganz simpler Algorithmus, der überhaupt nicht für jedes einzelne Kästchen „prüfen“ muss, ob die obere linke Ecke „gleich oder ungefähr gleich“ den vorgegebenen Punkt-Koordinaten ist - sondern das eine Kästchen einfach berechnet.

Das Problem mit den Überlappungen deiner DIV-Elemente wäre jetzt theoretisch noch zu betrachten - in der Praxis ist das hier aber uninteressant, denn du hast ja keine horizontal/vertikal angeordneten, quadratischen Kästchen, sondern eigentlich Rauten, die wiederum ohne Überlappung aneinander grenzen.

Es wäre jetzt also zu überlegen (deine Aufgabe), wie man den oben beschriebenen „Algorithmus“ zur Berechnung, welches Kästchen an einer bestimmten Position liegt, von quadratischen Kästchen auf Rauten anpasst.
Wie schon gesagt, ein bisschen Geometriekenntnisse hinzu nehmen, dann sollte auch das nicht allzu kompliziert werden.

Die Position der Raute lässt sich dann anschließend wieder in die Position, an der das neue Element positioniert werden muss, umrechnen. (Es reicht ja aus, das DIV-Element erst beim Platzieren eines neuen Tiles zu erstellen, da müssen ja nicht von vornherein zig DIV-Elemente vorhanden sein, die einfach nur leere Flächen darstellen. Zumindest bei diesem Ansatz mit der Berechnung der Positionen, und nicht bei deinem komplizierten, der für x Elemente einzeln prüfen will, ob sie unter der Mauszeigerposition liegen.)

__________________
RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?

Trainmaster

Kurze Frage: Hast du schon mal ui.draggable in Verbindung mit einem Grid versucht?

BlackScorp

ja habe ich aber ein grid kann nicht für diese anordnung verwendet werden , da jede 2e Reihe um halbe tilebreite nach links verschoben ist.. dann werde ich mich ein bisschen in Geomtrie einlesen

MFG

EDIT: Oh mein gott bin ich dumm.. aus koordinaten rechte ich doch die top und left position des divs aus.. ich muss jetzt nur noch mausposition als top verwenden und x/y koordiane als gesucht und dann die formel umstellen.. *facepalm* ich denke wirklich zu kompliziert

__________________
Mein kleines Projekt
-Cruel Online-
5 von 3 Leuten können kein Bruchrechnen