Foros del Web » Programando para Internet » Javascript »

Desplegar DIV lentamente

Estas en el tema de Desplegar DIV lentamente en el foro de Javascript en Foros del Web. ¿Alguien tiene idea de cómo desplegar un div lentamente usando Javascript? Si me sé las dimensiones del DIV, puedo hacer una función para que ponga ...
  #1 (permalink)  
Antiguo 23/07/2010, 06:59
 
Fecha de Ingreso: noviembre-2006
Mensajes: 166
Antigüedad: 17 años, 5 meses
Puntos: 4
Desplegar DIV lentamente

¿Alguien tiene idea de cómo desplegar un div lentamente usando Javascript?

Si me sé las dimensiones del DIV, puedo hacer una función para que ponga el div 0px de alto y vaya aumentándolo hasta alcanzar su tamaño original.
¿Pero qué pasa si desconozco lo que mide el DIV de alto, o simplemente el div no tiene altura, es de alto dinámico (será tan alto como contenido haya)?
  #2 (permalink)  
Antiguo 23/07/2010, 07:07
Avatar de Vun
Vun
Colaborador
 
Fecha de Ingreso: agosto-2009
Ubicación: Benalmádena, España
Mensajes: 2.265
Antigüedad: 14 años, 8 meses
Puntos: 150
Respuesta: Desplegar DIV lentamente

Si quieres usar jquery, es muy sencillo, te dejo una guia con ejemplos: http://tarjuccino.com/tutoriales/dis...y-show-y-hide/
  #3 (permalink)  
Antiguo 23/07/2010, 07:09
 
Fecha de Ingreso: noviembre-2006
Mensajes: 166
Antigüedad: 17 años, 5 meses
Puntos: 4
Respuesta: Desplegar DIV lentamente

Gracias Vun. Pero no quiero usar JQuery solamente para eso, ya que es demasiado pesado.
  #4 (permalink)  
Antiguo 23/07/2010, 07:13
Avatar de Vun
Vun
Colaborador
 
Fecha de Ingreso: agosto-2009
Ubicación: Benalmádena, España
Mensajes: 2.265
Antigüedad: 14 años, 8 meses
Puntos: 150
Respuesta: Desplegar DIV lentamente

Ok, aqui te busque este script:

http://psoug.org/snippet/Smooth-Div-ShowHide_236.htm
  #5 (permalink)  
Antiguo 23/07/2010, 08:28
 
Fecha de Ingreso: noviembre-2006
Mensajes: 166
Antigüedad: 17 años, 5 meses
Puntos: 4
Respuesta: Desplegar DIV lentamente

Cita:
Iniciado por Vun Ver Mensaje
Vun, el ejemplo este se estira hasta alcanzar 80px, que está escrito manualmente en el código.
Como bien he dicho en el primer mensaje, lo que quiero es expandir un div sin necesidad de saber cuánto va a ocupar de alto.
  #6 (permalink)  
Antiguo 23/07/2010, 12:52
Avatar de Vun
Vun
Colaborador
 
Fecha de Ingreso: agosto-2009
Ubicación: Benalmádena, España
Mensajes: 2.265
Antigüedad: 14 años, 8 meses
Puntos: 150
Respuesta: Desplegar DIV lentamente

¿Buscaste por google por "smooth slide javascript" o algo por el estilo?
  #7 (permalink)  
Antiguo 23/07/2010, 13:04
 
Fecha de Ingreso: noviembre-2006
Mensajes: 166
Antigüedad: 17 años, 5 meses
Puntos: 4
Respuesta: Desplegar DIV lentamente

Gracias por molestarte Vun.
He estado un rato buscando en Google y no he dado con lo que busco. Algunos ejemplos que he encontrado son como el que me has pasado, que hay que indicarle la altura.
¿Tan difícil es?
Tampoco es necesario encontrarlo todo hecho. Sólo que con lo que sé de javascript no se me ocurre cómo hacerlo.
Necesito alguna idea y, a partir de ahí, programar el resto yo.
  #8 (permalink)  
Antiguo 27/07/2010, 20:06
 
Fecha de Ingreso: noviembre-2006
Mensajes: 166
Antigüedad: 17 años, 5 meses
Puntos: 4
Respuesta: Desplegar DIV lentamente

¿Ideas...?
  #9 (permalink)  
Antiguo 28/07/2010, 03:32
 
Fecha de Ingreso: junio-2010
Mensajes: 76
Antigüedad: 13 años, 10 meses
Puntos: 2
Respuesta: Desplegar DIV lentamente

Usando jQuery hay una opcion de mostrar en 'version' fast o en slow, solo mira tutoriales jquery y es mucho mejor asi porque no tienes que comerte el coco con una cosa que ya esta hecha.

Aunke si quieres hacer a pelo: Yo sugiero hacer un setInterval e ir subiendo el porcentaje y no pixeles de la imagen, con eso te quitas de rollos, y vas subiendo 10% de la imagen cada x hasta el 100% por ejemplo.
  #10 (permalink)  
Antiguo 28/07/2010, 04:50
Avatar de Vun
Vun
Colaborador
 
Fecha de Ingreso: agosto-2009
Ubicación: Benalmádena, España
Mensajes: 2.265
Antigüedad: 14 años, 8 meses
Puntos: 150
Respuesta: Desplegar DIV lentamente

No estoy 100% seguro pero creo que en este script los <div> no tienen fijada la altura: http://www.dynamicdrive.com/dynamici...edcollapse.htm

Good luck!
  #11 (permalink)  
Antiguo 28/07/2010, 07:55
 
Fecha de Ingreso: noviembre-2006
Mensajes: 166
Antigüedad: 17 años, 5 meses
Puntos: 4
Respuesta: Desplegar DIV lentamente

Cita:
Iniciado por Vun Ver Mensaje
No estoy 100% seguro pero creo que en este script los <div> no tienen fijada la altura: http://www.dynamicdrive.com/dynamici...edcollapse.htm

Good luck!
Qué mala suerte. Ese hace uso de jquery >_<

Etiquetas: desplegar
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 17:52.