draggable über parent hinaus

Solu · 16.01.2012, 06:20

Guten morgen zusammen,

ich habe einen Div mit einer Größe von 980px x 400px.
In diesem Container befindet sich ein weiterer Container welcher mit draggable() verschiebbar gemacht wurde. Zusätzlich ist containment auf parent eingestellt, sodass dieser Div an den Eltern Div anstößt, diesen also nicht überschreitet.

Mein Problem ist jetzt dieses, wenn der verschiebbare Container größer ist, als der Eltern Div, funktioniert das ganze ja nicht mehr. Mein Ziel ist es, diesen Container verschiebbar zu machen, jedoch soll dieser nicht weiter verschiebbar sein, wenn er an der Kante angelangt ist.

Zur Veranschaulichung stellt man sich einfach ein Spielfeld vor, welches verschoben werden kann um an eine andere Stelle des Spielfeldes zu gelangen jedoch soll man nicht weiter verschieben können, wenn man am Ende des Spielfeldes angelangt ist.

Ich hoffe ihr könnt mir helfen? Weiß nicht wie ich das bewerkstelligen kann.

Solu

nikosch · 16.01.2012, 15:45

Sorry, aber die Frage ist unverständlich.

Solu · 16.01.2012, 15:54

Ok...
Ich habe einen Container Div1.
In diesem Container befindet sich Div2 welcher draggable ist.
Div2 lässt sich bis an den Rahmen von Div1 draggen (containment

arent).
Für gewönlich ist Div2 kleiner als Div1. Bei mir ist es jetzt aber anderst herum.
Das Problem ist jetzt klar, ich kann Div2 nicht richtig draggen (wegen containment).
Was ich möchte ist, dass ich Div2 draggen kann (containment

arent), was ja nicht geht. Wie kann ich das lösen?

Div2 ist in diesem Fall ein Raster, welches ich innerhalb von Div1 draggen möchte. Das Raster ist größer als Div1. Ich möchte den Effekt von containment

arent nicht verlieren.

Connar · 16.01.2012, 16:17

Aber wie willst du den Effekt behalten, wenn Div2 bereits größer ist? Damit muss es ja außerhalb von Div1 sein, was dann schon nicht mehr containment: parent wäre ...

MFG Connar

Wolfsblut · 16.01.2012, 16:38

jquery?

Das live-Beispiel mach genau was Du möchtest?

http://docs.jquery.com/UI/Draggable

nikosch · 16.01.2012, 17:33

Ich habe den Verdacht, er sucht eher sowas wie die Google maps behaviour.

Wolfsblut · 16.01.2012, 17:49

Den Verdacht hab ich auch.

Ist genau, was das jquery Beispiel macht...ob das innere Div jetzt kleiner, oder größer als das parent Div ist, spiel ja keine große Rolle.

nikosch · 16.01.2012, 18:03

Naja, er such dann aber kein Dragging, sondern einen künstlichen Viewport.

Wolfsblut · 16.01.2012, 19:28

Meinst Du, wenn wir ihm nur genug Begriffe vorwerfen oder ihm hinreichend genug sein Problem beschreiben sagt er irgendwann: Jau!; und wirft uns dann zur Belohnung seien Quellcode hin?

nikosch · 16.01.2012, 19:30

Ich will den gar nicht haben. Den darf er gerne alleine schreiben.

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] DIV über TABLE: IE zeigt Border über der DIV	saibot	HTML, Usability und Barrierefreiheit	3	06.01.2012 23:37
Problem mit CURL über Proxyserver	Kerigen	PHP-Fortgeschrittene	5	13.10.2011 17:26
Apache außerhalb des Rechners nur über IP aufrufbar	Schnatterinchen	Server, Hosting und Workstations	8	28.06.2011 11:34
Datenbank über Notepad bearbeiten.	Anthony70	PHP Einsteiger	4	21.04.2011 21:43
VB-Prog mit COM-Objekt über shell_exec aufgerufen bricht ab	emtiqor	PHP-Fortgeschrittene	5	04.04.2011 20:17
Apache2.2 & PHP5 mit MSSQL Extension Fehler	AwaKe	Server, Hosting und Workstations	4	14.07.2010 14:36
[Erledigt] jQuery draggable im kleineren Parent	BlackScorp	JavaScript, Ajax und mehr	0	28.06.2010 13:13
[Erledigt] Summation über Unterabfragen - Mysql	jume	Datenbanken	20	30.05.2010 09:58
AD zugriff über PHP	jared566	PHP Tipps 2010	6	12.05.2010 11:32
Objekterstellung möglichst schnell	DerApfel	PHP-Fortgeschrittene	7	10.04.2010 18:58
Projekt: User über Intranetpage erstellen, auf einen VoIP-Server	beta1234	PHP Tipps 2009	2	22.07.2009 13:21
[Erledigt] Problem mit dem Füllen einer Tabelle über Formular		PHP Tipps 2006	18	10.01.2006 12:51
Remote öffnen von txt über php?		PHP-Fortgeschrittene	6	08.11.2005 22:58
Variable weitergeben (über einen php code hinaus)	Paulo	PHP Tipps 2004	11	06.09.2004 12:45
Umleitung über Meta-Angaben im Header abhängig vom Host		PHP Tipps 2004	7	14.06.2004 12:34

