Drag and Drop Baukasten mit HTML, jQuery, CSS für den Browser erstellen?
Hallo,
ich war mir leider nicht ganz sicher, in welche Kategorie meine Frage gehört, daher bitte ich um Entschuldigung. Am ehesten hätte es vielleicht in "HTML" gepasst, allerdings gehört (wahrscheinlich) auch jQuery dazu sowie CSS und/oder PHP.
Um folgendes geht es: Ich versuche derzeit eine Art "Drag & Drop Baukasten im Browser" zu bauen. Dabei sollen auf eine Hintergrundgrafik mehrere Elemente per Drag & Drop platziert werden können, allerdings nur in einem bestimmten Bereich. Erschwerend kommt hinzu, dass es responsive und touchfähig sein sollte, also auch auf dem ipad funktionieren muss.
Ich habe per Google bereits die "Draggable" Funktion für jQuery entdeckt. Das geht schon in die richtige Richtung, allerdings finde ich dort nirgends für mich passende Beispiele.
Habt ihr eventuell so etwas auf Lager oder könnt mir Tipps geben?
Vielen Dank bereits im Voraus.
ich war mir leider nicht ganz sicher, in welche Kategorie meine Frage gehört, daher bitte ich um Entschuldigung. Am ehesten hätte es vielleicht in "HTML" gepasst, allerdings gehört (wahrscheinlich) auch jQuery dazu sowie CSS und/oder PHP.
Um folgendes geht es: Ich versuche derzeit eine Art "Drag & Drop Baukasten im Browser" zu bauen. Dabei sollen auf eine Hintergrundgrafik mehrere Elemente per Drag & Drop platziert werden können, allerdings nur in einem bestimmten Bereich. Erschwerend kommt hinzu, dass es responsive und touchfähig sein sollte, also auch auf dem ipad funktionieren muss.
Ich habe per Google bereits die "Draggable" Funktion für jQuery entdeckt. Das geht schon in die richtige Richtung, allerdings finde ich dort nirgends für mich passende Beispiele.
Habt ihr eventuell so etwas auf Lager oder könnt mir Tipps geben?
Vielen Dank bereits im Voraus.
Please also mark the comments that contributed to the solution of the article
Content-Key: 305697
Url: https://administrator.de/contentid/305697
Printed on: April 27, 2024 at 22:04 o'clock
3 Comments
Latest comment
Moin,
bei youtube gibt's einige gute How-To's: z.B. das hier https://www.youtube.com/watch?v=sByjNR6okao
Wenn man sich ein wenig damit beschäftigt, dann kann man das sicher auch auf die eigenen Anforderungen anwenden.
Hier noch ein Beispiel für "snap-to"-Bereiche: http://jqueryui.com/draggable/#snap-to
bei youtube gibt's einige gute How-To's: z.B. das hier https://www.youtube.com/watch?v=sByjNR6okao
Wenn man sich ein wenig damit beschäftigt, dann kann man das sicher auch auf die eigenen Anforderungen anwenden.
Hier noch ein Beispiel für "snap-to"-Bereiche: http://jqueryui.com/draggable/#snap-to
Vielleicht hilft dir das weiter: http://www.aspsnippets.com/Articles/Drag-and-Drop-images-from-one-DIV-t ...