validate "Src" attribute value of "iframe" element

thanks for ur suggestion sourabh .

"onerror" is not working but find "onload" event which is firing even the src is wrong.. Example below.

5 Replies

Know the answer? Post it — somebody with the same question will find it here.

Francis Susaimichael10y ago
I would suggest, you can change the way to display the google map, like below:

http://stackoverflow.com/questions/18190813/how-to-load-a-google-map-in-an-iframe-with-javascript
Debsankar Patra10y ago
No,the URL(i,e SRC attribute value for google map)cann't be checked for status of the web request as it should always need to pass through a ifram element.
Francis Susaimichael10y ago
Why don't you go with "ajax" calls using JQuery. If you go with it, you can figure it out the exact error for the response and inject your the response to the iframe.

Let me know your thoughts! Hope this helps a bit to forward!
Debsankar Patra10y ago
thanks for ur suggestion sourabh .
"onerror" is not working but find "onload" event which is firing even the src is wrong.. Example below.
// onload="MyMsg()" </body> </html></div><div> Can u suggest anything else with this?</div><div>Thanks.. </div></div><div class="comment-foot"></div></div></article></li><li class="comment-thread"><article class="comment"><a class="comment-photo-link" href="/members/sourabh-somani" title="Sourabh Somani"><img class="comment-photo" src="https://cdn.c-sharpcorner.com/uploadfile/authorimage/75a48f20180104042632.webp" alt="Sourabh Somani" title="Sourabh Somani" loading="lazy" data-avatar-name="Sourabh Somani" referrerPolicy="no-referrer"/></a><div class="comment-main"><div class="comment-head"><p class="comment-byline"><a href="/members/sourabh-somani" class="comment-author">Sourabh Somani</a><span class="posted-when" tabindex="0"><time class="posted-when-value comment-time" dateTime="2015-11-16T10:19:38.580Z">10y ago</time><span class="posted-when-pop" role="tooltip"><span>Posted Nov 16, 2015, 10:19 AM</span></span></span></p></div><div class="article-body"><div>Try <strong>onerror event </strong>of DHTML</div><div>Example 1. </div><div><iframe src="Provide Source of URL here" onerror="alert('Error')"/></div><div> </div><div>Example 2:</div><div><iframe src="Provide Source of URL here" onerror="Function()"/> </div></div><div class="comment-foot"></div></div></article></li></ul></section></div></div><script>$RS=function(a,b){a=document.getElementById(a);b=document.getElementById(b);for(a.parentNode.removeChild(a);a.firstChild;)b.parentNode.insertBefore(a.firstChild,b);b.parentNode.removeChild(b)};$RS("S:2","P:2")</script><script>$RB=[];$RV=function(a){$RT=performance.now();for(var b=0;b<a.length;b+=2){var c=a[b],e=a[b+1];null!==e.parentNode&&e.parentNode.removeChild(e);var f=c.parentNode;if(f){var g=c.previousSibling,h=0;do{if(c&&8===c.nodeType){var d=c.data;if("/$"===d||"/&"===d)if(0===h)break;else h--;else"$"!==d&&"$?"!==d&&"$~"!==d&&"$!"!==d&&"&"!==d||h++}d=c.nextSibling;f.removeChild(c);c=d}while(c);for(;e.firstChild;)f.insertBefore(e.firstChild,c);g.data="$";g._reactRetry&&requestAnimationFrame(g._reactRetry)}}a.length=0}; $RC=function(a,b){if(b=document.getElementById(b))(a=document.getElementById(a))?(a.previousSibling.data="$~",$RB.push(a,b),2===$RB.length&&("number"!==typeof $RT?requestAnimationFrame($RV.bind(null,$RB)):(a=performance.now(),setTimeout($RV.bind(null,$RB),2300>a&&2E3<a?2300-a:$RT+300-a)))):b.parentNode.removeChild(b)};$RC("B:1","S:1")</script><div style="display:none" id="S:3"></div><script>$RC("B:3","S:3")</script><div style="display:none" id="S:0"></div><script>$RC("B:0","S:0")</script></body></html>