Событие, чтобы узнать, когда форма в iFrame была отправлена - PullRequest
2 голосов
/ 12 июля 2011

Хорошо, поэтому у меня есть iframe на странице контактов моего сайта.

Источник iframe указывает на другой файл, содержащий форму Google Docs.

После отправки формы документов Google страница перенаправляется на страницу Google с сообщением о том, что «ваш ответ записан».

У меня есть эта форма внутри iframe, чтобы она не перенаправляла зрителей со всего моего сайта, а вместо этого перенаправлялся только документ iframe.

Это все работает нормально, но я хочучтобы показать мое собственное сообщение вместо Google "ваш ответ был записан".

Для этого, в основном, я хочу знать, когда был перенаправлен iframe и / или (предпочтительно) форма была отправлена.

Вещи, которые я пробовал ...

  • onhaschange = "" внутри элемента iframe

  • onsubmit = "" внутри элемента формы (который находится в файле src iframe)

Есть еще идеи?

Ответы [ 3 ]

2 голосов
/ 12 июля 2011

Посмотрите на этот ответ: Обнаружение события изменения iFrame src? Создайте функцию, чтобы проверить, загружен ли контент из Google, и правильно отреагируйте.

0 голосов
/ 30 июня 2015

Слишком поздно, я думаю, но ... вот мой ответ.У меня была такая же викторина сегодня.

function getIframe(iframeElement){
    //retrieves the document element inside of an iframe
    return iframeElement.contentDocument;
}

var iframeElem = document.getElementById('iframeId');

iframeElem.onload = function(){
    //onload also catches form post sending
    var iframeDoc = getIframe( iframeTpv );
    //retrieves the height of the content's body
    var contentHeight = iframeDoc.body.scrollHeight;
    //do something ... 
}
0 голосов
/ 12 октября 2013

Для того же домена.Как обнаружить перед загрузкой iframe?некоторые как

$('#iframe').contents().find('a').click(function() {
    $('#iframe').animate({opacity:0.1},30);
});

Есть еще один правильный путь?Некоторым нравится iframe blur, src out ... event.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...