JSFiddle - React, Tailwind, and code Playground

by Joe Cisneros

HTML

eg:
<br/>Success Case :- http://www.w3schools.com/
<br/>Failure Case :- http://www.google.com
<br/>
<input type="text" id="addr" />
<input type="button" value="Go" onclick="change();" />
<iframe id="browse" style="width:100%;height:100%"></iframe>
<br>
<br>Credit: <a href="http://stackoverflow.com/questions/15273042/catch-error-if-iframe-src-fails-to-load-error-refused-to-display-http-ww/18552771#18552771" target="_blank">http://stackoverflow.com/questions/15273042/catch-error-if-iframe-src-fails-to-load-error-refused-to-display-http-ww/18552771#18552771</a>

JavaScript

var iframeError;

function change() {
    var url = $("#addr").val();
    $("#browse").attr("src", url);
    iframeError = setTimeout("error()", 500);
}

function load(e) {
    alert(e);
}

function error() {
    alert('error');
}

$(document).ready(function () {
    $('#browse').on('load', (function () {
        load('ok');
        clearTimeout(iframeError);
    }));

});