Forum Moderators: open

Message Too Old, No Replies

Scriptaculous show / hide

         

bisam

10:09 pm on Mar 17, 2009 (gmt 0)

10+ Year Member



HI all,

I'm fairly new to js, but am having some success with Scriptaculous. What I would dearly love to achieve, would be; mouseover show, mouseout hide, but on the div itself, not any extra text/graphic links. I'm sure this can be done...anybody know how?
Thanks for any ideas!

b

whoisgregg

4:55 pm on Mar 18, 2009 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Welcome to WebmasterWorld, bisam!

Prototype and Scriptaculous can definitely achieve that, it's just a matter of attaching the events to the proper elements.

Have you taken a look at the Event.observe page in the prototype API [prototypejs.org]? It has decent sample code to get you started. Once you have the mouseover event block setup, just call the Scripaculous Effect from inside of it.

If you have trouble, feel free to post the code snippet you have so far and I'm sure someone will be able to help. :)

bisam

8:35 pm on Mar 19, 2009 (gmt 0)

10+ Year Member



Hi - many thanks for the link and the encouraging words!
I'm still at the stage where I can grab scripts off the web, get them to work and then tailor them to my needs, but this is still a bit much for me.
I'll keep reading and trying...
Thanks again,

b