Accordion Menu - need to control which panel opens

I have an accordion menu that works fine but when I put it
into action
on the site, I realized that I needed the accordion to open
up a
different section on each new page.
Since I have the accordion menu in an SSI (server side
include) I don't
want to have a different spry asset for each page. However, I
think
setting a session variable would work to control which
section is opened.
Anyone done this? What would it look like?

quote:
Danilo Celic wrote:
Try this page:
http://foundationphp.com/tutorials/spry_url_utils.php
Thanks a lot. This web page gave some answers, but now I have
a new problem:
When I test my accordion menu in a normal html page
everything works fine. When I put this accordion menu to my DW
template it stops working. The result is that every accordion's
panels are open!
Why? Can you assist me?
In template head I have this code:
<link href="../SpryAssets/SpryAccordion.css"
rel="stylesheet" type="text/css" />
<script src="../SpryAssets/SpryAccordion.js"
type="text/javascript"></script>
<script type="text/javascript"
src="SpryAssets/SpryURLUtils.js"></script>
<script type="text/javascript">
var params = Spry.Utils.getLocationParamsAsObject();
</script>
And in template end just before </body> tag I have this
code:
<script type="text/javascript">
<!--
var Accordion1 = new Spry.Widget.Accordion("Accordion1",
{useFixedPanelHeights: false, defaultPanel: params.panel ?
params.panel: 0});
//-->
</script>

