Foros del Web » Creando para Internet » HTML »

Cómo hacer unas capas "deslizantes"

Estas en el tema de Cómo hacer unas capas "deslizantes" en el foro de HTML en Foros del Web. Hola!!! Estoy tratando de hacer una especie de glosario sobre términos que aparecen en mi página, y me gustaría que apareciese una lista de términos ...
  #1 (permalink)  
Antiguo 28/11/2010, 11:57
 
Fecha de Ingreso: diciembre-2008
Mensajes: 62
Antigüedad: 15 años, 3 meses
Puntos: 0
Cómo hacer unas capas "deslizantes"

Hola!!!

Estoy tratando de hacer una especie de glosario sobre términos que aparecen en mi página, y me gustaría que apareciese una lista de términos ordenada alfabéticamente y que, al pincha sobre una palabra, el resto del diccionario se deslizase hacia abajo, dejando ver la definición y una imagen o video.
También que, al volver a pinchar sobre el enlace, la capa de abajo se oculte de nuevo.

Quiero hacer algo parecido a lo que se ve en:
http://www.zoea.com/madrid1/index.ph...cion-owd-padi/

He podido hacer un apaño con números y el orden de los objetos de la página, pero claro, si hacía una lista inicial de términos, luego no podía añadir términos intermedios, porque entonces me tocaba renumerar todo lo que había debajo y era un horror.

ALguien puede echarme un cable? O indicarme dónde puedo encontrar un tutorial para hacerlo??

Muchas gracias!!!!
  #2 (permalink)  
Antiguo 28/11/2010, 12:35
 
Fecha de Ingreso: septiembre-2010
Mensajes: 525
Antigüedad: 13 años, 6 meses
Puntos: 59
Se puede hacer con JavaScript, busca con Google: javascript capas deslizantes.

Con JQuery es sencillo de hacer: tutorial.

Saludos
__________________
01011111 01000001 01100100 01110010 01101001 01100001 01101110 01011111
  #3 (permalink)  
Antiguo 28/11/2010, 13:30
 
Fecha de Ingreso: diciembre-2008
Mensajes: 62
Antigüedad: 15 años, 3 meses
Puntos: 0
Respuesta: Cómo hacer unas capas "deslizantes"

Cita:
Iniciado por _Adrian_ Ver Mensaje
Se puede hacer con JavaScript, busca con Google: javascript capas deslizantes.

Con JQuery es sencillo de hacer: tutorial.

Saludos
Tiene muy buena pinta, sobre todo lo del jquery... voy a echarle un ojo

gracias!!!
  #4 (permalink)  
Antiguo 29/11/2010, 02:51
 
Fecha de Ingreso: diciembre-2008
Mensajes: 62
Antigüedad: 15 años, 3 meses
Puntos: 0
Respuesta: Cómo hacer unas capas "deslizantes"

Bueno, pues mi gozo en un pozo.....

no logro hacer que funcione como quiero...

1.- con jQuery sólo me funciona para varios enlaces si repito todo el código (no sólo en la definición de capas, sino en la definición de Javascript... no hay ningún método para hacerlo con bucles o similar??
Además, hay que tener en cuenta que ahora mismo podría meter unos 50 términos, pero si la página crece, podría meter, digamos, 50 más... y estos últimos irían entremezclados con los anteriores (al ser por orden alfabético, pueden aparecer términos en letras que ya se hayan usado...)

2.- Además, el jquery sólo me funciona en Firefox, en IE no funciona (tampoco funciona el ejemplo que aparece en el tutorial

3.- cuando hago la búsqueda de capas deslizantes, siempre me salen referencias a una capa que se mueve según desplazo la barra de scroll vertical... que no está mal, pero no es lo que busco :(

En fin... muchísimas gracias, pero tienes más ideas??

Más sugerencias??
  #5 (permalink)  
Antiguo 29/11/2010, 11:55
 
Fecha de Ingreso: diciembre-2008
Mensajes: 62
Antigüedad: 15 años, 3 meses
Puntos: 0
Respuesta: Cómo hacer unas capas "deslizantes"

Mierda!!! No quería responder, y ahora no me deja eliminar el mensaje, sólo editarlo.....

Bueno, ya que estamos..... alguna idea?

GRaciasssssss!!!!!!!!!!
  #6 (permalink)  
Antiguo 29/11/2010, 20:16
 
Fecha de Ingreso: septiembre-2010
Mensajes: 525
Antigüedad: 13 años, 6 meses
Puntos: 59
Intenta con la biblioteca script.aculo.us (http://madrobby.github.com/scriptacu...ation-effects/) (está en inglés).

Saludos
__________________
01011111 01000001 01100100 01110010 01101001 01100001 01101110 01011111

Última edición por _Adrian_; 29/11/2010 a las 20:40
  #7 (permalink)  
Antiguo 30/11/2010, 02:33
 
Fecha de Ingreso: diciembre-2008
Mensajes: 62
Antigüedad: 15 años, 3 meses
Puntos: 0
Respuesta: Cómo hacer unas capas "deslizantes"

Cita:
Iniciado por _Adrian_ Ver Mensaje
Intenta con la biblioteca script.aculo.us (http://madrobby.github.com/scriptacu...ation-effects/) (está en inglés).

Saludos
Eso tiene buena pinta, y los scripts parecen fáciles (buenos para alguien como yo, jeje)

En cualquier caso, los he probado y no me funcionan.... algo debo hacer mal en la carga de la libreria, supongo, porque si no, no me lo explico....

Por el momento, el problema que tenía lo he solucionado con la propiedad "style.display" de las capas, pero no queda tan bien como quería (o como me habéis enseñado con los ejemplos...)
Alguien puede orientarme con esto???

GRacias de nuevo!!!!
  #8 (permalink)  
Antiguo 01/12/2010, 01:29
 
Fecha de Ingreso: diciembre-2008
Mensajes: 62
Antigüedad: 15 años, 3 meses
Puntos: 0
Respuesta: Cómo hacer unas capas "deslizantes"

Solucionado!!!!

Después de toda la mañana enredando, he logrado hacer que parezca lo que tenía en mente
Podría hacer usado una programación más fina, seguro, pero por el momento tendrá que valer.

Gracias al Script que me ha recomendado el amigo _Adrian_ (el cual se ha ganado un karmita, por supuesto).

Si queréis echarle un ojo, podéis ver el ejemplo en:
http://www.indiaca.es/index.php?destino=glosario

GRacias a los que me habéis ayudado!!!!

Etiquetas: capas
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 13:57.