If you want to use effects, *then* you need script.aculo.us "effects.js" script.
$$(".search).each(function(d) { Effect.toggle(d, 'blind') });
should do it :) ( http://wiki.script.aculo.us/scriptaculous/show/Effect.toggle )
Best,
-Nicolas
On Nov 27, 2007 6:04 PM, bdee1 <[EMAIL PROTECTED]> wrote:
>
> ok so thats good to know - i just need scriptaculous.
>
> now i have been digging through the prototype API documentation and
> found the $$ function.
>
> so i tried this:
> onclick="$$('.search').toggle();"
>
> but i get the following error:
> $$(".search").toggle is not a function
>
> what did i do wrong?
>
> On Nov 27, 3:00 pm, Elden <[EMAIL PROTECTED]> wrote:
> > and prototype gives you this behavior scriptaculus it's not necesary
> >
> > On Nov 27, 2007 1:59 PM, Elden <[EMAIL PROTECTED]> wrote:
> >
> >
> >
> > > the css declaration displa:none got to be inline
> >
> > > <div id="capa" style="display:none"></div>
> >
> > > and in your js put
> >
> > > $('capa').toggle();
> >
> > > this make that your div shows
> >
> > > its from the example see the code
> >
>
> > > On Nov 27, 2007 1:53 PM, bdee1 <[EMAIL PROTECTED]> wrote:
> >
> > > > ok so i just found this page:
> > > >http://www.prototypejs.org/api/element/toggle
> >
> > > > but i am still confused:
> > > > 1) do i need scriptaculous to get toggle functionality or do i get by
> > > > just including prototype.js?
> > > > 2) it says that it will not show divs that were hidden via css?! how
> > > > else would i hide a div? if i want the div to be hidden when the page
> > > > loads, and then toggled when a link is clicked, how woudl i do that if
> > > > i cant set the css for the div to display:none ??
> >
> > > > On Nov 27, 2:46 pm, bdee1 <[EMAIL PROTECTED]> wrote:
> > > > > ok i am brand new to prototype (i am used to using jquery). i have a
> > > > > div with a class of "search" and i would like to make it so that when
> > > > > a link is clicked, the div's visibility will toggle (if its hidden it
> > > > > will be shown, if it is visible it will hide).
> >
> > > > > so i was thinking that in the onClick attribute of the a tag i would
> > > > > put a simple statement like $('.search').toggle but that is the
> > > > > jquery way. looking through some tutorials for prototype it looks
> > > > > like it would have to be more like this:
> >
> > > > > allNodes = document.getElementsByClassName("search");
> > > > > for(i = 0; i < allNodes.length; i++) {
> > > > > allNodes[i].toggle();
> >
> > > > > }
> >
> > > > > but from what i am seeing, i would also need to include scriptaculous
> > > > > to get the toggle functionality is that correct?
> >
> > > > > and this seems like a lot of code (compared to jQuery) just to get a
> > > > > div to toggle. am i missing something? is there a quicker way?-
> > > > > Hide quoted text -
> >
> > - Show quoted text -
>
> >
>
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups "Ruby
on Rails: Spinoffs" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to [EMAIL PROTECTED]
For more options, visit this group at
http://groups.google.com/group/rubyonrails-spinoffs?hl=en
-~----------~----~----~----~------~----~------~--~---
