Скрыть iframe, если не правильно загружена

Question

У меня есть несколько фреймов, указывающих на внешние сайты на моей странице. Если эти службы прерваны или изменены, я хотел бы скрыть эти iframes вместо отображения сообщения об ошибке на моей странице. Есть ли способ узнать в Javascript, если iframe загружен правильно? я добавил класс, чтобы скрыть IFRAME, а затем удалить его с JQuery, когда IFrame готов, как это:

$('#widget').ready(function() { 
    $('#widget').removeClass('hidden'); 
}); 

Он по-прежнему удаляет скрытый класс, когда я поставил неверный URL в IFrame ЦСИ, показывая ошибка iframe. Мои вопросы: два:

• Как я могу заставить функцию запускаться, если iframe загружен правильно?
• Вместо того, чтобы использовать $ ('# widget'). Ready, я хотел бы использовать $ ('iframe'), готовый сразу нацелить все фреймы; если я это сделаю, как обратиться к определенному iframe, загруженному внутри функции?

Спасибо!

Answer 1

Ваш вопрос может быть сводились к:

, как я могу проверить, если URL существует и веб-сайт жив из JavaScript?

Ответ расщепляется в:

• Для внутренних адресов, использовать AJAX и проверить код ответа: если это 2xx или 3xx (например, 200 или 302), это нормально. Если это 4xx или 5xx (например, 404 или 500), это плохо. Подробнее о a similar answer.

• Для внешних ссылок , вы не можете сделать это из-за меры безопасности под названием same-origin policy.

Поскольку вы, кажется, указывают на внешние URL-адреса, вот мое предложение:

Создать серверный компонент (сервлета, а RESTful WebService, действие Struts2, и т.д ... все, что вы предпочитайте, в соответствии с используемой вами технологией сервера), которые выполняют проверку для вас, и возвращают потоковый ответ с данными (если есть) и кодом ответа HTTP, который вы можете проверить на наличие ошибок. Затем с s вызовите URL-адрес компонента.

Answer 2

Возможно, вы не можете делать то, что хотите, используя Javascript, вам понадобятся серверные вещи, например PHP.

Однако, вот некоторые полезные места для поиска дополнительной информации:

Вы можете запустить код еще через IFrame нагрузок с помощью этой функции JQuery:

$('#myIframe').load(function(){ 
    //your code (will be called once iframe is done loading) 
}); 

Посмотрите на this Stack Overflow question and answers о загрузке iframe.

Для целевого конкретного элемента внутри функции, сделайте следующее:

$('iframe').aFunction(function() { this.doSomething(); }); 

Посмотрите на this Stack Overflow question и ответы о "это".