Right Now!: Iframe

martes, 1 de marzo de 2011

Ejecutar una función dentro de un IFrame

Algunas veces de acuerdo a la definición de la navegación de una aplicación. Nos vemos en la necesidad de usar Iframes. Agregando esta decisión una dificultad al momento de programar.

Una de ellas, es como ejecutar una función que esta dentro de un iframe desde la pagina donde se define el iframe. Lo mejor de todo es que hay solución para esto. Se trata de la propiedad contentWindow:

<script>
function ejecutarFuncion(){
document.getElementById('icontenido').contentWindow.nuevoCotizacion();
}
</script>

Explicación:
Se debe asumir que hay una pagina (index.htm) la cual contiene un iframe (icontenido) y una funcion (ejecutarFuncion), dentro del cual esta otra página (otrapag.htm) que tiene una función llamada nuevoCotizacion().

Ver Tambien:
Ajustar Ancho Iframe con Javascript

viernes, 19 de noviembre de 2010

Ajustar ancho de un iframe desde Javascript

El siguiente código, es una prueba que realize para comprobar si se puede ajustar el ancho de un iframe desde Javascript. El cual funciona.

<html>
<head>
<title></title>
<script type="text/javascript">

function resizeIframe(){
var miIframe=document.getElementById("icontenido");
var alturaPagina= document.getElementById('ancho').value;
miIframe.style.height=alturaPagina;

}

</script>
</head>
<body>
Ancho <input type="text" id="ancho" /> <input type="button" value="Ajustar" onclick="resizeIframe()" />
<iframe name="icontenido" id="icontenido" width="100%" scrolling="no" frameborder="1" vspace="0" hspace="0">
</iframe>
</body>
</html>

Si lo anterior no funciona esta solución esta buena de igual manera:
http://www.lost-in-code.com/programming/jquery-auto-iframe-height/