Как показать всплывающее окно в iframe снаружи?

Question

У меня есть одна страница (скажем, jobs.html) с iframe загружает другую страницу (скажем, joblist.html). Есть еще одно всплывающее окно (которое отображает описание работы, когда нажимает один заголовок), которое генерируется с помощью JavaScript, будет загруженна страницу в iframe, когда он загружается.Я должен загрузить всплывающее окно (описание работы всплывающее окно) за пределами iframe.Любое решение, чтобы получить тело документа jobs.html страницы с использованием JavaScript?или Как я могу получить это всплывающее окно вне iframe?

Спасибо,

Answer 1

Вы можете использовать родительскую функцию.

Вы можете определить функцию показа всплывающего окна на родительской странице. не в iFrame и вызовите эту функцию из iFrame.

Предположим, у вас есть функция отображения описания работы на родительской странице.

var showJobDesc = function(jobTitle,jobDesc,...){
    ....
}

теперь в iFrame вызывайте эту функцию как;

parent.showJobDesc(jobTitlem, jobDesc, ...);

При этом у вас нет проблем с размещением / выравниванием Диалога.

Answer 2

parent.showpopup () выдает ошибку «Отказано в доступе».В этом есть смысл, поскольку включение iframe означает, что разработчик страницы может контролировать страницу, на которой он находится.

Answer 3

Мне нужно загрузить всплывающее окно (всплывающее окно с описанием задания) за пределами iframe

Что вы имеете в виду, когда говорите, загружать всплывающее окно за пределами iframe?

Если вы хотите открыть другую страницу во всплывающем окне, используйте window.open

Если вы хотите открыть новую страницу вместо родительской страницы, используйте location окна

window.parent.location.href = "newPage.html"

В общем, вы можете обратиться к родительскому окну (окну, содержащему iframe), использовать window.parent (и, следовательно, родительское окнодокумент как window.parent.document и любой скрипт в родительском окне как window.parent.scriptName)

Answer 4

Поместите show javascript на страницу контейнера, а в iframe просто вызовите parent.showpopup().