Is it me, or does this script not work with Prototype 1.6/ Scriptaculous 1.8? On page load I activate a pane and it opens fine. Then when I click my second pane, first some weirdness happens with the scale of the first pane--it's almost like it does the shrink effect where the pane scales vertically AND horizontally, even though I have direction:'vertical'. Clicking back to the first only shrinks the second, and after that the only thing that happens is whichever header I clicked will show my active class but the content will not appear. Has anyone been able to get this working with the newest versions?
On Nov 21, 10:31 am, "Nicolás Sanguinetti" <[EMAIL PROTECTED]> wrote: > And, since what you want is anaccordion, you can check > outhttp://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 -~----------~----~----~----~------~----~------~--~---
