Left Navbar Accordion Widget - Able to keep panel open after click?

Hi there,
I'm using a spry accordion widget as my left navbar. We're hoping there's a way to make the panels stay open after a link is clicked and it goes to a page. This would make it easier for people to know which area they are in instead of trying to remember which panel's link they just clicked.
You can see my site here.
I realize this will need to go into the js area and I've already made a few changes in there. Any input anyone can provide would be helpful.
Thanks!

As usual, Gramps, you've been a tremendous help.
It took me a while to get to this as I was in training and had other things going on. And it took me about 3 days to figure out. My site is much larger than the one you referred me to and instead of pulling in the files I have to link to the actual pages. But I finally figured it out.
So, for those who want to see another example, you can see my (work) site here.
Thanks again, Gramps. You're the greatest!

Similar Messages

The word "flash" pops up before watching a video, I am only able to watch the video after clicking on Flash

the word "flash" is seen on the screen before watching a video on the internet or Youtube, I am only able to watch the video after clicking on Flash

You installed the ClickToFlash or ClickToPlugin Safari Extension. It's one of the few such things that is actually beneficial. It intercepts Flash Player or other plugins before they load so that you can control them.
http://hoyois.github.io/safariextensions/clicktoplugin/
Most Flash content consists of intrusive advertisements that you probably do not want. ClickToFlash prevents them from loading and slowing down your browser, burdening your Mac's resources, and draining its battery. In many cases those advertisements will just annoy you with popups that often fraudulently proclaim your Mac to be infected with some ick, offering the "cure". Many people fall victim to those scams. Don't be one of them.
ClickToFlash allows you to create a whitelist to allow Flash Player to load for sites that you specify such as YouTube - read the above link for instructions. Otherwise, ClickToFlash will block Flash content by default. Click the grey box to allow the content to load.
Go to the Safari menu > Preferences > Extensions. If you don't want ClickToFlash, simply click the Uninstall button and it will be gone.
While you're there look for other Extensions that may be present. If you see any that you do not recognize or do not want, get rid of them the same way. Toggling the "on/off" switch to "off" disables all Extensions.

Not able to activate Java even after clicking "allow and remember"

Hi,
After opening a website in Mozilla Firefox it shows "Activate Java(TM) Platform SE 7 U. This plugin has security vulnerabilities" and after clicking "allow and remember in red plugin icon in the address bar" the website closes automatically. Again after opening the same website the same problem exists - Not able to activate java.
After opening the same website in Google Chrome "Java(TM) Platform SE 7 U21 has crashed." - this message appears.
Please and Kindly help me solving this problem so that Im able to open the website.
Thanks & Regards,
Akansha.

You appear to have a very old version of Java installed - '''''Next Generation Java Plug-in 10.21.2 for Mozilla browsers '''''. It is shown in the Plugins submitted with your original question (click ''Question Details > More System Details'' to the right of your original question). That is Java 7u21, the current version is Java 7u45.
*All Java 7 updates (versions) prior to u45 have been blocked due to security issues - https://addons.mozilla.org/en-US/firefox/blocked/p458
*You can scroll down or use Find (Ctrl+F) to find Java versions that have been blocked on this list - https://addons.mozilla.org/en-US/firefox/blocked/
There are several methods to update Java. I recommend that you update by either 1 or 2 below:
#download, SAVE to your hard drive, close all browsers, run the updater, uncheck items that you do not want installed (if offered), then open Firefox and test.
#*Download link - http://www.oracle.com/technetwork/java/javase/downloads/index.html '''''(scroll down a bit and download the '''''JRE''''' version in the 3rd column)'''''
#*Test Java - https://www.java.com/en/download/installed.jsp
#You can also update using Windows Control Panel > Update
Your are also 2 full revisions behind on Shockwave Flash 11 (aka, Flash or Flashplayer). You System Details with you question indicate that you are using Shockwave Flash 11.7 r700 ### which contains security issues; current version is Shockwave Flash 11.9.900.152.
*Read and follow the instruction in these articles to update Flash
**https://support.mozilla.org/en-US/kb/keep-flash-up-to-date-and-troubleshoot-problems
**https://support.mozilla.org/en-US/kb/install-flash-plugin-view-videos-animations-games
You are using Firefox 25.0; Firefox 25.0.1 was released November 15, 2013. Follow the instructions to update below and read the release notes to see what changed.
*Update Firefox - https://support.mozilla.org/en-US/kb/update-firefox-latest-version
*Release notes Firefox 25.0.1 - https://www.mozilla.org/en-US/firefox/25.0.1/releasenotes/

