spry accordion

[Yael_K]

Hi
I can't understand how to get the accordion to open a tab on mouse over. It just opens now when it's clicked.
I found a lot of information on how to change the color of the text in css, though! I wish there was more information about the java script.
-Thanks!!

[FreightGuy]

I'm also looking for this same answer. I've tried a few different things, but to no avail.

[FreightGuy]

After i posted, i decided to go back and check out a few more things, and solved the mystery. In your SpryAccordion.js file, fine the section that says:
Spry.Widget.Accordion.prototype.onPanelClick = function(panel)
{
// if (this.enableKeyboardNavigation)
// this.element.focus();
if (panel != this.currentPanel)
this.openPanel(panel);
this.focus();
};

This is the code to open the accordion panel when you click on it. What we're going to do is copy this part of the code:
if (panel != this.currentPanel)
this.openPanel(panel);
this.focus();

And then find the section for mouseover, which is up towards the top, and paste it after the current code...it should look like this after we get done:
Spry.Widget.Accordion.prototype.onPanelTabMouseOver = function(panel)
{
if (panel)
this.addClassName(this.getPanelTab(panel), this.hoverClass);
if (panel != this.currentPanel)
this.openPanel(panel);
this.focus();
};

And there you have it. Save your file and go have some fun!!!

[Garvin_Lawrence]

Thanks FreightGuy, it worked perfectly, tried the other though it just stuck.

been looking for this for a while now, am happy now!

blessed

[Guest]

quote:

---

Originally posted by: FreightGuy
After i posted, i decided to go back and check out a few more things, and solved the mystery. In your SpryAccordion.js file, fine the section that says:
Spry.Widget.Accordion.prototype.onPanelClick = function(panel)
{
// if (this.enableKeyboardNavigation)
// this.element.focus();
if (panel != this.currentPanel)
this.openPanel(panel);
this.focus();
};

This is the code to open the accordion panel when you click on it. What we're going to do is copy this part of the code:
if (panel != this.currentPanel)
this.openPanel(panel);
this.focus();

And then find the section for mouseover, which is up towards the top, and paste it after the current code...it should look like this after we get done:
Spry.Widget.Accordion.prototype.onPanelTabMouseOver = function(panel)
{
if (panel)
this.addClassName(this.getPanelTab(panel), this.hoverClass);
if (panel != this.currentPanel)
this.openPanel(panel);
this.focus();
};

And there you have it. Save your file and go have some fun!!!

---

I know this is an old topic, but i've been trying to get this to work as was Yael_K. Thanks Freight for that source because I just couldn't find the settings for the accordian panel. Once I knew where to look I was able to paste the code and it works like a dream now. Cheers.

[indy_rob]

Very useful information. Thanks man! I was having a similar problem on a site I'm building for somebody right now. thanks.

[wuhusihai]

quote:

---

Originally posted by: FreightGuy
After i posted, i decided to go back and check out a few more things, and solved the mystery. In your SpryAccordion.js file, fine the section that says:
Spry.Widget.Accordion.prototype.onPanelClick = function(panel)
{
// if (this.enableKeyboardNavigation)
// this.element.focus();
if (panel != this.currentPanel)
this.openPanel(panel);
this.focus();
};

This is the code to open the accordion panel when you click on it. What we're going to do is copy this part of the code:
if (panel != this.currentPanel)
this.openPanel(panel);
this.focus();

And then find the section for mouseover, which is up towards the top, and paste it after the current code...it should look like this after we get done:
Spry.Widget.Accordion.prototype.onPanelTabMouseOver = function(panel)
{
if (panel)
this.addClassName(this.getPanelTab(panel), this.hoverClass);
if (panel != this.currentPanel)
this.openPanel(panel);
this.focus();
};

And there you have it. Save your file and go have some fun!!!

---

I also have the same problem, but now has solved,. Thank you for your reply


________________________________________

dog breeds | puppy names | puppys

[thethreedegrees]

thanks.for the post.
my eyes are sore all weekend woking with the tooltip css i couldnt handle another session today looking for the code to fix this problem.
YOUR GREAT!

[Simon_G_]

quote:

---

Originally posted by: FreightGuy
After i posted, i decided to go back and check out a few more things, and solved the mystery. In your SpryAccordion.js file, fine the section that says:
Spry.Widget.Accordion.prototype.onPanelClick = function(panel)
{
// if (this.enableKeyboardNavigation)
// this.element.focus();
if (panel != this.currentPanel)
this.openPanel(panel);
this.focus();
};

This is the code to open the accordion panel when you click on it. What we're going to do is copy this part of the code:
if (panel != this.currentPanel)
this.openPanel(panel);
this.focus();

And then find the section for mouseover, which is up towards the top, and paste it after the current code...it should look like this after we get done:
Spry.Widget.Accordion.prototype.onPanelTabMouseOver = function(panel)
{
if (panel)
this.addClassName(this.getPanelTab(panel), this.hoverClass);
if (panel != this.currentPanel)
this.openPanel(panel);
this.focus();
};

And there you have it. Save your file and go have some fun!!!

---

Its really very useful and it is working fine, thank you very much dude!

[philway14]

You can actually accomplish this by finding these three lines in the javascript and changing them as shown:

Spry.Widget.Accordion.addEventListener(tab, "mouseover", function(e) { return self.onPanelTabClick(e, panel); }, false);

Spry.Widget.Accordion.addEventListener(tab, "click", function(e) { return self.onPanelTabMouseOver(e, panel); }, false);

Spry.Widget.Accordion.addEventListener(tab, "mouseout", function(e) { return self.onPanelTabMouseOut(e, panel); }, false);
}

[puffymac01]

Thanks dude, you are freakin awesome. I've been looking for about a week trying to find how to do this.

[TareeInternet]

Hmm i couldn't seem to get it to work.

Edit: Sometimes i wonder how i manage to inhale and exhale oxygen on a daily basis...

I missed the final }; tags, it's working perfectly thank you very much!!

[VisViresEventus]

FreightGuy , thank you! You found a pretty nice solution!

---

http://seoanalytic.com

[Justin_H_]

As far as Vista goes, I wouldn't see why it wouldn't. It's really the browser that makes a difference, and when I posted I believe that I tested it with IE 3.0 - 7.0 and Firefox 1 - 3 beta 1. Those were on XP SP2. Haven't really messed with it since.

[stomersons]

Thanks for help

---

Texas holdem tips

[dzhdiv]

great tips. i will fix the bug!

[Leigh Rendle]

I had been looking for 2 hours for this answer thanks guys.

[Guest]

Good question.