Drag & Drop Begrenzung

Maaax · 10.05.2009, 13:48

Hallo,

mir wurde bereits mal ein Script gemacht, welches Drag&Drop nur innerhalb eines DIVS zulässt. Für mein "Gästebuch", brauch ich das ganze aber noch etwas dynmamischer. Hier dieses Script:

seite_kurz.zip

Für mein Gästebuch, will ich quasi PostIts in einen Raum hängen, der so aussieht:

Das heißt, das Drag&Drop soll nur an den Wänden funktionieren. Ist das Mit Ajax, Javascript möglich? Wenn ja, wäre ich um Hilfe sehr dankbar, da ich Einsteiger bin. jQuery benutze ich auf meiner Seite auch, falls es was hilft.

nikosch · 10.05.2009, 14:28

Dafür müsstest Du erstmal definieren, was "Drag&Drop soll nur an den Wänden funktionieren" bzw. "darf nicht am Rest funktionieren" konkret bedeutet.

Maaax · 10.05.2009, 15:29

Naja ich hab ein kleines DIV das wird bewegt in diesem Raum der da angezeigt wird. Und das Div sieht aus wie ein PostIT. Und da Postits nicht in der Weltgeschichte rumhängen dürfen soll als Begrenzung die Raumwand dienen.

Chriz · 10.05.2009, 15:37

Trivial ist das meiner Meinung nach nicht, schon garnicht in einem Trapez/Raute.

Ich kenne solche Begrenzung von YUI:
YUI Library Examples: Drag & Drop: Staying in a Region
Aber selbst da ist es ein Gefrickel, ein Zweizeiler wird das jedenfalls nicht ..

nikosch · 10.05.2009, 16:33

Naja, im Zweifelsfall nimmt man die äussersten Punkte der Raute - zumindest wenn wie oben senkrechte existieren - , zieht ein Rechteck drüber (positiver Raum), und definiert die entstehenden 2 Dreiecke als nicht benutzbar (negativer Raum). Mit Dreiecksberechnung sollte man das doch hinbekommen.

Was ich in #2 z.B. meine:
a) nur innerhalb des Bereichs ziehen koennen (Maus mit gedrückter Taste kann nicht heraus)
b) Fallenlassen auf einen Bereich ausserhalb führt zu welcher Konsequenz?

Maaax · 10.05.2009, 16:43

Das hört sich ja relativ einfach an, wenn man Javascript gut beherrscht

nikosch · 10.05.2009, 16:46

Eher Mathematik.

Maaax · 10.05.2009, 16:50

Aber ich schreib ja nicht:

var Raum = Die Raute - Dreieck - Dreieck
var Machmal = Raum mach mal!

nikosch · 10.05.2009, 17:13

Natürlich nicht. Das wäre auch weder Programmierung noch Mathematik im engeren Sinne.

