Expandir y Contraer un Frame

proteus8 · #1 (**permalink**) 13/05/2013, 20:31

hola a todos, tengo un problemita que espero me puedan ayudar a resolver, eh buscado por google pero no logro encontrar la solucion, tengo una pagina con 4 frame y quiero poner un boton en cada uno de ellos y que al presionar este botón el frame se contraiga y al presionarlo nuevamente el frame se expanda, tal y como lo hace esta pagina al pinchar sobre el boton ">" http://proteus8.p.ht/Pruebas/inicio.php
tengo el siguiente codigo en uno de mis frame, el que funciona siempre y cuando no se haya dimensionado el frame manualmente es decir que se pinche en el borde de frame y se expanda si hago eso ya deja de funcionar bien.
este es el codigo.

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 
<html>
<head>
<title>Untitled</title>

Código Javascript:

Ver original<script>
function cambiar(){
    var ancho=parent.document.getElementById('dos').width;
    alert(ancho);
if (ancho>20)
{
    top.document.getElementById('segundo').cols='20px,*,250px'
} 
if (ancho<=20)
{
    top.document.getElementById('segundo').cols='260,*,250'
}
 
}
</script>

Código HTML:

Ver original</head>
 
<body leftmargin="0" topmargin="0">
<div id="top" style="background:url(titulos_griilas.png)"><input type="button" onclick="cambiar(this)" value="Quitar"></div>
 
</body>
</html>

espero me puedan ayudar por favor!!!!