I''d like to duplicate the sidebar menus on apple''s site (you
can see
it at http://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);
}); ));
--~--~---------~--~----~------------~-------~--~----~
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
rubyonrails-spinoffs-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
To unsubscribe from this group, send email to
rubyonrails-spinoffs-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
For more options, visit this group at
http://groups.google.com/group/rubyonrails-spinoffs?hl=en
-~----------~----~----~----~------~----~------~--~---
> 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 at http://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); > }); )); > >--~--~---------~--~----~------------~-------~--~----~ 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 rubyonrails-spinoffs-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org To unsubscribe from this group, send email to rubyonrails-spinoffs-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org For more options, visit this group at http://groups.google.com/group/rubyonrails-spinoffs?hl=en -~----------~----~----~----~------~----~------~--~---
You are my best friend in the entire world. On Nov 21, 3:09 am, Grant Bissett <gbiss...-Re5JQEeQqe8AvxtiuMwx3w@public.gmane.org> 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 rubyonrails-spinoffs-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org To unsubscribe from this group, send email to rubyonrails-spinoffs-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org For more options, visit this group at http://groups.google.com/group/rubyonrails-spinoffs?hl=en -~----------~----~----~----~------~----~------~--~---
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 <kevi1122-/E1597aS9LQAvxtiuMwx3w@public.gmane.org> wrote:> > You are my best friend in the entire world. > > On Nov 21, 3:09 am, Grant Bissett <gbiss...-Re5JQEeQqe8AvxtiuMwx3w@public.gmane.org> 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 rubyonrails-spinoffs-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org To unsubscribe from this group, send email to rubyonrails-spinoffs-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org For more options, visit this group at http://groups.google.com/group/rubyonrails-spinoffs?hl=en -~----------~----~----~----~------~----~------~--~---
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" <godf...-Re5JQEeQqe8AvxtiuMwx3w@public.gmane.org> 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 <kevi1...-/E1597aS9LQAvxtiuMwx3w@public.gmane.org> wrote: > > > > > You are my best friend in the entire world. > > > On Nov 21, 3:09 am, Grant Bissett <gbiss...-Re5JQEeQqe8AvxtiuMwx3w@public.gmane.org> 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 rubyonrails-spinoffs-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org To unsubscribe from this group, send email to rubyonrails-spinoffs-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org For more options, visit this group at http://groups.google.com/group/rubyonrails-spinoffs?hl=en -~----------~----~----~----~------~----~------~--~---