Foros del Web » Programando para Internet » Jquery »

Mantener alto de div dinamico, con fadeOut jQuery

Estas en el tema de Mantener alto de div dinamico, con fadeOut jQuery en el foro de Jquery en Foros del Web. Hola a todos, espero que estén bien. Tengo un <div>, y dentro se muestra una <table> con datos dinamicos por medio de ajax, al presionar ...
  #1 (permalink)  
Antiguo 19/01/2012, 17:16
Avatar de truman_truman  
Fecha de Ingreso: febrero-2010
Ubicación: /home/user
Mensajes: 1.341
Antigüedad: 14 años, 2 meses
Puntos: 177
Mantener alto de div dinamico, con fadeOut jQuery

Hola a todos, espero que estén bien.

Tengo un <div>, y dentro se muestra una <table> con datos dinamicos por medio de ajax, al presionar un boton se muestran los resultados, cada resultado es distinto osea que la <table> tiene mayor o menor numero de <tr>, esto hace que el div contenedor se agrande o achique dependiendo del resultado.

Lo que quiero lograr es que el <div> contenedor no se achique al aplicar el efecto fadeOut a la table, quiero que mantenga su Alto.

Hay algun parametro que se le pueda pasar a fadeOut para realizar esto?


Código Javascript:
Ver original
  1. $('#seledtor').fadeOut(300, "linear")

Tampoco entendi para que sirve el parametro "linear"

EDIT: Dejo un ejemplo de lo que quiero aqui http://jsfiddle.net/truman_truman/23jAn/59/



EDIT: Logré hacerlo, en el link está la solucion, pero igualmente la dejo acá

Aquí capturo el alto actual del div y se lo asigno a si mismo
Código Javascript:
Ver original
  1. var alto = $("#contenido").height();
  2. $("#contenido").css("height",alto);



Codigo completo
Código Javascript:
Ver original
  1. $(document).ready(function(){
  2.    
  3.     $("#masDatos").click(function(){
  4.        
  5.        
  6.             var alto = $("#contenido").height();
  7.             $("#contenido").css("height",alto);
  8.             //alert(alto);
  9.        
  10.            $("#tabla1").fadeOut(1500, "linear", function(){
  11.                    
  12.                $("#contenido").html('<h1> No  quiero que se achique el alto</h1><br/><h1>EDIT: LO LOGRÉ, GRACIAS a TODOS</h1>');                    
  13.                    
  14.             });                          
  15.                        
  16.     });
  17.    
  18.    
  19. });


Gracias a todos
Saludos

.
__________________
la la la

Última edición por truman_truman; 19/01/2012 a las 19:40

Etiquetas: Ninguno
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 22:17.