Similar Messages

  • I need a control which allows a user to choose from specific values (which I specify), NOT 0, 1, 2 etc. [I KNOW I can let him enter 0, 1,2 fro

    m a listbox, and then change the value on the block diagram, but what I want is that on the subvi node itself he can enter the actual values, say 1, 10, 200. Does anyone know how to do this, creatively, since currently a control like this is not available.I need a control in Labview which allows a user to choose from specific values (which I specify), NOT 0, 1, 2 etc. [I KNOW I can let him enter 0, 1,2 from a listbox, and then change the value on the block diagram, but what I want is that on the subvi node itself he can enter the actual values, say 1, 10, 200. Does anyone know how to do this, creatively, since currently a con
    trol like this is not available.

    m a listbox, and then change the value on the block diagram, but what I want is that on the subvi node itself he can enter the actual values, say 1, 10, 200. Does anyone know how to do this, creatively, since currently a control like this is not available.> I need a control which allows a user to choose from specific values
    > (which I specify), NOT 0, 1, 2 etc. [I KNOW I can let him enter 0, 1,2
    > from a listbox, and then change the value on the block diagram, but
    > what I want is that on the subvi node itself he can enter the actual
    > values, say 1, 10, 200. Does anyone know how to do this, creatively,
    > since currently a control like this is not available.
    >
    One way of doing this is to use either a ring or enum where the strings
    presented to the user are "1", "10", or whatever you like. On the
    diagram, the values will be 0, 1, 2, in a compact counting sequence.
    Then do an array index into a constant. If this is done more than one
    place, make the control a typedef so you can keep them consistent an
    d
    make the index be done in a subVI. Then whenever you need this, you
    drop the control and the subVI, out comes the integer, float, or
    whatever it is you want to index.
    Greg McKaskle

  • I need to control which software gets access to the the internet

    Hello,
    I need to control which software gets access to the the internet to control my GPRS bill. For example, I want only Battle.net software (Blizzard Armory) to be able to access the internet when I leave my home or work WiFi and hit the road where I connect through GPRS and/or 3G. Is there such a software that does this function?

    No, it's all or nothing.

  • 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.

  • When opening a Photoshop file with Bridge, how can I control which version of Photoshop the file wil

    When opening a Photoshop file fthrough Bridge, how can I control which version of Photoshop the file will open in?
    I store my PSD files adjacent to the original RAW file from which it was derived.
    If I open the file folder and double click on that PSD file, it opens in CS6. But,if I use Bridge (CS6) to navigate to and open the same file, it first opens Photoshop CS5 and then opens that PSD file in CS5.
    How can I control which Photoshop will open a file I select when opening it through Bridge?.

    Interesting, but it doesn't give a clue what I'm supposed to do. No Photoshop ducuments listed.
    Look at the PSD file on the location Curt provided and search for Photoshop Document. Next to it ideally should show Adobe Photoshop CS6 if you have Bridge CS6 open. Click on it to provide the fly out menu and choose the correct Photoshop from the list.
    But probably something went wrong with your install. By default Bridge chooses the latest version of PS to open its file in.
    Maybe a reset of the preferences might also help you. Can you provide more details about OS version etc.
    And do you have a good reason for keeping your Raw and finished files in the same location. Personally I keep them apart and use a proper file name convention (yyyymmdd and details) so I can easily search for the DNG files in my archive if I needed them but I don't make mistakes in opening the wrong one

  • 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

  • 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!

  • Prevent lower text from moving when accordion panels open

    I tried out the Accordion Panel from Project Seven which is
    really nice and works well. My only issue right now is that I would
    like to prevent the rest of the text outside and below this widget
    within the same column from moving. When any panel opens it causes
    the contents of the entire column to shift down thus causing the
    page to shift down as well.
    I have tried using a new div for the content below the panels
    and also a new table below but can't seem to figure out how to keep
    the content from shifting. Curently I have a table cell nested and
    have tried with CSS to keep it from moving but that is not working
    either.
    Thanks in advance for any help with this.
    Here is the code for the column in question:

    no takers on this one? Does anyone know how I could fix this
    with divs? Is it possible to put this accordion into a separate div
    and create another below it that would not move? Like on the new
    apple site...They have some really awesome accordion style navs on
    the sides that do not throw the rest of the page off when they open
    or close.
    Thanks.

  • Tweaking how accordion content panels opens

    Referencing the accordion at www.Greensboro101.com.
    I have an accordion of fixed height. The panels are not fixed height and open at varying heights based on content.
    PROBLEM: When a panel tab near the bottom of the visible accorion is clicked, the tab remains staionary while the content panel opens downward, leaving the content panel partially hidden or completely hidden and requiring the user to scroll down in the accordion  to see the conent.
    DESIRED SOLUTION: I would like to make the tab and associated conent panel, when opened, slide up so that the tab panel is at the very top of the accordion. Is that possible?

    Have a look here http://foundationphp.com/tutorials/spry_url_utils.php
    Also have a look here where accordions have been used for the menu http://backyardfurniture.com.au/
    Gramps

  • Spry Accordion menu - How do you make tabs without content and make panel height fit the content?

    I have an Accordion Menu on my site and I would like to put a tab at the top that links to my homepage when clicked, instead of sliding open to show a content panel. I don't have any extra info to put in the content panel, so it would look kind of redundant to have it there.
    Also, each panel has a different amount of content, but they all default to the same height to fit the largest content. I want them to fit to the content of each panel. The only thing I've read said to set the height of the content panel to 100% in the CSS, but it didn't change anything.
    Thanks!
    Andrea
    http://www.andreamutsch.com

    You make it look so simple but it doesn't seem to be working for me...
    My first thought with getting rid of the tab content was to simply delete it, but when I do that I get a warning that 'The structure of the accordian appears to be damaged'. Then when I preview none of the tabs will open.
    This is what my accordian structure looks like with the tab content code deleted...
    <div id="Accordion1" tabindex="0">
          <div class="AccordionPanel">
            <div class="AccordionPanelTab">home</div>
            </div>
          <div class="AccordionPanel">
            <div class="AccordionPanelTab">graphic design</div>
            <div class="AccordionPanelContent">
              <p align="center">identity </p>
              <p align="center">print </p>
              <p align="center">packaging</p>
              <p align="center">web </p>
            </div>
          </div>
    <div class="AccordionPanel">
            <div class="AccordionPanelTab">photography</div>
            <div class="AccordionPanelContent">
              <p>traditional</p>
              <p>digital</p>
              <p>retouch</p>
            </div>
          </div>
          <div class="AccordionPanel">
            <div class="AccordionPanelTab">contact</div>
            <div class="AccordionPanelContent">
              <p>email me</p>
              <p>design quote</p>
              <p>purchase photography</p>
            </div>
          </div>
          <div class="AccordionPanel">
            <div class="AccordionPanelTab">resume</div>
            <div class="AccordionPanelContent">download resume (.pdf)</div>
          </div>
          <div class="AccordionPanel">
            <div class="AccordionPanelTab">design blog</div>
            <div class="AccordionPanelContent">2009</div>
          </div>
    Also, getting rid of the height in the CSS had no effect (I did this before I did the above)
    Below is my current CSS for the Panel Content
    .AccordionPanelContent {
        overflow: auto;
        margin: 0px;
        padding: 0px;
        font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
        font-size: large;
        background-color: #633408;
        font-weight: normal;
        word-spacing: normal;
        text-align: center;
    Also there is a note in the CSS that says this...
    * Anyone who styles an Accordion *MUST* specify a height on the Accordion Panel
    * Content container.
    I'm not sure how accurate that is since I don't have a height in there and it worked (although not how I wanted) but I just thought I would throw it in.

  • TS3989 hi one guy stolen my iphone, and now i need my pictures which i have in my icloud i open my Apple id in icloud but i downlode just 20 pic how i got my all picturs in my pc?

    hi one guy stolen my iphone, and now i need my pictures which i have in my icloud i open my Apple id in icloud but i downlode just 20 pic how i got my all picturs in my pc?

    Update:  I reset my phone again and this time I restored it from my last iCloud backup.  That "sort of" worked.  (The missing info was on my phone temporarily, but it's still missing from iCloud.com and as the phone syncs with the cloud the missing contacts are disappearing.) 
    This is good news, but I'm losing progress.  How can I restore my iCloud settings to that last backup?

  • How to control which Configuration File a package Opens with in MS Visual Studio 2008 ?

    When running our jobs, I know which Configuration File is being used, as it's specified in the path.
    But when opening SSIS Jobs in MS Visual Studio, lets say there is four different Config files.
    How do you control which one is used when you are working with the job in Visual Studio?
    For example in the above screen, you can 'Add' or 'Edit' or 'Remove' Configurations but you can seem to say
    "Reload this package with x Configuration", or "Select this particular one at the moment" for instance?

    The configuration file mentioned last in the above screen is the one loaded last and the values of this file are applied. You can specify the sequence of the file with the arrow buttons on the right in case if you want a different config file to be loaded
    in development and then change them back when you are deploying the package as a job. 
    Surender Singh Bhadauria
    My Blog

  • IOS obviously allows only 10 Apps to be Chosen in The "Open in" function. How can I control which Apps ( if more than 10 are installed) can be selected?

    iOS obviously allows only 10 Apps to be Chosen in The "Open in" function. How can I control which Apps ( if more than 10 are installed) can be selected?

    I think that is influenced by the order in which the apps are installed on the iPad (I believe that it's the most recent 10 ?) - but as I haven't got more than 10 apps that support any document/file type I can't check.
    If you want to able to edit the list, then you could try leaving feedback for Apple : http://www.apple.com/feedback/ipad.html

  • How do I select "Start" menu and choose "Control Panel"?

    I am working a a problem with the software on a Canon digital camera. My instructions from Canon Support are to:
    1.Select my START menu and choose CONTROL Panel.
    How do I do that? I have Mountain Lion OS.
    Thanks for any help.

    Those are instructions for Windows.  The equivalent action is to go to the Apple menu (left end of Menu Bar at the top of the screen) and select System Preferences.
    However, that may not help with your problem, because the steps after "1" will be different on a Mac (for whatever it's telling you do to for Windows).  It may help if you explained the actual problem "with the software on Canon digital camera."

  • 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

Maybe you are looking for