16.01.2012, 06:20
Solu Erfahrener Benutzer Registriert seit: 10.11.2011 Beiträge: 268 PHP-Kenntnisse: Fortgeschritten	draggable über parent hinaus Guten morgen zusammen, ich habe einen Div mit einer Größe von 980px x 400px. In diesem Container befindet sich ein weiterer Container welcher mit draggable() verschiebbar gemacht wurde. Zusätzlich ist containment auf parent eingestellt, sodass dieser Div an den Eltern Div anstößt, diesen also nicht überschreitet. Mein Problem ist jetzt dieses, wenn der verschiebbare Container größer ist, als der Eltern Div, funktioniert das ganze ja nicht mehr. Mein Ziel ist es, diesen Container verschiebbar zu machen, jedoch soll dieser nicht weiter verschiebbar sein, wenn er an der Kante angelangt ist. Zur Veranschaulichung stellt man sich einfach ein Spielfeld vor, welches verschoben werden kann um an eine andere Stelle des Spielfeldes zu gelangen jedoch soll man nicht weiter verschieben können, wenn man am Ende des Spielfeldes angelangt ist. Ich hoffe ihr könnt mir helfen? Weiß nicht wie ich das bewerkstelligen kann. Solu


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

16.01.2012, 15:45
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	Sorry, aber die Frage ist unverständlich. __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --

16.01.2012, 15:54
Solu Erfahrener Benutzer Registriert seit: 10.11.2011 Beiträge: 268 PHP-Kenntnisse: Fortgeschritten	Ok... Ich habe einen Container Div1. In diesem Container befindet sich Div2 welcher draggable ist. Div2 lässt sich bis an den Rahmen von Div1 draggen (containmentarent). Für gewönlich ist Div2 kleiner als Div1. Bei mir ist es jetzt aber anderst herum. Das Problem ist jetzt klar, ich kann Div2 nicht richtig draggen (wegen containment). Was ich möchte ist, dass ich Div2 draggen kann (containmentarent), was ja nicht geht. Wie kann ich das lösen? Div2 ist in diesem Fall ein Raster, welches ich innerhalb von Div1 draggen möchte. Das Raster ist größer als Div1. Ich möchte den Effekt von containmentarent nicht verlieren.

16.01.2012, 16:17
Connar Erfahrener Benutzer Registriert seit: 22.01.2005 Beiträge: 606	Aber wie willst du den Effekt behalten, wenn Div2 bereits größer ist? Damit muss es ja außerhalb von Div1 sein, was dann schon nicht mehr containment: parent wäre ... MFG Connar

16.01.2012, 16:38
Wolfsblut Erfahrener Benutzer Registriert seit: 30.12.2011 Beiträge: 208 PHP-Kenntnisse: Fortgeschritten	jquery? Das live-Beispiel mach genau was Du möchtest? http://docs.jquery.com/UI/Draggable

16.01.2012, 17:33
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	Ich habe den Verdacht, er sucht eher sowas wie die Google maps behaviour. __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --

16.01.2012, 17:49
Wolfsblut Erfahrener Benutzer Registriert seit: 30.12.2011 Beiträge: 208 PHP-Kenntnisse: Fortgeschritten	Den Verdacht hab ich auch. Ist genau, was das jquery Beispiel macht...ob das innere Div jetzt kleiner, oder größer als das parent Div ist, spiel ja keine große Rolle.

16.01.2012, 18:03
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	Naja, er such dann aber kein Dragging, sondern einen künstlichen Viewport. __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --

16.01.2012, 19:28
Wolfsblut Erfahrener Benutzer Registriert seit: 30.12.2011 Beiträge: 208 PHP-Kenntnisse: Fortgeschritten	Meinst Du, wenn wir ihm nur genug Begriffe vorwerfen oder ihm hinreichend genug sein Problem beschreiben sagt er irgendwann: Jau!; und wirft uns dann zur Belohnung seien Quellcode hin?

16.01.2012, 19:30
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	Ich will den gar nicht haben. Den darf er gerne alleine schreiben. __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --