Spry accordion - open url in separate frame on click

I'm trying to load a page in a frame at the same time a user clicks on an accordian panel.
Javascript doesn't seem to fire and I can't find help on the topic.
Can someone point me in the right direction?

Although this example http://labs.adobe.com/technologies/spry/samples/utils/updateContent_TabbedPanels.html is for tabbed panels, the same can be applied to an accordion.
Gramps

Similar Messages

Spry accordion open on mouseover with extra content if too fast

So I already did this and got the spry to open with a hover,
Go to line 213 (or thereabouts) to find
Spry.Widget.Accordion.prototype.onPanelTabClick = function(e, panel)
and change that to
Spry.Widget.Accordion.prototype.onPanelTabMouseOver = function(e, panel)
but if you move too fast up and down the menu it opens the other contents and leaves it there see webpage: move your mouse fast up and down the menu to see. How do I make sure it is completely closed. I noticed this does happen to on a Click if you switch too fast between tabs.
http://www.abbottsportslincoln.com/index.php
Thanks for any help!
Jacey

so is there really no way to fix it? My client already has that, and it's not practical, we want to be able to see all the options for the sub-menus open when we are in one of the tabs.
Let me know if there is really no way around it. I'm actually pretty sure that the background for the next tab is stuck behind the content. Take a look at this site and see how they have a delay in there accordion.
http://www.targetcenter.com/
Thanks, Jacey

How to make no panels on Spry accordion open by default?

I have a Spry Accordion with several panels. I want the default behavior for none of the panels to be opened until one is clicked. Currently the default behavior is for the first panel to be automatically expanded when the page is first visited. How do I correct this?

It's here:
http://labs.adobe.com/technologies/spry/samples/accordion/AccordionSample.html
Under the sub heading "starting with all panels closed".
<script type="text/javascript">
var acc1 = new Spry.Widget.Accordion("Acc1", { useFixedPanelHeights: false, defaultPanel: -1 });
</script>
Martin

Spry Accordion open on page load

How do you stop the Spry Accordion from being open while the page is loading - as soon as the page loads the Accordion closes to the way it has been designed - it is just annoying!

Starting with All Panels Closed
This feature is only supported when using variable height panels, so you must pass a false into the Accordion's constructor for the "useFixedPanelHeights" constructor option, and a -1 for the "defaultPanel" option.
Gramps

How to make spry accordion open on mouse hover ?

hi everybody i have just a simple question about spry accordion in cs4 it try to open it using mouse hover not onclick
can anyone help me plz ?

This is one way
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
<script src="SpryAssets/SpryAccordion.js" type="text/javascript"></script>
<link href="SpryAssets/SpryAccordion.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="Accordion1" class="Accordion" tabindex="0">
<div class="AccordionPanel">
    <div class="AccordionPanelTab" onMouseOver="Accordion1.openPanel(0); return false;">Label 1</div>
    <div class="AccordionPanelContent">Content 1</div>
</div>
<div class="AccordionPanel">
    <div class="AccordionPanelTab" onMouseOver="Accordion1.openPanel(1); return false;">Label 2</div>
    <div class="AccordionPanelContent">Content 2</div>
</div>
</div>
<script type="text/javascript">
var Accordion1 = new Spry.Widget.Accordion("Accordion1");
</script>
</body>
</html>
Another way is to have a SpryEventListener. Look that up for further info.
Ben

Spry accordion open panel

Hello,
is there a way, that if I have a page without the accordion, and I click on that page a link, that link goes to the accordion panel page, and when it goes, specifically opens one of the pannels.
THank you

Yes. But you need the SpryURLUtils.js files. And you won't find them on Adobe Labs anymore because Adobe abandoned Spry last year. The files have been moved to GitHub.
Tutorial:
http://foundationphp.com/tutorials/spry_url_utils.php
Spry Files:
Adobe GitHub account
Nancy O.

In my received emails, how can I get Firefox to open URL links that begin with "click."?

In my emails, how can I get Firefox to open links that begin with the word "click."? Instead of giving the me the message that says, for example, "Firefox can't find the server at click.americas.links.hp.com." This also happens when I try to open the links using Explorer.

This link was not valid when I clicked it. Please contact the person sending these links they do not seem to work. The page takes me to a page that says it will load after 5 seconds, however there is not valid link.

Spry Accordion on Safari 3.1.2

I was checking my project on a few browsers.
On Safari (ran on a PC >) the Spry accordion opens all
panels by default.
Is there a way to get rid of this annoying bug .. ?
thx

You are using version 1.4 and you need to use version 1.6.1
Download and install the Spry Updater here:
http://www.macromedia.com/go/labs_spry_download
Ken Ford
Adobe Community Expert Dreamweaver/ColdFusion
Adobe Certified Expert - Dreamweaver CS3
Adobe Certified Expert - ColdFusion 8
Fordwebs, LLC
http://www.fordwebs.com
"elgwiedo" <[email protected]> wrote in
message
news:gcd1ah$rfv$[email protected]..
>
http://www.faithfactory.be/ffmaatwerk.html
>
> Looking at the bottom
>
> grtz
> Guido

Slight movement of spry accordion container when animating

I have a spry accordion inside a container and when I click on each tab, the bottom of the container jerks up and back down slightly as the accordion panel animates the movement. This appears to happen in all browsers so I'm wondering if someone know a fix. I suspect it has to do with a height setting somewhere.
Here is my page:
http://www.esc-online.com/mars/tour_sp_ac.html
There are four css files associated with this:
http://www.esc-online.com/mars/css/reset.css
http://www.esc-online.com/mars/css/mars2.css
http://www.esc-online.com/mars/SpryAssets/SpryAccordion.css
http://www.esc-online.com/mars/SpryAssets/SprySlidingPanels.css
Thank you.
Simon

I will put together a gutted version of this and send it over if you have the time that would be fantastic. Making a gutted version may be the best thing at this point so I can slowly add stuff back and see what causes the problem. If i cant fix it by doing that I will zip and send the files.
Date: Tue, 27 Oct 2009 15:23:40 -0600
From: [email protected]
To: [email protected]
Subject: Spry Accordion Jerky/Jumping movement Issues in IE
Can you provide me with files where I can reproduce your issue with
out any other scripts on the site? This gives me a better debugging
area. If you do not feel comfy with posting it online. You can e-mail
it to mailto:[email protected]
>

Spry Accordion - Tabs open and then close after page loads

I am using a Spry Accordion menu driven from a database.
The menu opens up during the page load and then closes.
I'm using SpryAccordion.js 1.6.1
And to open a preset tab, I'm using:
<script type="text/javascript">

</script>
But, all of the tabs open and then close on page load.
My page:   http://www.texashotjobs.us/00C01.aspx
Any fix for this??
Thanks, Ron

Well to both thanks. Actually I wasn't disappointed as I had a two part question...
I tested the 1.6 JS and remembered that I had to modify the 1.4 so that tabs actually would link. So I reverted back to 1.4.
So, going to 1.6 fixed the open panel on load but "unfixed" the panel tab from linking.....
So changing this in the 1.6 js fixed the link issue as well:
Spry.Widget.Accordion.prototype.onPanelTabClick = function(e, panel)
    if (panel != this.currentPanel)
        this.openPanel(panel);
    else
        this.closePanel();
    if (this.enableKeyboardNavigation)
        this.focus();
//    if (e.preventDefault) e.preventDefault();
//    else e.returnValue = false;
//    if (e.stopPropagation) e.stopPropagation();
//    else e.cancelBubble = true;
I t appears everything is working........
Thanks, Ron Gaddis
Visual Reality Productions

How can I make the spry accordion remember the panel open when I refresh the page or jump to a new page?

How can I make the spry accordion remember the panel open
when I refresh the page or jump to a new page?
I am using the accordion feature on all my pages as a
navigation aid. It has three panels. When you refresh the page the
panel goes back to the default pane... Is there a way of
controlling this so that the browser can remember the pane that is
open (say set a variable, cookie, other?)

Look for "Set the default open panel" on the following page:
http://labs.adobe.com/technologies/spry/articles/accordion_overview/index.html
Keep in mind you would need to change that bit of code on
every page. The only way to do it more dynamically would be to
include a custom javascript or PHP/ASP style script in order to
change the value.

Spry Accordion just stays open in IE8

I'm using Spy 1.6.1 and Dreamweaver CS5. The Spry Accordion menu on the left side of my page looks funky in IE and it's absolutely kiiiiiilling me.
~o~ On a PC using IE8 the panels all begin in the open position at first load and won't close no matter what. This is WRONG!
~o~ On a Mac using Safari, FireFox and Opera the accordion is working fine with one panel opening at once. This is CORRECT!
Ahhh I'm pulling out my hair. Previous threads have mentioned a similar problem but their solution has been to upgrade to Spry 1.6.1 and that's how I started off so presumably no issue for me.
So what the heck am I doing wrong? Thousand thanks for a moment of your time!
The website with problems: www.documentarymakers.com
Index of Spry Assets for this site: http://www.documentarymakers.com/SpryAssets/
Adam

Change the following line in your main document
<script src="SpryAssets/SpryAccordion.js" type="text/javascript"></script>
to
<script src="http://labs.adobe.com/technologies/spry/widgets/accordion/SpryAccordion.js" type="text/javascript"></script>
Either the online version of the JS is corrupt or there is a problem with version 0.17, Adobe uses version 0.15
Gramps

Spry accordion panel won't open by default

Here is my code for spry accordion, I am trying to open the 1st inside accordion panel by default, i f not by default, as soon as its parent is opened, but none of them seems to work. Please let me know where I am going wrong.
<div class="Accordion" id="mainAccordion" tabindex="0">
<div class="AccordionPanel">
<div class="AccordionPanelTab"> <a id="healthCheckAccordion" onClick=""><img align="left" src="/csm/view/include/images/healthicon.gif">Health Check</a></div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab"> <a id="configurationAccordion" onClick="sysAcc.openFirstPanel()"><img align="left" src="/csm/view/include/images/conficon.gif">Configuration</a></div>
<div class="AccordionPanelContent">
<div class="Accordion" id="main2ndAccordion" tabindex="1">
<div class="AccordionPanel">
<div class="AccordionPanelTab">    <a id="systemAccordion" style="color:#ffffff;background-color: #2F5882;">System</a></div>
<div class="AccordionPanelContent">
<a id="kernelParamsAccordion">Kernel Parameters</a><br/>
<a id="diskUsageAccordion">Disk Usage</a><br/>
<a id="fileSystemAccordion">File System Statistics</a><br/>
<a id="osPatchesAccordion">Os Patches</a><br/>
<a id="networkAccordion">Network</a><br/>
<a id="userLimitAccordion">User Limit</a><br/>
<a id="environmentVariablesAccordion">Environment Variables</a><br/>
</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">    <a id="productName" style="color:#ffffff;background-color: #2F5882;"></a></div>
<div class="AccordionPanelContent">
<a id="odbcAccordion">ODBC</a><br/>
<a id="bitmodeAccordion">Bitmode</a><br/>
<a id="versionAccordion">Version</a><br/>
<a id="licenseInformationAccordion">License Information</a><br/>
<a id="dumpshrAccordion">Dumpshr</a><br/>
<a id="dblistAccordion">DBList</a><br/>
<a id="showtimeAccordion">Showtime</a><br/>
<a id="serverStatusAccordion">Server Status</a><br/>
</div>
</div>
<script type="text/javascript">
var sysAcc = new Spry.Widget.Accordion("main2ndAccordion", {defaultPanel: 0, useFixedPanelHeights: false });
</script>
</div>
</div>
</div>
<script type="text/javascript">
var mainAcc = new Spry.Widget.Accordion("mainAccordion",{ defaultPanel: -1, useFixedPanelHeights: false });
</script>
</div>
Also the System panel, with id="systemAccordion" takes 2 clicks to open, every 1st time the page loads

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<link href="SpryAssets/SpryAccordion.css" rel="stylesheet">
<style>
#Accordion2 .AccordionPanelTab {
     background-color: #CCCCCC;
     color: #FFFFFF;
</style>
</head>
<body>
<div id="Accordion1" class="Accordion" tabindex="0">
<div class="AccordionPanel">
    <div class="AccordionPanelTab"><img src="/csm/view/include/images/healthicon.gif">Health Check</div>
</div>
<div class="AccordionPanel">
    <div class="AccordionPanelTab"><img src="/csm/view/include/images/conficon.gif">Configuration</div>
    <div class="AccordionPanelContent">
         <div id="Accordion2" class="Accordion" tabindex="0">
           <div class="AccordionPanel">
             <div class="AccordionPanelTab">System</div>
             <div class="AccordionPanelContent">
            <a href="#" id="kernelParamsAccordion">Kernel Parameters</a><br/>
            <a href="#" id="diskUsageAccordion">Disk Usage</a><br/>
            <a href="#" id="fileSystemAccordion">File System Statistics</a><br/>
            <a href="#" id="osPatchesAccordion">Os Patches</a><br/>
            <a href="#" id="networkAccordion">Network</a><br/>
            <a href="#" id="userLimitAccordion">User Limit</a><br/>
            <a href="#" id="environmentVariablesAccordion">Environment Variables</a><br/>
          </div>
         </div>
           <div class="AccordionPanel">
             <div class="AccordionPanelTab">Product</div>
             <div class="AccordionPanelContent">
            <a href="#" id="odbcAccordion">ODBC</a><br/>
            <a href="#" id="bitmodeAccordion">Bitmode</a><br/>
            <a href="#" id="versionAccordion">Version</a><br/>
            <a href="#" id="licenseInformationAccordion">License Information</a><br/>
            <a href="#" id="dumpshrAccordion">Dumpshr</a><br/>
            <a href="#" id="dblistAccordion">DBList</a><br/>
            <a href="#" id="showtimeAccordion">Showtime</a><br/>
            <a href="#" id="serverStatusAccordion">Server Status</a><br/>
          </div>
         </div>
       </div>
    </div>
</div>
</div>
<script src="SpryAssets/SpryAccordion.js" ></script>
<script>
var Accordion1 = new Spry.Widget.Accordion("Accordion1", {defaultPanel: 1, useFixedPanelHeights:false});
var Accordion2 = new Spry.Widget.Accordion("Accordion2", {defaultPanel: 0, useFixedPanelHeights:false});
</script>
</body>
</html>
Gramps

How to auto-open spry accordion

hello
is there a way to set spry accordion to open the panel on mouseover automatically. like that of adobe home page - products & solutions heading.
thanks
krs

Sure, just add onmouseover="" to your tabs and call the open panel
functionality.
Read more about programatically opening and closing here: http://labs.adobe.com/technologies/spry/samples/accordion/AccordionSample.html

Opening Spry Accordion on-hover - can this be done?

Hello,
I was wondering (1) if the Spry accordion could open on-rollover of the panels (without having to click), and if so, (2) how?
Thanks,
Q

search is your friend
http://www.google.com/search?q=spry+accordion+onmouseover

Spry accordion - open url in separate frame on click

Similar Messages

Maybe you are looking for