Adding onmouseover="accorionName.openPanel(panelnumber);" to
the tab tag should do it.
Remember that Spry uses 0 based counting so '0' is the first
Hope this helps.
Regarding support for mouseover and delay, try this:
// Create your accordion.
var Accordion1 = new Spry.Widget.Accordion("Accordion1");
// Attach mouse over behaviors.
// Utility functions to support mouse over delay.
gMouseOverDelay = 250; // msecs
var panels = acc.getPanels();
for (var i = 0; i < panels.length; i++)
var tab = acc.getPanelTab(panels[ i ]);
getMouseOverFunc(acc, panels[ i ]), false);
acc.mouseOverTimerID = 0;
I already had an accordion on the page - Acc1, so I tried
adding your script to the head section of the page and changing
where you had Accordion1 to Acc1... but that didnt do anything.
What did I do wrong?
Ooops.. I added it to the bottom within the ody tag like it
should and it works great. I has the fixed panel heights set to
false and it seems to mess up adding the scroll bars - depending on
the browser, but changing it back to fixed height fixed that. Don't
know why that is... but thanks.
Also, If I use the above, I think its best to remove the
on-click event...since there seems to be a difference between the
size of the panel if I use mouse over or click and the scroll bar
on the side wants to be there no matter what when using the mouse
What I mean is if I mouse over AND click on a panel it does
some strange things... and some people may try that... not knowing
what to do.
One question - again...
Can this be adapted for the tab panel as well? I am using a
tab group with the tabs on the side and I would like to use this
there as well. I see how to use the standard mouse over - as in the
example - but the slight delay is much niocer.
It sure does work, now that I have all the pieces. Although I
understand it when I see it, it takes me a lot longer to figure it
all out on my own. I really appreciate your patience and guidance.
It works perfectly, and now I can modify that for use elsewhere.
I got the mouseover delay to work for my tabs and am
implementing it now, but do you have any examples of mouse over
delay with spry data? I can change the onclick to mouseover, but I
don't know how to add a delay
I am sorry, again I was not clear in my question. I want to
use onmouseover instead of onclick in my spry table, but I want a
delay, because when I use onmouseover it makes the page look all
jumpy when you go over it with the mouse. \
I am studying the code example, but I would not know exactly
how to adapt it to the spry row below