Is it possible to keep Firefox open after all windows have closed (and to additionally open a new window when starting another Firefox process)?

Yes, yes, I know, it's not good to keep applications open when they aren't designed to be. I'm sure Firefox has some memory leaks and this is doing more harm than good, but...
My computer isn't the greatest out there, and to increase the usability of my Firefox browser it would be nice to keep the firefox.exe process open, even after closing all windows. I know Firefox doesn't totally close if there is at least one Firefox-related window open, but having to open X popup window seems a bit extreme to get this effect.
Additionally, to allow another window to be opened, it would be cool for the "OH NO FIREFOX IS STILL OPEN" prompts to be replaced with just attempting to open a new window, if this feature is enabled.
So, if it exists already, is there a config variable for it, and if it doesn't exist, is it possible to perform somehow? I'm not afraid to get my hands dirty if it comes to it; I'd really like to get this happening.
I'm running Windows 7 Home, if it matters. (I'd rather be running another OS, but this is neither the time nor place...)

LINK: https://addons.mozilla.org/en-US/firefox/addon/minimizetotray-revived/

Tabs keep saying connecting after clicking yes on message for automatic login from Firefox

Yesterday morning I got this window from Firefox asking something about automatic login and now my tabs keep saying 'connecting'. I don't have the add-onn tabrenamizer installed and eventually did a complete reset of Firefox, but the problem still persists. Could they be windows settings on my computer or is it something else in Firefox?

This issue can caused by the FoxLingo extension.
*https://support.mozilla.org/kb/Troubleshooting+extensions+and+themes
Start Firefox in <u>[[Safe Mode|Safe Mode]]</u> to check if one of the extensions or if hardware acceleration is causing the problem (switch to the DEFAULT theme: Firefox/Tools > Add-ons > Appearance/Themes).
*Don't click the Reset button on the Safe mode start window or otherwise make changes.
*https://support.mozilla.org/kb/Safe+Mode

JMenu:How to keep popup menu open after clicking disabled JMenuItem

A menu usually shows all options, even those that are for some reason disabled. When clicking on a disabled option, nothing should happen. Unfortunately, the JMenu does not follow this philosophy: clicking on a disabled option fires no action, but the popup menu closes. It is a minor problem but I prefer the standard behaviour. Any ideas ?
Thanks
Cyril Mrazek

I am also having the same problem, if any one find out solution for this mail me . My mail Id is [email protected]

Accordion widget - Toggling the Panels Up & Down?

What do I change in the Accordion widget to make the panels
Open & Close?
I want the Panel to Open by clicking on Panel A, and then
have Panel A close if Panel A again. (Basically a Toggle
effect)

Cristian, Thanks for the update.
In regards to using Accordions & Panels, it would really
help to see a video tutorial on the workshop site that shows how to
use ADDT Forms & Lists with SPRY widgets like the Collapsible
Panel. Many of us are a bit unclear on how to target links between
the two and general integration of the two.
For example:
- What is the sequence?
1. Create a Blank DW page
2. Add the SPRY Panel
3. then ADDT records/Forms?
Or
1. Create a Blank DW page
2. Add the ADDT records/Forms
3. Add the SPRY panels, etc?
Also, From an RIA point of view it seems like the purpose of
AJAX is to get rid of all the "screen/page changes". Can you help
us understand for example, the process of converting regular
dynamic forms (via ADDT or otherwise) that have many pages, to AJAX
enabled links that point to Panels, Tabs & Accordions instead?
Thanks for all your expertise,
jlig

Problem with Accordion Widget INSIDE Sliding Panel Widget

Hello,
perhaps I should not do this, but I nested an Accordion
Widget inside a Sliding Panels Widget:
- There are eight Panels.
- Each one contains a complete Accordion.
The sliding works fine, and so does the Accordion animation,
but the text inside the Accordion Panel Tabs won't move along, when
a tab is activated. I need to hover the mouse over the accordion to
make the panel texts appear again.
Of course, when I un-nest the widgets and move the Accordion
widget out of the Sliding Panel widget, everything is fine.
My question is:
- am I demanding "too much" by nesting the widgets?
- or should this basically work, and the problem arises from
rivalling scripts?
Here is a link:
Nested
widgets Test
The horizontal top menu will activate the sliding panels, but
as of now only the leftmost menu item contains an Accordion (I know
the CSS does not look nice yet).
Is there anything I can optimise to get this to work?
Thank you so much,
Greetings, Jensen
Edit: The problem does NOT occur in Firefox, but in
Safari.

