Ver Mensaje Individual
  #2 (permalink)  
Antiguo 14/07/2007, 13:48
silence_off
 
Fecha de Ingreso: marzo-2006
Mensajes: 137
Antigüedad: 19 años
Puntos: 0
Re: Codigo de ejemplo (agrandar tabla tiempo real)

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
__________________
__Neurotic-Developer....:::: La unica limitacion de la programacion, es el programador.