Tengo un iframe que llama a una URL externa dinámica basada en un número de material. En general, cuando una página no está disponible para cargar en el iframe, la respuesta es 403.
En este caso, me gustaría ocultar el div externo (iframe-container) con Java Script.
<div class="iframe-container"> <iframe src="url-to-not-existing-page"></iframe> </div>¿Es esto posible?
Puede ocultar el div si el estado es diferente a 200, cambiando el estilo de visualización, en su Javascript puede lograrlo con el siguiente código, solo tiene que pasar la url dinámica a una función que verificará la disponibilidad de la url. Por favor cámbielo a su caso de uso:
function checkImage(url) { var request = new XMLHttpRequest(); request.open("GET", url, true); request.send(); request.onload = function() { status = request.status; if (request.status == 200) //if(statusText == OK) { const outerDiv = document.querySelector('.iframe-container') outerDiv.style.display = 'block' } else { const outerDiv = document.querySelector('.iframe-container') outerDiv.style.display = 'hidden' // or 'none' } } } checkImage("https://picsum.photos/200/300");