Utilizando el visual_effect helper


#1

Estoy utilizando el helper “visual_effect” en el evento onclick de un
enlace para mostrar/ocultar una capa. ¿Como puedo hacer para que al
cargar la página la capa se encuentre “oculta”? Al parecer la función
toggle muestra (appear) u oculta (fade) la capa en función del “estado”
de la capa, alternando ambos estados.No tengo muy claro como hacer que
inicialmente se muestre el efecto “fade”. ¿Javascript puro y duro?


#2

Hola Alex, tal vez lo que necesites es un poco de CSS: colocale
“display:
none” en tu hoja de estilos para ese elemento.

Saludos.


#3

Mas bien es script.aculo.us puro y duro.

Yo he usado la funcion Effect.toggle con el parametro blind o el
blindup.
El efecto fade que dices con el appear.

Mas info y ejemplos al respecto en la documentación del scriptaculous:

http://wiki.github.com/madrobby/scriptaculous/effect-toggle


//Alex R.

2009/2/2 Alex E. removed_email_address@domain.invalid


#4

¿Dónde has añadido el display:none? Debes añadirlo en la capa
directamente,
no en el css

2009/2/3 Alex E. removed_email_address@domain.invalid


#5

Gracias por vuestras respuestas, pero sigo sin solucionar el
problemilla.

@Ruben Davila Ya he ocultado la capa con el display:none; pero luego no
consigo que se visualice al pinchar en el enlace.

@Alex R. Efectivamente estoy ya utilizando el efecto toggle con
la opción “appear”, pero lo que no se es como hacer que inicialmente la
capa que quiero mostrar/ocultar aparezca oculta. Tal y como comento mas
arriba he probado con CSS pero al parecer el efecto scriptacoulus no
hace que se pueda visualizar la capa.

Adjunto un pantallazo para que os hagaís una idea de lo que busco. La
idea es que salga un listado de resultados y que las descripciones (en
letra mas pequeña) estén ocultos, y que tras pinchar en el resultado se
vea la descripción.


#6

@Laura Valverde Has dado en el clavo. ¿Cual es a grandes rasgos la
diferencia? ¿Que tratamiento hace el javascript (scriptaculous) de dicho
atributo?

Muchas gracias por todo.


#7

Me alegro que lo hayas solucionado. Pienso que es porque Prototype
permite
modificar los atributos del documento, no los ficheros estáticos css.

Saludos!
2009/2/3 Alex E. removed_email_address@domain.invalid