✔ jQuery + Interfaces: Probleme bei Draggable DIVs

[Mik3e]

Hi Zusammen,

Ich spiel gerade mit jQuery und Interfaces rum.
Ich möchte eine Box, die man rumziehen kann und in die man daten eingeben kann (Form Elemente).

Ich stehe hier aber vor zwei Problemen:

1) Ziehen nur an der Überschrift
Ich möchte das man das Element nur ziehen kann, wenn man es an der Überschrift (<h1>) greift (also so wie normale Windows-Fenster). Derzeit kann man das DIV irgendwo packen und rumziehen. Lege ich den Handler auf H1, dann wird nur H1 rumgezogen und der Parent DIV bleibt liegen

2) Eingabe in Textfelder nicht möglich
Das größere Problem ist, dass man in die Form Elemente (Text Input, Textarea etc.) nichts eingeben kann. Habe auch schon erfolglos mit dem z-index rumgespielt.

Klingt jetzt vielleicht etwas verwirrend, aber wenn Ihr Euch das Beispiel anseht, wisst ihr was ich meine:
http://217.14.121.150/templatedesigner/prototypes/jQuery/dragbox/

Habt Ihr vielleicht eine Idee, wie ich die beiden Dinge lösen kann?

Danke & Ciao,
Mike

 

[Mik3e]

Wenn man weiß wie's geht, ist es einfach.
Es gibt ein Attribut "Handle" über denn man den "Griff" des Elements definieren kann:

$('#boxWindow').Draggable(
		{
			handle:		'h1',
			zIndex: 	1000,
			ghosting:	true,
			containment:	'document',
			opacity: 	0.7
		});

Und schon klappt's...

 

[danielmueller1985]

Hi,

hab mir auf gleiche Weise eine Box draggable gemacht.

Hab aber ein Problem im IE7. Im FF funktioniert das super, ich kann die Box ziehen wohin ich will. Im IE7 kann ich die Box einmal ziehen, nach dem ersten ablegen lässt die sich nicht mehr ziehen. Woran liegt das?

jemand eine Idee?

Vielen Dank für Hilfe

Gruß Daniel