Hi John,
That is the expected behavior if the "Overlap items below" is unchecked. Please refer to the following link http://screencasteu.worldsecuresystems.com/aish/2013-08-21_1947.png. If you don't want the page to wiggle up and down, please check the box shown in the screenshot.
Regards,
Aish

ITunes keep opening after I closed it...

I need help as iTunes keeps re-openeing after I manually closed it. mY iPhone is not conected

Do you have Logitech gaming software installed on the PC? If so, perhaps try the suggestion from the following post:
Re: Everytime I close Itunes it loads back up

Try to keep accordion panel open when selected

Hello,
Could someone help me find the code to "keep the selected panel open" instead of having them closed on each pages.
There is 2 spry collapsed panels. Within the first one there is 1 Spry Accordion with 5 panels which need to stay open when selected.
You will find the site here : www.otaa.fr (but you may use Safari)
Here the codes:
<Head>
<script type="text/javascript" src="SpryAssets/SpryURLUtils.js"></script>
<script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
<script type="text/javascript"> var params = Spry.Utils.getLocationParamsAsObject(); </script>
<style type="text/css">
</head>
<body>
<div id="CollapsiblePanel2" class="CollapsiblePanel">
          <div class="CollapsiblePanelTab" tabindex="0">PROJETS</a></div>
          <div class="CollapsiblePanelContent">
                <td><div id="Accordion1" class="Accordion">
                  <div class="AccordionPanel">
                    <div class="AccordionPanelTab">Logements</a></div>
                    <div class="AccordionPanelContent">
                        <tr>
                          <td height="21" align="left"><a href="html/Vignoles.html">Rue des Vignoles</a></td>
                      </tr>
                    </table>
            <div class="AccordionPanel">
                    <div class="AccordionPanelTab">Maisons</a></div>
                    <div class="AccordionPanelContent">
                        <tr>
                          <td align="left"><a href="html/Serrieres.html">Maison Serrières</a></td>
                      </tr>
                    </table>
               <div class="AccordionPanel">
                    <div class="AccordionPanelTab">Bureaux et Sièges Sociaux </a></div>
                    <div class="AccordionPanelContent">
                        <tr>
                          <td align="left"><a href="html/Tchad.html">Ambassade du Tchad</a></td>
                      </tr>
                    </table>
               <div class="AccordionPanel">
                    <div class="AccordionPanelTab">Aménagements Intérieurs</a></div>
                    <div class="AccordionPanelContent">
                        <tr>
                          <td align="left"><a href="html/Martin.html">Appartement Martin</a></td>
                      </tr>
                    </table>
               <div class="AccordionPanel">
                    <div class="AccordionPanelTab">Equipements</a></div>
                    <div class="AccordionPanelContent">
                        <tr>
                          <td align="left"><a href="html/Aquatonic.html">Centre Aquatique</a></td>
                      </tr>
                    </table>
< /body>
<script type="text/javascript">
var CollapsiblePanel2 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel2", {contentIsOpen:false});
var CollapsiblePanel3 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel3");
var accordion1 = new Spry.Widget.Accordion("Accordion1", { useFixedPanelHeights: false, defaultPanel:(params.panel?params.panel:-1)});
          </script>
Thanks for you help.

Forget about the tutorial by David Powers. There is an easier way to achieve what you want.
If I understand right, you want the about panel to be open when on the about page and the homw panel when you are on the home page. Simply set the default panel for each page as follows
For the Home page
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Home Page</title>
<link href="SpryAssets/SpryAccordion.css" rel="stylesheet">
<script src="SpryAssets/SpryAccordion.js"></script>
</head>
<body>
<div id="Accordion1" class="Accordion" tabindex="0">
<div class="AccordionPanel">
    <div class="AccordionPanelTab">Home</div>
    <div class="AccordionPanelContent"><a href="index.html">Home</a></div>
</div>
<div class="AccordionPanel">
    <div class="AccordionPanelTab">About</div>
    <div class="AccordionPanelContent"><a href="about.html">About Us</a></div>
</div>
</div>
<script>
var Accordion1 = new Spry.Widget.Accordion("Accordion1", {defaultPanel: 0});
</script>
</body>
</html>
and for the About page
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>About Us</title>
<link href="SpryAssets/SpryAccordion.css" rel="stylesheet">
<script src="SpryAssets/SpryAccordion.js"></script>
</head>
<body>
<div id="Accordion1" class="Accordion" tabindex="0">
<div class="AccordionPanel">
    <div class="AccordionPanelTab">Home</div>
    <div class="AccordionPanelContent"><a href="index.html">Home</a></div>
