Question

I have a div#test , with which i bind a dblclick event to opens a jquery ui dialog, now i want to open

that dialog inside a floating div ( means a div whose position is absolute and placed on the

center of the screen) when the dblclick event triggers on div#test something like :

           line #1     $("#test").trigger("dblclick"); => open the dialog 

           line #2     $("floatingdiv").html("I want to open the dialog inside

                        this div after executing the line #1);

Help me? Thanks.

Answer 1

First put test div inside floatingdiv.

$("#test .ui-dialog-content").bind("dialogopen", function() {  
    // Reposition dialog, 'this' refers to the element the even occurred on.
    $(this).parent('div').css('position', 'relative');
});