Forum: Rails-ES Utilizando el visual_effect helper

Announcement (2017-05-07): www.ruby-forum.com is now read-only since I unfortunately do not have the time to support and maintain the forum any more. Please see rubyonrails.org/community and ruby-lang.org/en/community for other Rails- und Ruby-related community platforms.
Dca0370ea5c32cb1119a81d83b776138?d=identicon&s=25 Alex Epelde (epelde)
on 2009-02-02 16:43
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?
0e34c56054c414263e933a1b8b3d0d55?d=identicon&s=25 Ruben Davila (rdavila)
on 2009-02-02 20:20
(Received via mailing list)
Hola Alex, tal vez lo que necesites es un poco de CSS: colocale
"display:
none" en tu hoja de estilos para ese elemento.

Saludos.
1ff68ca8d4fe60d2c97bc2bff46f8d80?d=identicon&s=25 Alex Rodriguez (Guest)
on 2009-02-02 20:29
(Received via mailing list)
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 Rodriguez


2009/2/2 Alex Epelde <ruby-forum-incoming@andreas-s.net>
Dca0370ea5c32cb1119a81d83b776138?d=identicon&s=25 Alex Epelde (epelde)
on 2009-02-03 11:54
Attachment: appear.png (30 KB)
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 Rodriguez 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.
B481815ab5044af83f24176de52c2a84?d=identicon&s=25 Laura Valverde (lvalverde)
on 2009-02-03 12:15
(Received via mailing list)
¿Dónde has añadido el display:none? Debes añadirlo en la capa
directamente,
no en el css

<div style="display:none;"></div>

2009/2/3 Alex Epelde <ruby-forum-incoming@andreas-s.net>
Dca0370ea5c32cb1119a81d83b776138?d=identicon&s=25 Alex Epelde (epelde)
on 2009-02-03 12:25
@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.
B481815ab5044af83f24176de52c2a84?d=identicon&s=25 Laura Valverde (lvalverde)
on 2009-02-03 12:31
(Received via mailing list)
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 Epelde <ruby-forum-incoming@andreas-s.net>
This topic is locked and can not be replied to.