DIV Elemente verbinden

[feddi]

Hallo zusammen,

ich habe ein kleines Problem.
Ich möchte ein Fenster erschaffen, wie z.B. in Windows oder Mac, welches in der oberen Leiste verschiebbar sein soll. Dazu habe ich zwei DIV Elemente ineinander verschachtelt.
Jetzt möchte ich dies mittels jQuery verschiebbar machen. Dies gelang mir auch, allerdings möchte ich das "Fenster" ja nur an der Leiste verschiebbar machen. Mir ist es nur gelungen, dass die Leiste verschiebbar ist, allerdings ohne den Rest des Fensters oder, dass man dass gesamte Fenster überall verschieben kann. Leider beides nicht das gewünschte Ergebnis. Hat jemand Rat?

  
...  
 echo '<div id="menuWindow">';  
 echo '<div id="windowDragBar">';  
 echo '</div>';  
 echo '</div>';  
...  

  
...  
if(document.getElementById('windowDragBar'))  
{  
  jQuery('#menuWindow').draggable({ appendTo: jQuery('#menuWindow'), containment: 'window' ,opacity: 0.50 });  
	}  
...  

[bleicher]

Grüße,
ich habe 0 ahnung von jQuery, hätte aber 2 ideen:

1. je nach dem wie draggabel da angehängt wird, mach das ganze "fenster" draggable fang aber den click auf nichtleiste ab mit false (könnte schwieriger werden)
   2)lass das ganze per JS dem verschiebbarem "bar" folgen :)
   MFG
   bleicher

[Gunnar Bittersmann]

@@bleicher:

nuqneH

mach das ganze "fenster" draggable fang aber den click auf nichtleiste ab mit false (könnte schwieriger werden)

Nö, das sollte so schwer nicht sein. Wenn das Click-Event beim Element @id="menuWindow" ankommt, einfach prüfen, ob es vom Element @id="windowDragBar" hochgebubblet ist oder nicht.

Qapla'

[feddi]

Ich konnte es lösen. Danke für Eure Hilfe. Hier für die Leute, die es interessiert. So funktionierts:

  
jQuery('#windowDragBar').mousedown(function()  
{  
 jQuery('#menuWindow').draggable({disabled: false});  
 jQuery('#menuWindow').draggable({ containment: 'window' , opacity: 0.60, cancel: 'menuWindow', stop: function(event, ui) { jQuery('#menuWindow').draggable({disabled: true}) } });  
	});  

[Gunnar Bittersmann]

@@feddi:

nuqneH

if(document.getElementById('windowDragBar'))

Wozu document.getElementById??

Wenn du jQuery verwendest, warum nicht konsequent?

Qapla'