Und zu #2 bzw. #5 hast Du auch noch nichts verlauten lassen. Ich bekomme stark den Eindruck, Du lässt Dich hier bedienen.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
[Erledigt] dynamischer Drop Down als Auswahl für Tabellenwahl in MYSQL	meshking	PHP Tipps 2009	10	16.03.2009 15:15
Drag & Drop via JQuery & Ajax --> Geht nicht :(	Plague	JavaScript, Ajax und mehr	2	23.10.2008 12:19
Drag ´n Drop per PHP?	Taladan	PHP-Fortgeschrittene	3	26.11.2007 10:14
Elemente an einer x beliebigen Stelle positionieren	phpbeginner	HTML, Usability und Barrierefreiheit	7	24.08.2006 17:48
JavaScript Drag & Drop	lomtas	HTML, Usability und Barrierefreiheit	0	17.04.2006 22:15
Drag &amp;amp;amp; Drop		Off-Topic Diskussionen	4	30.03.2006 12:23
ftp account erstellen in confixx umgebung		PHP-Fortgeschrittene	5	15.02.2006 20:41
[Erledigt] drop down auswahl aus der datenbank		PHP Tipps 2005-2	5	28.10.2005 12:06
[Erledigt] Drop Down auswahl in tabelle speichern		PHP Tipps 2005-2	6	10.08.2005 16:36
2 verschachtelte while Schleifen. Großes Performanceproblem		Datenbanken	3	30.05.2005 12:52
Drag &amp; Drop Bilder		HTML, Usability und Barrierefreiheit	4	16.05.2005 22:34
[Erledigt] Mehrere Fragen zum drop down menu		HTML, Usability und Barrierefreiheit	2	29.11.2004 23:59
[Erledigt] Mehrere Fragen zum drop down menu		PHP Tipps 2004-2	1	28.11.2004 19:24
[Erledigt] drag &amp;amp; drop Position speichern		HTML, Usability und Barrierefreiheit	7	03.11.2004 12:31
[Erledigt] drop down menü werte weitergeben		PHP Tipps 2004	3	24.08.2004 15:08

10.05.2009, 13:48
Maaax Benutzer Registriert seit: 20.09.2008 Beiträge: 65 PHP-Kenntnisse: Fortgeschritten	Drag & Drop Begrenzung Hallo, mir wurde bereits mal ein Script gemacht, welches Drag&Drop nur innerhalb eines DIVS zulässt. Für mein "Gästebuch", brauch ich das ganze aber noch etwas dynmamischer. Hier dieses Script: seite_kurz.zip Für mein Gästebuch, will ich quasi PostIts in einen Raum hängen, der so aussieht: Das heißt, das Drag&Drop soll nur an den Wänden funktionieren. Ist das Mit Ajax, Javascript möglich? Wenn ja, wäre ich um Hilfe sehr dankbar, da ich Einsteiger bin. jQuery benutze ich auf meiner Seite auch, falls es was hilft. Miniaturansicht angehängter Grafiken Geändert von Maaax (10.05.2009 um 13:53 Uhr).


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

10.05.2009, 14:28
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 34.241 PHP-Kenntnisse: Fortgeschritten	Dafür müsstest Du erstmal definieren, was "Drag&Drop soll nur an den Wänden funktionieren" bzw. "darf nicht am Rest funktionieren" konkret bedeutet. __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --

10.05.2009, 15:29
Maaax Benutzer Registriert seit: 20.09.2008 Beiträge: 65 PHP-Kenntnisse: Fortgeschritten	Naja ich hab ein kleines DIV das wird bewegt in diesem Raum der da angezeigt wird. Und das Div sieht aus wie ein PostIT. Und da Postits nicht in der Weltgeschichte rumhängen dürfen soll als Begrenzung die Raumwand dienen.

10.05.2009, 15:37
Chriz Moderator Registriert seit: 11.05.2008 Beiträge: 6.069	Trivial ist das meiner Meinung nach nicht, schon garnicht in einem Trapez/Raute. Ich kenne solche Begrenzung von YUI: YUI Library Examples: Drag & Drop: Staying in a Region Aber selbst da ist es ein Gefrickel, ein Zweizeiler wird das jedenfalls nicht .. __________________ "Nuschel ich?" - "Was?"

10.05.2009, 16:33
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 34.241 PHP-Kenntnisse: Fortgeschritten	Naja, im Zweifelsfall nimmt man die äussersten Punkte der Raute - zumindest wenn wie oben senkrechte existieren - , zieht ein Rechteck drüber (positiver Raum), und definiert die entstehenden 2 Dreiecke als nicht benutzbar (negativer Raum). Mit Dreiecksberechnung sollte man das doch hinbekommen. Was ich in #2 z.B. meine: a) nur innerhalb des Bereichs ziehen koennen (Maus mit gedrückter Taste kann nicht heraus) b) Fallenlassen auf einen Bereich ausserhalb führt zu welcher Konsequenz? __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. -- Geändert von nikosch (10.05.2009 um 16:47 Uhr).

10.05.2009, 16:43
Maaax Benutzer Registriert seit: 20.09.2008 Beiträge: 65 PHP-Kenntnisse: Fortgeschritten	Das hört sich ja relativ einfach an, wenn man Javascript gut beherrscht

10.05.2009, 16:46
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 34.241 PHP-Kenntnisse: Fortgeschritten	Eher Mathematik. __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --

10.05.2009, 16:50
Maaax Benutzer Registriert seit: 20.09.2008 Beiträge: 65 PHP-Kenntnisse: Fortgeschritten	Aber ich schreib ja nicht: var Raum = Die Raute - Dreieck - Dreieck var Machmal = Raum mach mal!

10.05.2009, 17:13
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 34.241 PHP-Kenntnisse: Fortgeschritten	Natürlich nicht. Das wäre auch weder Programmierung noch Mathematik im engeren Sinne. Und zu #2 bzw. #5 hast Du auch noch nichts verlauten lassen. Ich bekomme stark den Eindruck, Du lässt Dich hier bedienen. __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --