Forum: Ruby on Rails Collapsible Fieldset

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.
Julian L. (Guest)
on 2009-02-15 16:27
Hey there,


(First steps in Ruby and Rails...)

I'm trying to make a fieldset collapsible, like they are, for example,
on many Drupal pages.

What I've figuared out is the following:

<fieldset id="addressdata" class="collapsible collapsed">
  <legend>
    <%= link_to_function("Show/Hide Addressdata") { |page| page[:
addressdata].toggleClassName('collapsed') } %>
  </legend>
  ... some forms etc. here ...
</fieldset>

In CSS, I do a display:none for the class '.collapsed', but
display:block for '.collapsed legend'.

So this is working. But it doesn't look very well. I'd like some
eyecandy, like a fade-in/out or scroll-up/down and a nice arrow which
indicates, that this is sth. collapsed or collapsible. Also, it would be
nice to have the linktext "Show" if the fieldset is hidden and vice
versa.

I surfed the web a lot and found out about script.aculo.us and
prototype, but I just couldn't bring it all together. Is there a simple
tutorial or example for this? Or does anybody of you have a few lines of
code as an example for me?


Thanks in advance,
Julian
Julian L. (Guest)
on 2009-02-15 17:10
(Received via mailing list)
Hey julian L. Nice name! I'm Julian L too!! :) Hehe anyway check the
demos on scriptsculous website itself. In particular slide and blind.
They have rails helper versions, too.

Blog: http://random8.zenunit.com/
Learn rails: http://sensei.zenunit.com/

On 16/02/2009, at 1:27 AM, "Julian L." <rails-mailing-list@andreas-
MaD (Guest)
on 2009-02-15 17:13
(Received via mailing list)
maybe this link helps to understand prototype:
http://prototypejs.org/learn
This topic is locked and can not be replied to.