And, since what you want is an accordion, you can check out http://stickmanlabs.com/accordion/
Best, -Nicolas On Nov 21, 2007 9:14 AM, n00b0101 <[EMAIL PROTECTED]> wrote: > > You are my best friend in the entire world. > > On Nov 21, 3:09 am, Grant Bissett <[EMAIL PROTECTED]> wrote: > > > I tried changing triggerEvent: 'mouseover' to > > > triggerEvent: 'onclick', > > > > nopes, you want 'click'. > > > > On 21/11/2007, at 8:05 PM, n00b0101 wrote: > > > > > > > > > > > > > I'd like to duplicate the sidebar menus on apple's site (you can see > > > it athttp://www.apple.com/hotnews/), but rather than a mouseover, I'd > > > > like to be 'onclick'. I tried changing triggerEvent: 'mouseover' to > > > triggerEvent: 'onclick', but that in and of itself, doesn't appear to > > > work. Is there some additional I have to add to my html like > > > 'onclick="...."'? If there is, anyone know what that might be? > > > > > Many thanks in advance.... > > > > > / * SLIDERS * / > > > var latestSliders = null; Var latestSliders = null; > > > Event.observe(window, 'load', function() { Event.observe > > > (window, 'load', function () ( > > > var container = $('latest'); Var container = $ > > > ( 'latest'); > > > latestSliders = new AC.SlidingBureau(container); > > > LatestSliders = new AC.SlidingBureau (container); > > > var drawers = $$("#latest .drawers>li"); Var > > > drawers = $$("# latest. Drawers> li "); > > > for (var i = 0; i < drawers.length; i++) { For > > > (var i = 0; i <drawers.length; i + +) ( > > > var handle = > > > drawers[i].getElementsByClassName('drawer-handle')[0]; Var handle = > > > drawers [i]. GetElementsByClassName ( 'drawer - handle') [0]; > > > var content = > > > drawers[i].getElementsByClassName('drawer-content')[0]; Var content = > > > drawers [i]. GetElementsByClassName ( 'drawer - content') [0]; > > > var drawer = new AC.SlidingDrawer(content, > > > handle, latestSliders, { Var drawer = new AC.SlidingDrawer (content, > > > handle, latestSliders, ( > > > triggerEvent: 'mouseover', > > > triggerDelay: 120}); TriggerEvent: 'mouseover', triggerDelay: 120)); > > > latestSliders.addDrawer(drawer); > > > LatestSliders.addDrawer (drawer); > > > } ) > > > var freeDrawers = function(container) { Var > > > freeDrawers = function (container) ( > > > return function() { Return function () ( > > > if (!AC.Detector.isIEStrict()) { If > > > (! AC.Detector.isIEStrict ()) ( > > > container.setStyle({height: > > > 'auto'}); Container.setStyle ((height: 'auto')); > > > } ) > > > } ) > > > } ) > > > setTimeout(freeDrawers(container), 1000); > > > SetTimeout (freeDrawers (container), 1000); > > > }); ));- 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 -~----------~----~----~----~------~----~------~--~---
