How to position modal dialog adjacent to button

Question

Hello I am using a jquery supplied dialog modal popup, see: http://jqueryui.com/dialog/#modal-message It seems that by default the dialog box appears in the middle of the frame. I would like to have the modal box next to a button on my webpage. How would I go about doing this? What code would I add?

Thanks!

The code for the modal box is in the link

Answer 1

From ui dialog documentation

    // Getter
    var position = $( ".selector" ).dialog( "option", "position" );

    // Setter
    $( ".selector" ).dialog( "option", "position",{ my: "left top", at: "left bottom", of: button } );