dialog movement
dialog movement
Hi,
i want to make a dialog movement only in the parent-div. What i mean is, the page is containing a div for the top-menu and a div for the content. The dialog has to be created in the content-div and only in this div to be move. At this moment the dialog will be created but i can move all over the page; over menu-div too. thats bad.
...
<div id='topmenu'> .......</div>
<div id='content'>... in here, the dialog will be created, show javascript at bottom....</div>
...
And the javascript:
$( "#menu_add" ).click(function() {
var d = $("#adddialog");
if (d.length < 1) {
d = $("<div/>").attr("id", "adddialog")
.appendTo($('#content'));
}
else
d.dialog('destroy');
d.load('add.jsp').dialog();
$( "#adddialog" ).dialog({
autoOpen: false,
title : 'Settings',
width: 575,
height:360,
resizable: false,
show: {
effect: "size",
duration: 100
},
hide: {
duration: 0
}
});
any ideas?
greets