bueno soy nuevo en la programacion, estuve buscando un codigo que me amplie y me reduzca una tabla con java y conseguí este:
Código PHP:
<script>
function achicar(minimo){
contenido = document.getElementById("tabla"); //capturo tabla en la variable contenido
contenido.innerHTML = ""; //borro el texto del div
altura = document.getElementById("tabla").style.h… //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("tabla").style.h… = 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)",1); //cada microsegundo se repetira la accion hasta q altura sea menor o igual a minimo
}
}
function agrandar(maximo,minimo){
contenido = document.getElementById("tabla"); //capturo tabla en la variable contenido
altura = document.getElementById("tabla").style.h… //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("tabla").style.h… = 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
es un simple javascript que cada 1 microsegundos aumenta +1 la altura de la tabla
Luego<br><br><br><br><br><br><br><br><br… comprueba q la altura actual sea igual a la altura limite, en ese momento lanzo este texto
¿Simple no?
jaja xD
<a href=\"#\" onClick=\"achicar("+minimo+");\">Esconde…
}
}
if(altura < maximo){ //condicional.. si altura es menor que maximo
Rmaximo = maximo;
Rminimo = minimo;
setTimeout("agrandar(Rmaximo,Rminimo)",1… //cada microsegundo se repetira la accion hasta q altura sea mayor o igual a maximo
}
}
</script>
</head>
<body>
<table class="caja" width="400" align="center">
<tr>
<td >Caja de texto
<br></td>
</tr>
<tr>
<td>Para ampliar el contenido haga clic <a href="#" onClick="agrandar(120,20);">aqui</a></td…
</tr>
<tr>
<td id="tabla" style="height:20px;"></div></td>
</tr>
</table>
</body>
el problema es que solo me reduce y amplia el texto que esta en el codigo de javascript ( contenido.innerHTML = ) y no el texto del html o mejor dicho de la tabla
¿como hago para que me reduzca también en la tabla?
les agradezco su ayuda
saludos