$$(".search").invoke("toggle");
$ selects an element by id, $$ by CSS selector. When you have a
collection, and want to call methods on the entire collection, invoke
is your friend. http://prototypejs.org/api/enumerable/invoke
See http://thinkweb2.com/projects/prototype-checklist/ for a few good
practices that will ease hte transition from jQuery :)
Best,
-foca
On Nov 27, 2007 6: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?
> > >
> >
> >
> > > >
> >
>
--~--~---------~--~----~------------~-------~--~----~
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
-~----------~----~----~----~------~----~------~--~---
