How to open the dialog out of iframe by using jquery dialog

The solution is from http://stackoverflow.com

 

Once, i want to trigger the dialog in iframe, and want it to be openned in the parent page. but it always displayed in the iframe.

 

Here is a solution to let it open in the parent page, not iframe, just create the dialog(div) in the parent page, and use below code to trigger it.

 

var $jParent = window.parent.jQuery.noConflict(); var dlg1 = $jParent('#dialogDivInParent'); dlg1.dialog();