Обновление вложенного iframe из отдельного окна

Question

У меня есть iframe с именем "mainframe", вы нажимаете на ссылку внутри iframe, и он использует javascript, чтобы открыть небольшое всплывающее окно. У меня есть форма внутри этого всплывающего окна, которая представляет данные для отображения в iframe. (это функция комментариев) Я хочу, чтобы когда пользователь нажимал «отправить», всплывающее окно закрывалось, и iframe обновлялся. Как это сделать?

Answer 1

Попробуйте следующее, чтобы обновить ваш iframe: document.getElementById ( "мэйнфреймов") contentDocument.location.reload (истина);.

Answer 2

Из всплывающего окна вы можете использовать свойство opener для перехода в родительское окно.Оттуда вы можете использовать коллекцию frames, чтобы добраться до своего iframe ...

window.onload = function() {
  document.getElementById('btnSubmit').onclick = function() {
    opener.frames[0].location.reload(true);
    self.close();
  }
}

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

function refreshIframe() {
  setTimeout(function() {
    frames[0].location.reload(true);
  }, 1000);
}

И вызвать его из всплывающего окна ...

opener.refreshIframe();
self.close();

Answer 3

Это может показаться глупым ответом, но давайте бросим дротик с закрытыми глазами. Таким образом, вы можете сделать это с помощью jquery в случае, если div не уверен насчет фрейма, но должен работать по-моему