Demo Dynamic HTML - Ventana independiente de dimensiones variables

Ventana de dimensiones variables

Compatibilidad: Ms Internet Explorer, Netscape

Haciendo clic en el enlace que figura en esta demo, se abre una pequeña ventana independiente que se agranda gradualmente hasta llegar a ocupar toda la pantalla.

[ Muestra el ejemplo práctico ]

el código para insertar en tu página

<TITLE>Demo Dynamic HTML: ejemplo práctico </TITLE>

</HEAD>

<script>
<!--

var mylocation="../index.html"
var winheight=100
var winsize=100
var x=5

function go(){
win2=window.open("","","scrollbars")
if (!document.layers&&!document.all){
win2.location=mylocation
return
}
win2.resizeTo(100,100)
win2.moveTo(0,0)
go2()
}
function go2(){
if (winheight>=screen.availHeight-3)
x=0
win2.resizeBy(5,x)
winheight+=5
winsize+=5
if (winsize>=screen.width-5){
win2.location=mylocation
winheight=100
winsize=100
x=5
return
}
setTimeout("go2()",50)
}
//-->
</script>
<a href="javascript:go()" onMouseover="window.status='open window';return true" onMouseout="window.status=''" ><font size=3><b>Apri la finestra</b></font></a>

</body>
</html>

[Baja en un único archivo .zip, las imágenes y demás archivos necesarios
para el funcionamiento de las demo de esta sección]