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
--
Posted via http://www.ruby-forum.com/.
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Ruby on Rails: Talk" group.
To post to this group, send email to
rubyonrails-talk-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
To unsubscribe from this group, send email to
rubyonrails-talk+unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
For more options, visit this group at
http://groups.google.com/group/rubyonrails-talk?hl=en
-~----------~----~----~----~------~----~------~--~---
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- s.net> wrote:> > 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 > -- > Posted via http://www.ruby-forum.com/. > > >--~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "Ruby on Rails: Talk" group. To post to this group, send email to rubyonrails-talk-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org To unsubscribe from this group, send email to rubyonrails-talk+unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org For more options, visit this group at http://groups.google.com/group/rubyonrails-talk?hl=en -~----------~----~----~----~------~----~------~--~---
maybe this link helps to understand prototype: http://prototypejs.org/learn --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "Ruby on Rails: Talk" group. To post to this group, send email to rubyonrails-talk-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org To unsubscribe from this group, send email to rubyonrails-talk+unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org For more options, visit this group at http://groups.google.com/group/rubyonrails-talk?hl=en -~----------~----~----~----~------~----~------~--~---