</div>
<div class="AccordionPanel">
    <div class="AccordionPanelTab">About</div>
    <div class="AccordionPanelContent"><a href="about.html">About Us</a></div>
</div>
</div>
<script>
var Accordion1 = new Spry.Widget.Accordion("Accordion1", {defaultPanel: 1});
</script>
</body>
</html>
Repeat this process for each of your pages.
Gramps

Accordion widget - Toggling the Panel?

I know this is probably simple but...
1) How do I make the Accordion widget Panels "Open &
Close" by clicking on the same Panel twice?
What I mean is that my Accordion Panel works fine &
"Opens" when clicked once, but will not "Close" when clicked again?
(I want to be able to quickly open & close selected
panels at ease)
2) How do I apply a CSS to the Accordion without affecting
the original CSS style?
Earlier when went in to the Accodion.css file & started
making changes, it messed up the Accordion itself & I could not
get back to it's original look?
Thanks for the help,
jlig

Cristian, Thanks for the update.
In regards to using Accordions & Panels, it would really
help to see a video tutorial on the workshop site that shows how to
use ADDT Forms & Lists with SPRY widgets like the Collapsible
Panel. Many of us are a bit unclear on how to target links between
the two and general integration of the two.
For example:
- What is the sequence?
1. Create a Blank DW page
2. Add the SPRY Panel
3. then ADDT records/Forms?
Or
1. Create a Blank DW page
2. Add the ADDT records/Forms
3. Add the SPRY panels, etc?
Also, From an RIA point of view it seems like the purpose of
AJAX is to get rid of all the "screen/page changes". Can you help
us understand for example, the process of converting regular
dynamic forms (via ADDT or otherwise) that have many pages, to AJAX
enabled links that point to Panels, Tabs & Accordions instead?
Thanks for all your expertise,
jlig

Re-Size Each Panel of Accordion Widget Independently

I would like to have varying widths on the panels listed below my Accordion Widget tabs. For example. I have a lot of content in one tab so I need it to expand farther left than other tabs that have less information.
Thank you in advance for your help!

Take a look at this thread in regards to adjusting the width of the Accordion widget - http://forums.adobe.com/message/5140254.
The width of the Content Area within an Accordion panel would dictate the overall width of the Accordion and would remain consistent for each tab within the Accordion.
Thanks,
Vinayak

How do I add a new panel to the accordion widget in-between two others (NOT at the end)

In the accordion widget, the + button at the bottom adds a new panel to the end. I have a series of panels that are in alpha-sort and need to add a new panel in the middle... I can't figure out how to do it without re-doing the whole thing. is there a way to do this?

Gah! Thanks Mac.
That was the first thing I tried! I must not have had the right level selected. It's been driving me batty, but I've got it now.

Accordion widget browser panel height

I am using the accordion widget browser and would like to shorten the height of the
panels - how can I do this...

I found the solution!
Sample of before: www.muohio.edu/lll/studyabroadweek/index2.html
Sampe of after: www.muohio.edu/lll/studyabroadweek.
The solution was at: http://docs.jquery.com/UI/Accordion#options but was a bit difficult for me to figure out how to implement it... after a bit of experiment - I got it!
In your .html document, at the beginning of the widget look for the code in black. Code in bold red is what was needed to solve the issue.
$(function(){
                // Accordion
                $("#jQueryUIAccordion").accordion({ header: "h3",
                                            animated: "slide",
                                            event: "click",
                                            collapsible : "false",
                                            autoHeight: false

Keeping at Least One Accordion Panel Open with Variable Heights

Hi -
Is there a way to keep at least one panel open when using {
useFixedPanelHeights: false }?
Here's an example:
http://labs.adobe.com/technologies/spry/samples/accordion/AccordionSample.html#VariablePan elHeights
If panel 4 is open, and you click the panel 4 heading, it
closes and no
panel is open.
Thanks,
Rod

Sorry, I didn't read my full message regarding wanting only
one panel to open.
What I ended up doing was using a PHP conditional to display
a message if a certain variable was not passed in the URL. See my
post on the Friends of Ed forum. Scroll to the bottom for my
solution.
http://friendsofed.infopop.net/4/OpenTopic?a=tpc&s=989094322&f=5283032876&m=3461018571

Left Navbar Accordion Widget - Able to keep panel open after click?

Similar Messages

Maybe you are looking for