
muy buena aportacion, estaba por realizar eso para un sitio web :)
le di una pequenya editada, ahora le puedes poner las cajas que quieras y te las maximiza y minimiza. solo enviando el ID y las dimensiones de la celda. Gracias
Código PHP:
<script>
function achicar(minimo,ID){
ID2=ID;
contenido = document.getElementById(ID2); //capturo tabla en la variable contenido
contenido.innerHTML = ""; //borro el texto del div
altura = document.getElementById(ID2).style.height; //obtengo altura
altura = parseFloat(altura); //cambio altura a numero para manejar condicionales
if(altura > minimo){ //condicional.. si altura es mayor q minimo
altura--; //altura se reduce en 1 unidad
document.getElementById(ID2).style.height = altura; //otorgo nuevo valor de altura reducido en 1
}
if(altura > minimo){ //condicional.. si altura es mayor que minimo
Rminimo = minimo; //creo la variable rminimo para pasarla nuevamente
setTimeout("achicar(Rminimo,ID2)",1); //cada microsegundo se repetira la accion hasta q altura sea menor o igual a minimo
}
}
function agrandar(maximo,minimo,ID){
ID2=ID;
contenido = document.getElementById(ID); //capturo tabla en la variable contenido
altura = document.getElementById(ID).style.height; //obtengo altura
altura = parseFloat(altura); //cambio altura a numero para manejar condicionales
if(altura < maximo){ //condicional.. si altura es menor que maximo
altura++; //Altura aumenta en 1 unidad
document.getElementById(ID).style.height = altura; //otorgo nuevo valor de altura aumentado en 1
AgregarTexto = altura+1; //le sumo a altura una unidad, y coloco ese valor dentro de la variable AgregarTexto
if(AgregarTexto == maximo){ //Si AgregarTexto es igual a la altura maxima, ingreso el contenido en el div
contenido.innerHTML = "Ahora puede leer este contenido<br /> es un simple javascript que cada 1 microsegundos aumenta +1 la altura de la tabla<br />Luego comprueba q la altura actual sea igual a la altura limite, en ese momento lanzo este texto<br /> ¿Simple no?<br /> jaja xD <br />";
}
}
if(altura < maximo){ //condicional.. si altura es menor que maximo
Rmaximo = maximo;
Rminimo = minimo;
setTimeout("agrandar(Rmaximo,Rminimo,ID2)",1); //cada microsegundo se repetira la accion hasta q altura sea mayor o igual a maximo
}
}
</script>
html:
Código PHP:
<table class="caja" width="400" align="center">
<tr>
<td>Caja de texto1</td>
</tr>
<tr>
<td>Para ampliar el contenido haga clic <a href="#" onClick="agrandar(120,20,'celda1');">aqui</a></td><td>Para minimizar el contenido haga clic <a href="#" onClick="achicar(20,'celda1');">aqui</a></td>
</tr>
<tr>
<td id="celda1" style="height:20px;"></div></td>
</tr>
.
.
.
.
.
.
</table>