Hallo zusammen,
im Rahmen eines Projektes können Nutzer eine kleine Grafik auf einer grossen Grafik platzieren, welche dann per PHP GD zu einer einzigen Grafik zusammengeführt wird.
Dazu müssen natürlich die Koordinaten bestimmt werden, wo die kleine Grafik platziert werden soll. Bisher werden diese Koordinaten einfach in ein Textfeld eingegeben und per POST weiterverarbeitet.
Aber zum einen ist das Eingeben von Koordinaten nicht sonderlich benutzerfreundlich, zum anderen ergeben sich trotz eingeblendeter Lineale immer Ungenauigkeiten, sodass seitens des Users immer ein wenig Versuch und Irrtum gefragt ist.
Nun suche ich eine Art WYSIWYG-Variante: Der Nutzer soll per Maus (drag&drop) die kleine Grafik auf die große Grafik ziehen können. Dabei werden automatisch die Koordinaten an die Textfelder übergeben. Der User clickt dann nur noch auf Submit und die Grafik erscheint 'zusammengeschweißt'.
Ich bin mir sicher, dass sich dies mit jQuery realisieren läßt (wird im Projekt schon benutzt, allerdings habe ich keinerlei Kenntnisse, ausser den simpelsten Sachen, wie Divs ein- oder ausblenden).
Aber wie?
Vielen Dank für jede Hilfe!!
a.
im Rahmen eines Projektes können Nutzer eine kleine Grafik auf einer grossen Grafik platzieren, welche dann per PHP GD zu einer einzigen Grafik zusammengeführt wird.
Dazu müssen natürlich die Koordinaten bestimmt werden, wo die kleine Grafik platziert werden soll. Bisher werden diese Koordinaten einfach in ein Textfeld eingegeben und per POST weiterverarbeitet.
Aber zum einen ist das Eingeben von Koordinaten nicht sonderlich benutzerfreundlich, zum anderen ergeben sich trotz eingeblendeter Lineale immer Ungenauigkeiten, sodass seitens des Users immer ein wenig Versuch und Irrtum gefragt ist.
Nun suche ich eine Art WYSIWYG-Variante: Der Nutzer soll per Maus (drag&drop) die kleine Grafik auf die große Grafik ziehen können. Dabei werden automatisch die Koordinaten an die Textfelder übergeben. Der User clickt dann nur noch auf Submit und die Grafik erscheint 'zusammengeschweißt'.
Ich bin mir sicher, dass sich dies mit jQuery realisieren läßt (wird im Projekt schon benutzt, allerdings habe ich keinerlei Kenntnisse, ausser den simpelsten Sachen, wie Divs ein- oder ausblenden).
Aber wie?
Vielen Dank für jede Hilfe!!
a.
Kommentar