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/

No hay comentarios: