¿Hay alguna manera de detectar la altura y el ancho de un iframe ejecutando un script desde dentro del iframe? Necesito posicionar dinámicamente algunos elementos en el iframe de acuerdo con las diferentes alturas/anchuras del iframe.
¿Habría alguna diferencia si hay varios iframes en la misma página? es decir, cada iframe quiere encontrar sus propias dimensiones.
Soluciones Javascript o jquery bienvenidas.
¡Gracias!
<iframe src='http://example.com' width='640' height='480' scrolling='no' frameborder='0' longdesc='http://example.com'></iframe>Los iframes deben estar incrustados en otros sitios y, como se menciona en una de las respuestas a continuación, he tenido problemas con los permisos.
Si la página de su iframe y su página principal se sirven desde diferentes dominios (lo que significa que no puede acceder a las propiedades DOM de la página principal desde la página del iframe), entonces creo que es lo mismo que cuando intenta calcular la altura de la ventana gráfica.
Para eso, ver:
O posiblemente esto:
Tenga en cuenta que código como este:
var thisIframesHeight = window.parent.$("iframe.itsID").height();solo será seguro si la fuente del iframe y la ventana principal son del mismo dominio. De lo contrario, obtendrá problemas con el permiso denegado y tendrá que adoptar otro enfoque.
Supongo que cada <iframe> necesitaría una id . Y luego dentro del <iframe> lo referenciarías así:
var thisIframesHeight = window.parent.$("iframe#itsID").height();