Вытеснение iframe с исходной страницы для отображения модального на родительской (верхней) странице

Question

Я пытаюсь заставить модальное окно выскочить из моего iframe на верхнюю страницу, когда пользователь щелкает изображение в iframe, которое будет отображать видео на главной (родительской) странице. У меня есть следующее, но я не уверен, как реализовать Ja vaScript, чтобы переместить модальное окно с страницы iframed на верхнюю страницу.

Это код iframe, который перейдет на родительскую страницу:

<iframe id="rtv-preview-frame" src="syndicateplayer.html" name="preview-frame" frameborder="0" noresize="noresize"></iframe>

Я пытаюсь выяснить, что мне нужно иметь на моем syndicateplayer.html страница, чтобы перенести содержимое модального окна на верхнюю страницу как модальное окно вверху. Если посмотреть на некоторые варианты, мне кажется, что мне нужно что-то похожее на страницу в iframe:

var $jParent = window.parent.jQuery;
var dlg1 = $jParent('.rtv-video');
dlg1.dialog();

Я пробовал это, но не смог заставить div вытолкнуть из iframe при нажатии. Какие-либо предложения?

Answer 1

Решение, которое я нашел, состоит в том, чтобы использовать http://www.ericmmartin.com/projects/simplemodal/ и использовать это для передачи модального к родителю из окна iframe: open из модального окна iframe в родительский