Discussion:
[css]-acordeon
(demasiado antiguo para responder)
BIGOTE
2009-03-15 09:11:22 UTC
Permalink
Hola:

Tengo que presentar una lista donde cada fila tendrá el nombre de un
cliente.

Al hacer click sobre el nombre, necesito que: se corra la lista hacia
abajo y se vea una imagen, o se cierre, en el caso que ya estaba
viéndose. El nombre y la imagen pueden estar en la misma capa, anidados
o separados.

Estuve buscando y parece ser que lo que necesito es el efecto acordeon,
pero los ejemplos que encontré son demasiado complejos para lo que yo
necesito y me llevaría mucho tiempo depurarlo.

¿Tienen alguna dirección o unas líneas de algo sencillo?.

Tengo una idea de como hacerlo, pero tengo un conocimiento muy básico de
css.

Gracias
BIGOTE
2009-03-15 19:19:58 UTC
Permalink
Ya encontré la forma de hacerlo. Una pavada, sólo hay que jugar con el
modo display.
Post by BIGOTE
Tengo que presentar una lista donde cada fila tendrá el nombre de un
cliente.
Al hacer click sobre el nombre, necesito que: se corra la lista hacia
abajo y se vea una imagen, o se cierre, en el caso que ya estaba
viéndose. El nombre y la imagen pueden estar en la misma capa, anidados
o separados.
Estuve buscando y parece ser que lo que necesito es el efecto acordeon,
pero los ejemplos que encontré son demasiado complejos para lo que yo
necesito y me llevaría mucho tiempo depurarlo.
¿Tienen alguna dirección o unas líneas de algo sencillo?.
Tengo una idea de como hacerlo, pero tengo un conocimiento muy básico de
css.
Gracias
: : Ale Photoshop : :
2009-03-15 20:46:09 UTC
Permalink
Como estás bigote?
Te cuento, el DW te lo arma automaticamente, está en el panel
insertar>Spry>acordeon de spry
Es muy sencillo y sobre todo personalizable, lo podes armar horizontal o
vertical... eso si, es basado en html y AJAX, no es en flash. te lo comento
porque no se en que lo bascabas hacer...
Post by BIGOTE
Tengo que presentar una lista donde cada fila tendrá el nombre de un
cliente.
Al hacer click sobre el nombre, necesito que: se corra la lista hacia
abajo y se vea una imagen, o se cierre, en el caso que ya estaba viéndose.
El nombre y la imagen pueden estar en la misma capa, anidados o separados.
Estuve buscando y parece ser que lo que necesito es el efecto acordeon,
pero los ejemplos que encontré son demasiado complejos para lo que yo
necesito y me llevaría mucho tiempo depurarlo.
¿Tienen alguna dirección o unas líneas de algo sencillo?.
Tengo una idea de como hacerlo, pero tengo un conocimiento muy básico de
css.
Gracias
BIGOTE
2009-03-15 23:43:12 UTC
Permalink
Gracias Ale. Si, buscaba hacerlo con capas y manejarlas con javascript.
Algo rapidito y sencillo. Ya lo tengo, resultó más fácil de lo que
pensaba. Es sólo cambiar una propiedad.

Al buscar, encontré datos sobre ese componente, así que lo tengo
agendado para verlo tranquilo en cuanto salga de esto.

Dejo un ejemplo:

en javascript:
var obj = document.getElementById(capa);
if(obj.style.display == "block"){
obj.style.display = "none";
}else{
obj.style.display = "block"
}
}

capas:
<div id="capaContenedora" onclick="mostrar('capaInfo')">
Lo que se ve
<div id="capaInfo" style="display:none;">
Lo que se va a ver
</div>
</div>
Post by : : Ale Photoshop : :
Como estás bigote?
Te cuento, el DW te lo arma automaticamente, está en el panel
insertar>Spry>acordeon de spry
Es muy sencillo y sobre todo personalizable, lo podes armar horizontal o
vertical... eso si, es basado en html y AJAX, no es en flash. te lo
comento porque no se en que lo bascabas hacer...
Post by BIGOTE
Tengo que presentar una lista donde cada fila tendrá el nombre de un
cliente.
Al hacer click sobre el nombre, necesito que: se corra la lista hacia
abajo y se vea una imagen, o se cierre, en el caso que ya estaba
viéndose. El nombre y la imagen pueden estar en la misma capa,
anidados o separados.
Estuve buscando y parece ser que lo que necesito es el efecto
acordeon, pero los ejemplos que encontré son demasiado complejos para
lo que yo necesito y me llevaría mucho tiempo depurarlo.
¿Tienen alguna dirección o unas líneas de algo sencillo?.
Tengo una idea de como hacerlo, pero tengo un conocimiento muy básico
de css.
Gracias
Loading...