Select Accordian Panel via $_GET

Is it possible to select which panel is open on a page
through a url $_GET?
For example, if you have a regular non spry webpage or email
that you want to link to a specific open panel on a spry webpage,
how can that be achieved.
i.e.
<a href="
http://www.domain.com/test.php?panel=3
>open panel four</a>
I have seen the posts for openPanel and have not been able to
get them to work at all.
Any suggestions?
thanks,
elaine

When the page loads you could just get the panel from the
query string and send it as the default when you create the
accordion. The code looks like:
var defaultPanelParam = getQueryVariable('panel');
var sampleAccordion = new
Spry.Widget.Accordion("sampleAccordion", {defaultPanel:
defaultPanelParam});
The first implementation I found for getQueryVariable is
http://www.activsoftware.com/code_samples/code.cfm/CodeID/59/JavaScript/Get_Query_String_v ariables_in_JavaScript
There's other ones out there you could use too if you don't
already have code to do that.
Chris

Similar Messages

  • Open Accordian Panel via anchor tag

    I have about 20 accordian panels stuffed with content. Is it
    possibe for a user to click a link on the same page and be carried
    to the specific panel? -- having it open would be a bonus.
    thanks for your time

    I had a similar question. I'm trying to use named anchors on
    one page in a site to to open specific panels on a different page,
    but I'm not having much success. Depending on where I place the
    anchor tags, I can get ALL of the panels with anchor tags to open
    when the link is clicked. However, I can't seem to make a single
    link open a single panel. My javascript skills are minimal -- I can
    edit from examples, but I don't have the knowledge to write code
    from scratch. Any help or advice is most appreciated.

  • Need help with horizontal accordian panels

    Hi,
    I'm wondering how I would re-create a horizontal accordian panel set, such as the one used in this website link, "http://www.thecapriapts.com/".
    When I insert a "spry accordian" panel set, the panels are stacked on top of each other. I guess you would consider that a "vertical" accordian. Is it possible to manipulate the CSS to have it display horizontally, like the link I attached? Or.. is this a common javascript that I sould look into?
    As always, thanks for your help out there...
    Chris

    With spry, there are two different kinds you can use: horizontal and vertical. What you're looking at in that site is horizontal. Usually, it appears as rectangles placed next to each other with the spry flying out below. In DW, you can go to your CSS rules for your spry menu and change the width and height of your boxes in your spry, depending upon which rule you have selected. Play around with that and see if you can just manipulate the horizontal accordian spry to where the rectangles end up being tall and thin. This will make it difficult, however, to get the text on its side like you see in that site. I'm not sure how you would go about doing that. But I would suggest trying to play around with the values in your CSS styles panel on the right (this is me looking at CS5 mind you. I'm not sure what you're running.)
    Either way, for times sake and also readability, might I respectfully suggest playing around with other sprys to see if any look more aesthetically pleasing for your site? It would also make it a lot simpler to tweak to your liking.

  • Add rules under menu text in accordian panel?

    Hi,
    The client requested rules under the text, to go the entire width of the accordian panel. I can't figure out how to do this.
    For example, I need to add a dividing rule probably in a lighter tan/gold color the entire width of the accordian panel, between HOME and HOW IT WORKS:

    Select one submenu entry (in the top left of the Muse window "menu item" has to be indicated.
    Set "stroke" to "0". Then click onto the orange word "stroke". Here you can adjust all edges separately.

  • Problems editing accordian panels

    Hi,
    Have an issue where InContext editing was capable last month of editing a page with Spry accordian panels, but recently weno longer can edit the panels.
    The subject page is
    http://www.peradance.com/Atlanta-Dance-Classes-Calendar.html
    which is a dance class calendar.
    Each class is defined as a repeating region consisting of a title and a description, both within a Spry accordian panel which when click expands the accordian detail window to show the description.
    I set this up for the client weeks ago and to my surprise it worked OK with InContext editing. However, now we find it is difficult to edit the text in the title windows -- perhaps some recent update to InContext editing has broken this ability.
    We can add or duplicate a repeating region to add a new class, but when we try to click inside the Title box for that class we can't seem to insert a cursor anymore to change the text -- InContext editing now seems confused and wants to expand/contract the description panel, rather than let us insert a cursor to edit the title.  We can insert the cursor in the description and edit it OK.
    This fails using Windows Firefox, IE8 and IE7 so trying another browser doesn't help.
    I tried to talk the client into a simpler calendar without the Spry expanding accordian (just have the class title and description always exposed) but he would rather abandon Adobe's software than give up that functionality. What he really wanted rather than the accordian was for the class description to appear in a popup window when the cursor hovers any title, but I discovered there is no way to use Spry tips or any javascript popup in a way that the client can edit with InContext editing. I was surprised to find the Accordian panel did work fine. Why it has now stopped working is a mystery.
    The code for a day on the calendar looks like this:
    <div class="day">
    <p class="title">Monday</p>
      <div id="Accordion2" class="Accordion" tabindex="0" ice:repeatinggroup="*">
          <div class="AccordionPanel AccordionPanelOpen" ice:repeating="true">
            <div class="AccordionPanelTab" ice:editable="*">
                <p align="center"><span style="font-weight: bold;"><span style="font-style: italic;">7:00 PM BELLY DANCE BASICS &amp; FITNESS</span></span></p>
            </div>
             <div style="height: auto; display: block;" class="AccordionPanelContent" ice:editable="*">
             Learn the fundamentals of the art of belly dance from multi award winning instructor Aziza Nawal. In this class, you will learn the basics of middle eastern dance, improve your tecniques, all while you get a nice workout and toning your body
             </div>
          </div>
      <div class="AccordionPanel AccordionPanelClosed" ice:repeating="true">
        <div class="AccordionPanelTab" ice:editable="*">
            <p align="center"><span style="font-weight: bold;"><span style="font-style: italic;">8:00 PM  FOCUS on CLOSE EMBRACE TANGO</span></span></p>
         </div>
         <div style="height: 0px; display: none;" class="AccordionPanelContent" ice:editable="*">
      In our Monday classes, we focus on concepts dealing with the technique of close embrace tango while always keeping a sharp focus on musicality and navigation. The moves that we teach in this class will be simple, musical and elegant. We will focus on different tango orchestras as well as  vals and milonga and give you specific tools and moves to interpret these in an interesting and satisfying way. We will try to always spend time focusing on the followers role in the dance.</div>
       </div>
    </div>
    </div><!-- end day -->

    The Accordion keyboard navigation feature (the ability to change the open panel using the keyboard keys )  is preventing InContext Editing to properly edit the contents of the editable region.
    You can disable to keyboard navigation feature of an Accordion by setting it to false in the constructor:
        var Accordion1 = new Spry.Widget.Accordion("Accordion1", { useFixedPanelHeights: false , enableKeyboardNavigation:false});
    Note: to disable keyboard navigation when the page is loaded inside InContext Editing use:
    var useKeyboard = typeof(top.ice) == "undefined";
    var Accordion1 = new Spry.Widget.Accordion("Accordion1", { useFixedPanelHeights: false , enableKeyboardNavigation:useKeyboard });
    This will make the editable regions editable only in Internet Explorer.
    There's a CSS rule used by the Accordion  widget to disable text selection on the panel titles in Firefox and Safari:search .AccordionPanelTab in the SpryAccordion.css file and remove:
        -moz-user-select: none;
        -khtml-user-select: none;
    See the InContext Editing known issues and limitations, the Editing section, from Adobe Labs InContext Editing page.
    Regards,
    Dan Popa

  • Color of selected tab panel tab

    Hello all,
    I'd like to know the orange like color of the upper part of a selected tab panel tab, see the picture below.
    Actually, these are two colors, orange and a darker, 'shaded' orange. I don't mind which color value I can obtain, but I'd like to use the same color for other controls (LED, decoration frame) as well.
    Does this color depend on the Windows theme? If so, I'd be happy about a possibility of obtaining this property programmatically.
    If this color is always the same, I can obtain it myself using Photoshop...
    Thanks a lot,
    Wolfgang
    Solved!
    Go to Solution.

    When the panel has ATTR_CONFORM_TO_SYSTEM_THEME set, CVI lets Windows draw the tabs by calling DrawThemeBackground with partIDs such as TABP_TABITEM, etc. The picture that you posted is the XP theme. The Windows 7 theme is different and it looks like this...
    I checked out the Windows function GetSysColor, but didn't see a way to get that color. Anyway, since the tabs draw differently on XP and Vista/Windows 7, you may not want to use that color in different controls.

  • Re: Spry Accordian Panels

    Hi.  I used Spry Accordian Panels in a new website I created using Dreamweaver CS6.  Most people can see and click the panel to open it and see the content in it.  However, I know someone that's blind that would like to use the site but is having a lot of trouble with it.  The panel tabs are not links so it doesn't tell him to click it.  I've tried putting the tabindex attribute on each panel tab and the aria-polite:polite but it hasn't helped.  Any ideas?

    Hi.  I used Spry Accordian Panels in a new website I created using Dreamweaver CS6.  Most people can see and click the panel to open it and see the content in it.  However, I know someone that's blind that would like to use the site but is having a lot of trouble with it.  The panel tabs are not links so it doesn't tell him to click it.  I've tried putting the tabindex attribute on each panel tab and the aria-polite:polite but it hasn't helped.  Any ideas?

  • Spry accordian panel not closing

    I have created a page using both the spry tabbed panels and
    accordian panels. The accordian panels are in the content sections
    of the tabbed ares. I want the accordian panels to be closed
    initially, and whenever you click on the tab of the panel it will
    open if it is closed, and close if it is open. I have modified the
    code (as described in the Adobe Resource section) at the bottom of
    the div. I got it to work on a simpler page (without the tabbed
    panels) but I can't get it to close when click on if open. It will
    close if another tab is clicked, but that isn't what I want. I'm
    thinking it has something to do with the fact that it is in the
    tabbed panels spry, or I am overlooking something. I am not very
    verse in javascript, so I can't troubleshoot it. Can someone look
    at the code and suggest a solution? The site is
    http://www.capitolphotointeractive.com/test

    Hi amilesslady,
    You'll need to replace the version of the SpryAccordion.js
    file on your site with a more recent one. You can get the the one
    from Spry 1.6.1 here:
    http://labs.adobe.com/technologies/spry/widgets/accordion/SpryAccordion.js
    Or you can download the Dreamweaver 1.6.1 updater and use it
    to update the Spry related files in Dreamweaver and your sites.
    http://download.macromedia.com/pub/labs/spry/1/spry_p1-6-1_updater_022508.mxp
    --== Kin ==--.

  • Accordian panel widget dysfunctionality

    Before I added an accordian panel widget, I pulled the content area on my page down to enlarge it vertically and allow enough room for panels to close and expand. It works fine if you leave "can close all" and "close all initially" options unchecked, but I don't want that. They should all be closed initially, so the visitor to the site can decide which to open and view. Anyways, if these options are checked the widget will move all text and placed image objects that lie below it, up and down, along with the bottom-most panel as it is opened and closed. This is extremely annoying and dysfunctional and renders the widget pretty useless for what I would like to do. Obviously the (css?) code is jacked. I hope the coders can fix this because the accordian panels is one of the slickest widgets in the palette.

    I am getting an issue with the accordian as well. For me, my issue is that when I preview the page and I click on the accordians, everything underneath it sometimes moves and sometimes doesn't move and goes in front or behind the images. How does this stay consistant and always have the content that is underneath the accordian move? (look at the photo...I don't know if you can see it but the type and images is going over the dotted line and the dotted line is supposed to move when the accordian is open and closed).

  • IE 7 freezes on selecting new panel in Accordion

    Dar! Our rather complicated homepage at http://ebling.library.wisc.edu has developed a bug that affects IE 7 users only. Our Spry Accordion on the left of the page used to work fine but now freezes up the browser when you select any panel other than the default one.
    Only changes to the code recently involve an attempt to use this ContentFlow viewer to display our new book acquisitions. After repeatedly trying to get it to work in IE 6 we decided it wasn't worth the effort and put in some IE conditional code to only display it for IE7 or later. That seemed to work find but just got a report this morning (confirmed on my end) that the Spry Accordion breaks IE 7 now. Page loads fine but freezes on clicking the accordion to open a new panel.
    Any ideas? Conditional code + IE 7 + Spry? Or even just IE 7 + Spry? Any help appreciated. Works fine in Firefox, Safari and IE 8...

    Have tried to remove *or disable* your contentFlow script to see if that helps causes a error?

  • Adding Show more link in multi select refinement panel

    Hi,
    Is it possible to add show more link in multi-select refinement panel.In the default refiners, the show more link comes OOB.Is it possible to bring the same logic in multi select refinement panel?
    Thanks,                                                                        
     Saranya

    Hi Saranya,
    From your description, you need to create your own custom multi-value refinement panel and add Show more/fewer function:
    http://www.eliostruyf.com/creating-custom-refiner-control-display-templates-for-sharepoint-2013/
    Here is an article describe about ready-made method to Auto collapse multi-valued refiners in the SharePoint 2013 search refinement panel, please check if it can be help:
    http://blogs.msdn.com/b/boodablog/archive/2014/10/27/auto-collapse-multi-valued-refiners-in-the-sharepoint-2013-search-refinement-panel.aspx
    Regards,
    Rebecca Tu
    TechNet Community Support
    Please remember to mark the replies as answers if they help, and unmark the answers if they provide no help. If you have feedback for TechNet Support, contact
    [email protected]

  • Accordian Panels: want all CLOSED

    The Accordian panels I've installed are lower down in the page body, just high enough to begin to see without scrolling down.  Would like visitors to immediately see there's a list of topics - having the first panel open to start with, defeats that goal.
    Suggestions on how to have all accordian panels closed, initially?

    Thanks Ben, but aside from the fact I never use Design View in Dreamweaver (shudder), more to the point I am building this page in Drupal CMS and therefore (after testing the "base model" locally) am implementing and refining the code directly inside a page editor in my Drupal website.  Here's the precise code I've typed in for the 2nd Accordian panel:
    <code>
    <div class="AccordionPanel">
        <div class="AccordionPanelTabBG">
            <div class="AccordionPanelTab">MARKETING</div>
            </div>
            <div class="AccordionPanelContent">
            <br>
    Asgard Forge works with the Client to identify a clear consensus of what that company is and does, and shapes this into its Brand: a focused, concise, consistent Message about the Company.<br>
    <br/>
    <img src=/web-design/web-design-company/sites/all/themes/af_marketing/images/nodes/arrow-bulle t.gif align=absmiddle /><span style="color:#800101">   WE'LL ASSIST IN REFINING YOUR GOALS</span><br>
    You may already know this cold – and then again it may help you sharpen your company focus;<br/>
    <img src=/web-design/web-design-company/sites/all/themes/af_marketing/images/nodes/arrow-bulle t.gif align=absmiddle /><span style="color:#800101">   IDENTIFY COMPANY STRENGTHS & ASSETS</span><br/>
    <img src=/web-design/web-design-company/sites/all/themes/af_marketing/images/nodes/arrow-bulle t.gif align=absmiddle /><span style="color:#800101">   DEFINE THE COMPANY PERSONALITY</span><br/>
    <img src=/web-design/web-design-company/sites/all/themes/af_marketing/images/nodes/arrow-bulle t.gif align=absmiddle /><span style="color:#800101">   BUILD YOUR ONLINE BRAND</span>
    <br>
    Just because your company isn’t Nike or Apple, doesn’t mean you can’t take full advantage of having a brand that’s <strong>quickly recognized</strong> and <strong>enduringly remembered</strong>.
    <br/><br/>
    </div>
    </div>
    </code>
    Again, for quick reference:http://www.asgardforge.com/web-design/web-design-company/new-client
    As you can see, I've placed only two BR tags at the end of content in order to leave abit of padding there manually - and note the syntax.  When the page is viewed and you look at the page source, you see my 2 tags PLUS the 6 differently-syntaxed </br/> tags.
    If however you know for certain it's not someting SPRY does in constructing Accordian panels (I'm sorry but I don't yet know what your use or affiliation with SPRY is), then I would have to conclude it's something that Drupal does.  Your confirmation on this point would be appreciated.
    NOTE: As you can see in the above example, I've wrapped the AccordianPanelTab container inside another in order to maintain the Tab background all the way across while the + / - image to the left changes with toggle clicks.  That's the only place I've diverged from the standard Accordian structure, and here's the CSS for that container:
    .AccordionPanelTabBG {
        background-image:url(SpryAssets/bg-accordian-panel.gif); background-repeat:repeat-x; background-position:top;
        line-height:27px;
        border-left:1px solid #ccc; border-right:1px solid #ccc;
        margin: 0px;

  • Accordian Panel content size

    Hi,
    I am using Accordian Panel in several pages. When I go to CSS styles paneland and change Accordion Panel content size/height to 600 for example, it changes all the Accordian panels throughout my site to 600.
    Is there a simple way of changing each panel individually.Am I missing something very obvious. I am learning CSS but not quite there yet. Any help would be appreciated.
    Michael

    To start with, especially when you are a novice at CSS, do not alter the original Spry Style Sheets. You will thank me for this tip once you get into more complicated web sites.
    To have variable panel heights use the following constructor
    <script type="text/javascript">
    var acc1 = new Spry.Widget.Accordion("Acc1", { useFixedPanelHeights: false });
    </script>
    If you want fixed heights per accordion then you have numerous options of which I will show one. Apply a unique ID to your accordion and style accordingly has follows.
    <!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">
    <style>
    #Accordion600 .AccordionPanelContent {
        height: 600px;
    </style>
    </head>
    <body>
    <div id="Accordion600" class="Accordion" tabindex="0">
      <div class="AccordionPanel">
        <div class="AccordionPanelTab">Label 1</div>
        <div class="AccordionPanelContent">Content 1</div>
      </div>
      <div class="AccordionPanel">
        <div class="AccordionPanelTab">Label 2</div>
        <div class="AccordionPanelContent">Content 2</div>
      </div>
    </div>
    <script type="text/javascript">
    var Accordion1 = new Spry.Widget.Accordion("Accordion600");
    </script>
    </body>
    </html>

  • Select Color Panel - Color Picker

    The select color panel should allow you to select a color from any part of the screen, not just the spectrum in the color panel itself.
    This would make local adjustments MUCH easier, especially in the case where there are tonal gradations of an object.

    Click in the panel and drag onto the image to get the color picker.

  • Down arrows in accordian panel

    I have an accordian panel and am trying to put down arrows in each of the 4 sections
    See it at http://paralegaladvice.com/landlord-help.html
    If I click any panel in a browser, the arrows do not move with their own section of the panels
    They remain exactly where they are whether the panel are open or closed
    I tried grouping, can;t.
    So how do I insert the arrow in each section so it moves with that section???
    It would help if you look at the page http://paralegaladvice.com/landlord-help.html and click the panels so you can see the problem
    Thanks

    Hi
    I believe you are using image in label field which you cannot group with individual label field.
    A possible workaround would be use the image as fill for label field and position it at center-right and then you can define states.
    Something like this :
    http://drop-down.businesscatalyst.com/index.html
    Thanks,
    Sanjit

Maybe you are looking for

  • Macbook Pro 13' (2010) MDp to HDMI detects monitor but no image

    I bought a Mini Display Port to HDMI to hook it up to one of my Dell 2408WFP monitors. The Mac detects the display just fine and my USB ports on my monitor work because I'm using a external mouse and keyboard. However there is no image on screen. I j

  • Indesign Post Script name changing to back up file name

    Hi all I am in a pre press workflow that requires that I write a post-script file to a hot folder. So saving as a post-script is the only option for our entire workflow to take place. When saving the post script file from indesign , the name defaults

  • Ssd not avalable in osx 10.5.8

    After the proud hardware install of the solid state drive OCZ Agility 3 60Gb sata III. My Apple Powermac G5 7.5  1.6Mhz Single core intel970 wont show this drive at all. I am a newby on apple, so what did i do wrong Even diskutility's doesnt show the

  • Windows 2008 Licensing - Standard and Enterprise Edt - No of License required

    Hello All  ,  We have a Windows Environment running on VMware (ESXi5.1), running Windows 2008 Standard and Enterprise platforms . We are working on the no of license that is required  for each category . Can you help us in licencing calculation for e

  • How to undeploy (delete) a Java application

    Hi all, i have deployed using the SAP Netweaver developer studio and the SDM tool a specific Java application. As i delete it on my PC i can not re-deploy it because the system tells me that there is already a application with the same name. How can