My Web page uses iframes to collect content from other pages. All pages are in the same domain.
From the main page, is there a way to confirm that all iframes have loaded, and that there is no 404 error?
The 404 Page is handling an HTTP Status Code, which is only included in the server's response sent to the browser, but not in the actual window and document objects of the DOM that javascript may access. This means that while you certainly can collect the status-code and take appropriate actions, you may only do so when your javascript is receiving the response, such as with a jQuery.ajax() request or an XmlHttRequest to load your iframe.
If the above isn't an option, the only other possibility may be to check the title, and/or H tags, for 404 . While this is most certainly less than ideal (I'd love to see, 404, Movie not Found, the Movie.), it is your only other option.
$('#iframe').load(function (e) {
var iframe = $(#iframe)[0];
if ( iframe.innerHTML() ) {
// get and check the Title (and H tags if you want)
var ifTitle = iframe.contentDocument.title;
if ( ifTitle.indexOf(404)>=0 ) {
// we have a winner! probably a 404 page!
}
} else {
// didn't load
}
});
