JQuery UI Диалог внутри iframe

Question

Я разрабатываю приложение sp2013, а это означает, что он использует iframes. В частности, это очень большой iframe, который занимает большую часть экрана. Во многих случаях я открываю диалоговые окна jquery ui. Они настроены на то, чтобы появляться в середине области просмотра, что здорово, за исключением того, что оно отображается в середине iframe, а не в середине видимого экрана.

Есть ли способ, которым я могу указать jquery ui, чтобы просмотреть свойства прокрутки window.top, вместо iframes?

Редактировать: IFrame и родитель находятся в одном домене, поэтому проблемы с междоменным доступом не являются проблемой.

Answer 1

Хорошо, поэтому я нашел решение. Когда я объявляю свой диалог, я сделал следующее:

$("selector").dialog({ 
    position: {my: "center", at: "center", of: window.top} 
}); 

Answer 2

HTML:

<div id="dialog">Hello, world!</div> 

JQuery:

alert('Window size: '+window.innerWidth); 
var dialogWidth = 500; 
var dialogHeight = 200; 
var dialogX = (window.innerWidth - dialogWidth)/2; 
var dialogY = (window.innerHeight - dialogHeight)/2; 
$("#dialog").dialog({ position: [dialogX,dialogY], width: dialogWidth, height: dialogHeight }, 500); 
alert('Dialog position: '+$("#dialog").dialog("option", "position")); 

Fiddle: http://jsfiddle.net/3vjsa/3/

Запускается внутри фрейма. Центрируется по горизонтали и по вертикали. Если центрированное положение окна выйдет за пределы iframe, оно будет перемещено к краю iframe. Добавлены сообщения оповещения, чтобы показать ширину окна и положение диалога.