Same accordion panel after click

Hi,
With Dw CS4 we can put accordion spry, right.
I want to have the same open panel when I click on a link inside a panel and download a new page.
Ex
<div id="Acc1" class="Accordion">
<div class="AccordionPanel">
    <div class="AccordionPanelTab">Panel 1</div>
    <div class="AccordionPanelContent">
     <ul>
          <li><a href="page1.php?id=1">Link1</a></li>
           <li><a href="page1.php?id=2">Link2</a></li>
     </ul>
    </div>
</div>
<div class="AccordionPanel">
    <div class="AccordionPanelTab">Panel 2</div>
    <div class="AccordionPanelContent">
     <ul>
          <li><a href="page2.php?id=20">Link20</a></li>
           <li><a href="page2.php?id=21">Link21</a></li>
     </ul>
    </div>
</div>
</div>
<script type="text/javascript">
var acc1 = new Spry.Widget.Accordion("Acc1");
</script>
If I click on Link1 the new page is open on Panel 1
If I click on Link 20 the new page is open with Panel2
How can I make this ?
Tnx Friends From Mediterranean Sea

Read this:
http://labs.adobe.com/technologies/spry/samples/utils/URLUtilsSample.html
See bottom example for implementation on the TabbedPanel widget, same technique can be used on the accordion.
A other technique is using cookies. http://go.spry-it.com/cookie

Similar Messages

Can we remain in the same state even after clicking submit button?

Hello All,
Can we remain in the same stage even after clicking submit button? Also it should remain in the same stage only when certain conditions are met. For eg:
Condition : In Stage1, CustomFieldA default value is 'No'. To pass from Stage1 to Stage2 the CustomFieldA value should be made to yes.
Scenario 1 : CustomFieldA value is 'No', and I click on Submit .
Expected Result : should remain in the same stage
Is above result achievable in PS 2013? I am creating workflow in Visual Studio 2012, so can I handle this in the workflow?
Please help.

The above answer was proved wrong, so please follow this link to get the answer.
http://social.msdn.microsoft.com/Forums/en-US/8c75d74d-1ea6-4273-96cd-e70f5a5688fc/how-to-remain-in-the-same-stage-even-after-clicking-submit-button?forum=project2010custprog

Close Accordion panel by clicking on a button

I'd like to have a button either in the Tab or Content to
make the content panel close. What is a good way of doing it?
Thanks!

If you have constructed the widget the following way
var acc = new Spry.Widget.Accordion('id',
{useFixedPanelHeights:false});
then you should add an onclick handler like
onclick="acc.close()"
The accordion then closes the active panel. The
useFixedPanelHeights option is necessary.

Programmatically Open and close panel accordion on button click

Hi All,
Im using JDev 11.1.1.4 and adf faces application.
My requirement is to open/close panel accordion on button click programmatically.Kindly have a look at below figured one
Panel accordion Open Button
| ShowDetail1 //Consider first one is open inside close button is there to close this pane..
|
|
|
Close Button
-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- Show detail2 open button
Show details3 open button
Any idea...
Thanks,

Thanks Mr.frank...
But disclosed property is to make the showdetail to disclose or not.. but requirement is to open panel accordion on button click
By default using panel accordion have arrow icon in left to open in a same way if i open the second one, first will get close automatically...
Actually is there any way to do the default process (open/close) programmatically...

Accordion fade/appear stay's after clicking another tab/content

Hi,
In the accordion Tab i've putten the effect fade/appear on the image.
Problem:
When I close the panel by clicking on te accordion Content, the Tab stay's dark.
This also stay's dark when I click on another Tab.
After clicking on content or another Tab, the Tab which is dark needs to go back to the start position (like you hit F5).
http://www.home-maastricht.nl/signage.html
I hope you understand what the problem is.
Thanks for your help!
Carla

There has to be a more elegant way to do this, but here goes
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Untitled Document</title>
<link href="http://www.home-maastricht.nl/SpryAssets/SpryMenuBarVertical.css" rel="stylesheet" />
<link href="http://www.home-maastricht.nl/SpryAssets/SpryCollapsiblePanel.css" rel="stylesheet" />
<link href="http://www.home-maastricht.nl/mh1architecten.css" rel="stylesheet" />
<link href="http://www.home-maastricht.nl/SpryAssets/SpryAccordion.css" rel="stylesheet" />
<script src="SpryAssets/SpryAccordion.js"></script>
<script src="SpryAssets/SpryEffects.js"></script>
<script src="SpryAssets/SpryMenuBar.js"></script>
<script src="SpryAssets/SpryCollapsiblePanel.js"></script>
<script src="SpryAssets/SpryDOMUtils.js"></script>
<script>
function MM_effectAppearFade(targetElement, duration, from, to, toggle) {
    Spry.Effect.DoFade(targetElement, {duration: duration, from: from, to: to, toggle: toggle});
function myClickHandler(event) {
    var ele = Accordion1.getCurrentPanel();
    var panelNumber = Accordion1.getPanelIndex(ele);
    MM_effectAppearFade(document.getElementById('tab'+panelNumber), 1000, 100, 30, true);
    Accordion1.closePanel(panelNumber);
function Tab0ClickHandler(event) {
    var ele = Accordion1.getCurrentPanel();
    var panelNumber = Accordion1.getPanelIndex(ele);
    if (panelNumber == -1 || panelNumber == 0) {
        return;
    } else {
        MM_effectAppearFade(document.getElementById('tab'+panelNumber), 1000, 100, 30, true);
function Tab1ClickHandler(event) {
    var ele = Accordion1.getCurrentPanel();
    var panelNumber = Accordion1.getPanelIndex(ele);
    if (panelNumber == -1 || panelNumber == 1) {
        return;
    } else {
        MM_effectAppearFade(document.getElementById('tab'+panelNumber), 1000, 100, 30, true);
function Tab2ClickHandler(event) {
    var ele = Accordion1.getCurrentPanel();
    var panelNumber = Accordion1.getPanelIndex(ele);
    if (panelNumber == -1 || panelNumber == 2) {
        return;
    } else {
        MM_effectAppearFade(document.getElementById('tab'+panelNumber), 1000, 100, 30, true);
</script>
</head>
<body>
<div id="mainContentContent">
<div id="Accordion1" class="Accordion">
    <div class="AccordionPanel">
      <div class="AccordionPanelTab">
        <div class="tab_fade"><img id="tab0" src="http://www.home-maastricht.nl/images/01-signage/banners/01-00-qpark-banner.jpg" width="700" height="120" onclick="MM_effectAppearFade(this, 1000, 100, 30, true)" />
          <div class="tab1_tekst">Q-Park</div>
        </div>
      </div>
      <div class="AccordionPanelContent"><img src="http://www.home-maastricht.nl/images/01-signage/websiteformaat/01-00-qpark.jpg" alt="Q-Park" width="700" height="1050" /></div>
    </div>
    <div class="AccordionPanel">
      <div class="AccordionPanelTab">
        <div class="tab_fade"><img id="tab1" src="http://www.home-maastricht.nl/images/01-signage/banners/01-01-qpark-banner.jpg" width="700" height="120" onclick="MM_effectAppearFade(this, 1000, 100, 30, true)" />
            <div class="tab2_tekst">Q-Park</div>
        </div>
      </div>
      <div class="AccordionPanelContent"><img src="http://www.home-maastricht.nl/images/01-signage/websiteformaat/01-01-qpark.jpg" alt="Q-Park" width="700" height="1050" /></div>
    </div>
    <div class="AccordionPanel">
      <div class="AccordionPanelTab">
        <div class="tab_fade"><img id="tab2" src="http://www.home-maastricht.nl/images/01-signage/banners/01-02-groenmetropool-banner.jpg" width="700" height="120" onclick="MM_effectAppearFade(this, 1000, 100, 30, true)" />
            <div class="tab3_tekst">Groenmetropool</div>
        </div>
      </div>
      <div class="AccordionPanelContent"><img src="http://www.home-maastricht.nl/images/01-signage/websiteformaat/01-02-groenmetropool.jpg" width="700" height="933" alt="Groenmetropool Kreis Aachen" /></div>
    </div>
</div>
</div>
<script>
Spry.Utils.addEventListener("Accordion1", "click", myClickHandler, false);
Spry.Utils.addEventListener("tab0", "click", Tab0ClickHandler, false);
Spry.Utils.addEventListener("tab1", "click", Tab1ClickHandler, false);
Spry.Utils.addEventListener("tab2", "click", Tab2ClickHandler, false);
var Accordion1 = new Spry.Widget.Accordion("Accordion1", { useFixedPanelHeights: false, defaultPanel: -1 });
</script>
</body>
</html>
Happy Sprying.
Ben

I have installed iOS7 on my iPhone4. I am able to add/edit contacts by clicking the "contact" icon. But when I am trying to do the same after clicking the "phone" icon, it is not displaying the keypad. I believe it is a bug in iOS7. Please confirm. iPhone

I have installed iOS7 on my iPhone4. I am able to add/edit contacts by clicking the "contact" icon. But when I am trying to do the same after clicking the "phone" icon, it is not displaying the keypad. I believe it is a bug in iOS7.
Please confirm.
iPhone 4, iOS 7

Hello jayanand,
You may need to force close all open apps, then restart the phone. If necessary, you may need to reset the phone after that.
iOS: Force an app to close
http://support.apple.com/kb/HT5137
iPhone, iPad, iPod touch: Turning off and on (restarting) and resetting
http://support.apple.com/kb/HT1430
Cheers,
Allen

I just purchased Photoshop 13 for PC MS Windows 8.1 In trying to install, I get the following message after clicking on the 2nd file. "The file archive part of Adobe Photoshop Elements 13 is missing. You need all parts in the same folder in order to ex

I just purchased Photoshop 13 for PC MS Windows 8.1 In trying to install, I get the following message after clicking on the 2nd file. "The file archive part of Adobe Photoshop Elements 13 is missing. You need all parts in the same folder in order to extract Adobe Photoshop Elements 13. Please download all parts.: I've also gotten an Exit Code: 7 when trying to install. I've turned my McAfee virus system off while trying to install.

Hi,
Have you tried downloading Photoshop Elements 13 from here?
https://helpx.adobe.com/photoshop-elements/kb/photoshop-elements-10-11-downloads.html
There is only one file to download - which one depends on your system (32-bit or 64-bit).
These are the trial versions but will convert to the full version when you supply your serial number.
Brian

Auto collapse a mobile accordion menu when clicking links to anchors on the same page

I'm building a mobile site, with the accordion widget containing the a menu widget, pinned to the top (i added custom css to pin it to the top).
its a single page site, so all the links are to anchors in the same page.
how can I make the accordion close when clicking the links in the menu?

You can try the suggestion mentioned here :
http://stackoverflow.com/questions/21649839/make-accordion-close-on-second-click-jquery
http://stackoverflow.com/questions/9260068/collapse-jquery-accordion-on-click
Thanks,
Sanjit

Having trouble trying to link to an accordion panel on the same page

Hello all,
I've been following instructions on
http://labs.adobe.com/technologies/spry/samples/accordion/AccordionSample.html#EnablingKey boardNavigation
to try to link to/open a specific panel in an accordion panel from a menu on the same page, but it's not working. Could somebody tell me what I'm doing wrong? My page-in-progress is:
http://fleap.com/YGRpage2011.html#
The menu on the right, under the word, "Details", is the one I'm trying to link to the accordion panel, and the panel itself is lower down the page.
thanks very much for any help you can give me!
Anna

1. Remove the constructor in the HEAD section of your document
var acc1 = new Spry.Widget.Accordion("SpryAccordion1", { useFixedPanelHeights: false });
2. Change the HTML markup to the following
<ul>
<li><a href="#" onclick="Accordion1.openPanel(0); return false;"> how <span class="title">You've Got Rhythm</span> works</a></li>
<li><a href="#" onclick="Accordion1.openPanel(1); return false;">sample pages</a></li>
<li><a href="#" onclick="Accordion1.openPanel(2); return false;">reviews</a></li>
<li><a href="#" onclick="Accordion1.openPanel(3); return false;">syllabus</a></li>
<li>copying license</li>
<li>about the authors</li>
<li>tips</li>
<li>cd tracks</li>
</ul>
Gramps

HT5648 After uninstalling and installing several times, Java plug-in is still undetected. Support suggested I open up the control panel and click update but there isn't such an option. The advance tab, there aren't any options to enable or disable plug-in

After uninstalling and installing several times, Java plug-in is still undetected. Support suggested I open up the control panel and click update but there isn't such an option. The advance tab, there aren't any options to enable or disable plug-ins.

If you're running Java 7, then in System Preferences > Java > Java Control Panel in the Security tab there is a check box to enable Java in your browser. To check for update go to the Update tab.

HT202159 After clicking install, "an error has occurred" pops up. Tried it several times for several days already, the same happens.

Just recently purchased Quartet for Keynote, downloaded it after clicking install, "an error has occurred" pops up. Tried it several times for several days already, the same happens.

Try the developer's site FAQ;s ...
http://graphicnode.com/support/faq/
Their contact info here > http://graphicnode.com/support/contact/
Check GateKeeper
Open System Preferences > Security & Privacy > General
Make sure App Store and indentifed developers is selected.
If not, click the padlock icon to make changes. You may be prompted for your admin password.
Then try downloading the app.

Using text links to open accordion panel

How do I use text links (from the page's main menu) to
programatically open a particular panel.
here is the page:
http://debrankin.com/tee/SITEDESIGN/
for example: I want to click on "Resumes and Cover Letters"
in the left hand menu to open the first accordion panel (by the
same name). I have this set this page so that all panels are closed
initially.
i know i'm missing something because this obviously does not
work: i've looked for documentation and this issue is inadequately
addressed!

twinflame wrote:
> i know i'm missing something because this obviously does
not work: i've looked
> for documentation and this issue is inadequately
addressed!
Not really. The problem is that you have attempted to create
a
JavaScript object called accordion1 before the accordion HTML
is even
loaded into the browser. Moreover, the script that
initializes the
accordion is already in your HTML where it should be (after
the
accordion), but it uses Accordion1, not accordion1
(JavaScript is
case-sensitive.
Remove this after your menu.
> <script type="text/javascript">
> var accordion1 = new
Spry.Widget.Accordion("Accordion1");
> </script>
Change the links in the menu to Accordion1.openPanel(0),
etc., and it
should work.
David Powers
Adobe Community Expert, Dreamweaver
http://foundationphp.com

How do I collapse all the accordion panels

The problem that I still have is that I am trying to close all the Accordions when clicking on the last panel.
I have looked at the Accordion.closePanel() , but that throws an error
http://labs.adobe.com/technologies/spry/articles/data_api/apis/accordi on.html
here is a link to the page http://www.antworks.co.uk/mobymemory/menu.html
see the code below. Any help would be greatly appreciated. Thanks
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<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="AccordionPanelTop" onclick="Accordion1.openPanel(0); return false;">memory cards (make)</div>
<div class="AccordionPanelContent">
<img src="images/new/trans.gif" width="7" height="7" /><br />micro SD / Transflash<br />
<img src="images/new/trans.gif" width="7" height="12" /><br />micro SD / Transflash<br />
<img src="images/new/trans.gif" width="7" height="12" /><br />micro SD / Transflash<br />
<img src="images/new/trans.gif" width="7" height="12" /><br />micro SD / Transflash<br />
<img src="images/new/trans.gif" width="7" height="12" /><br />micro SD / Transflash<br />
<img src="images/new/trans.gif" width="7" height="12" /><br />micro SD / Transflash<br />
<img src="images/new/trans.gif" width="7" height="12" /><br />micro SD / Transflash<br />
<img src="images/new/trans.gif" width="7" height="12" /><br />micro SD / Transflash<br />
<img src="images/new/trans.gif" width="7" height="12" /><br />micro SD / Transflash<br />
<img src="images/new/trans.gif" width="7" height="12" /><br />micro SD / Transflash<br />
<img src="images/new/trans.gif" width="7" height="12" /><br />micro SD / Transflash<br />
<img src="images/new/trans.gif" width="7" height="12" /><br />micro SD / Transflash<br />
<img src="images/new/trans.gif" width="7" height="12" /><br />micro SD / Transflash<br />
<img src="images/new/trans.gif" width="7" height="3" />
</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab" onclick="Accordion1.openPanel(1); return false;">memory cards (brand)</div>
<div class="AccordionPanelContent2">Content 2</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab" onclick="Accordion1.openPanel(2); return false;">mobile accessories</div>
<div class="AccordionPanelContent">Content 2</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab" onclick="Accordion1.openPanel(3); return false;">gaming</div>
<div class="AccordionPanelContent">Content 2</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab" onclick="Accordion1.openPanel(4); return false;">computing</div>
<div class="AccordionPanelContent">Content 2</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelBot" onclick="Accordion1.openPanel(5); return false;">customer login</div>
<div class="AccordionPanelContent">Content 2</div>
</div>
</div>
<script type="text/javascript">

</script>
</body>
</html>
css
@charset "UTF-8";
/* SpryAccordion.css - Revision: Spry Preview Release 1.4 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
/* This is the selector for the main Accordion container. For our default style,
* we draw borders on the left, right, and bottom. The top border of the Accordion
* will be rendered by the first AccordionPanelTab which never moves.
* If you want to constrain the width of the Accordion widget, set a width on
* the Accordion container. By default, our accordion expands horizontally to fill
* up available space.
* The name of the class ("Accordion") used in this selector is not necessary
* to make the widget function. You can use any class name you want to style the
* Accordion container.
.Accordion {
width: 174px;
overflow: hidden;
/* This is the selector for the AccordionPanel container which houses the
* panel tab and a panel content area. It doesn't render visually, but we
* make sure that it has zero margin and padding.
* The name of the class ("AccordionPanel") used in this selector is not necessary
* to make the widget function. You can use any class name you want to style an
* accordion panel container.
.AccordionPanel {
margin: 0px;
padding: 0px;
/* This is the selector for the AccordionPanelTab. This container houses
* the title for the panel. This is also the container that the user clicks
* on to open a specific panel.
* The name of the class ("AccordionPanelTab") used in this selector is not necessary
* to make the widget function. You can use any class name you want to style an
* accordion panel tab container.
.AccordionPanelTab {
background-color: #CCCCCC;
letter-spacing: -0.04em;
background-image: url(../images/new/spry/meun_blue.gif);
background-repeat: no-repeat;
padding: 8px 0 0 12px;
height: 21px;
font-family: Arial, Helvetica, sans-serif;
color:#666666;
font-size: 14px;
font-weight: bold;
margin: 0px;
cursor: pointer;
-moz-user-select: none;
-khtml-user-select: none;
.AccordionPanelTop {
background-color: #CCCCCC;
letter-spacing: -0.04em;
background-image: url(../images/new/spry/meun_top.gif);
background-repeat: no-repeat;
padding: 8px 0 0 12px;
height: 22px;
font-family: Arial, Helvetica, sans-serif;
color:#666666;
font-size: 14px;
font-weight: bold;
margin: 0px;
cursor: pointer;
-moz-user-select: none;
-khtml-user-select: none;
.AccordionPanelBot {
background-color: #CCCCCC;
letter-spacing: -0.04em;
background-image: url(../images/new/spry/meun_bot.gif);
background-repeat: no-repeat;
padding: 8px 0 0 12px;
height: 21px;
font-family: Arial, Helvetica, sans-serif;
color:#666666;
font-size: 14px;
font-weight: bold;
margin: 0px;
cursor: pointer;
-moz-user-select: none;
-khtml-user-select: none;
/* This is the selector for a Panel's Content area. It's important to note that
* you should never put any padding on the panel's content area if you plan to
* use the Accordions panel animations. Placing a non-zero padding on the content
* area can cause the accordion to abruptly grow in height while the panels animate.
* Anyone who styles an Accordion *MUST* specify a height on the Accordion Panel
* Content container.
* The name of the class ("AccordionPanelContent") used in this selector is not necessary
* to make the widget function. You can use any class name you want to style an
* accordion panel content container.
.AccordionPanelContent {
letter-spacing: -0.05em;
background-image: url(../images/new/spry/meun_grey.gif);
background-repeat: repeat-y;
padding: 0 0 0 12px;
font-family: Arial, Helvetica, sans-serif;
color:#7f879e;
font-size: 14px;
font-weight: bold;
overflow: hidden;
margin: 0px;
.AccordionPanelContent2 {
letter-spacing: -0.05em;
background-image: url(../images/new/spry/meun_grey.gif);
background-repeat: repeat-y;
padding: 0 0 0 12px;
font-family: Arial, Helvetica, sans-serif;
color:#7f879e;
font-size: 14px;
font-weight: bold;
overflow: auto;
margin: 0px;
height: 200px;
/* This is an example of how to change the appearance of the panel tab that is
* currently open. The class "AccordionPanelOpen" is programatically added and removed
* from panels as the user clicks on the tabs within the Accordion.
.AccordionPanelOpen .AccordionPanelTab {
background-color: #EEEEEE;
/* This is an example of how to change the appearance of the panel tab as the
* mouse hovers over it. The class "AccordionPanelTabHover" is programatically added
* and removed from panel tab containers as the mouse enters and exits the tab container.
.AccordionPanelTabHover {
color: #555555;
.AccordionPanelOpen .AccordionPanelTabHover {
color: #555555;
/* This is an example of how to change the appearance of all the panel tabs when the
* Accordion has focus. The "AccordionFocused" class is programatically added and removed
* whenever the Accordion gains or loses keyboard focus.
.AccordionFocused .AccordionPanelTab {
background-color: #3399FF;
/* This is an example of how to change the appearance of the panel tab that is
* currently open when the Accordion has focus.
.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
background-color: #33CCFF;

Just so that you know for the next time, when you give us a URL, there is no need to post your code. This is by far the most preferred method for obtaining our assistance.
Having said that, place the fillowing in the HEAD section of your document, ensuring that you do have the file in that location
<script src="SpryAssets/SpryDOMUtils.js"></script>
Then, near the bottom of the page within the same SCRIPT content as your constructor(s), place the following code
Spry.$$(".AccordionPanelBot").addEventListener("click", function(){
Accordion1.closePanel();
The Spry Element Selector (Spry.$$) requires SpryDOMUtils.js. Here we place an event listener to your last tab with a class name of AccordionPanelBot, which when clicked will close the currently open panel(s).
I hope this helps.

Accordion Panels and List Menu don't work if I place html files in subfolders

Hi all,
Switched from Dreamweaver to Muse and I have very limited knowledge of code.
Not an IT expert and not a web developer this is just for my own site.
I have sub-folders in my site. All html files are inside sub-folders except index.
ie contact.html or products.html I move them manually from root to the subfolder, using the easy interface of Dreamweaver. I call the subfolder "en"
so I can have pages such as mysite.com/en/contact.html
In the subfolder I copy and paste from root the css, images and script folders,
keeping the original css/images/scripts as well, in the root, so index.html is not affected.
and same time the look of the html pages inside the subfolders does not change.
BUT
list menus and accordion panels don't work. I click and there is no movement
How can I solve this ? I know Muse does not allow the creation of subfolders,
everything is uploaded in the root.
When in Dreamweaver I had placed 50 pages in subfolders and I was indexing them in google and bing.
Now can't again put 50 pages in root and can't remove URLs and make new indexing for all these pages
Any help ? many thanks for any assistance.

The iPhone, like the Ipad, uses the Mobile Safari browser, so here's an earlier thread that might give you some insight: http://forums.adobe.com/thread/613494

Adding dynamic content to accordion panels

Hello,
and thank you in advance for any help.
I need to make a new web page for my girlfriend. She's a
photographer which means she needs to update her page pretty often.
The usual small systems however were way too complicated for her.
After seeing Spry, I decided to use it, along with Relay
which gives an easy option for updating content. So here's my plan:
- I install Relay so she has sort of a back-end to update her
pictures.
- I have a php script which reads out the directories and
makes an xml file to use with spry.
However I find it very difficult to understand how I should
use this xml file. Additionally, she wants to have the accordion
panels, so I have to put the code (probably the same code with only
a different xml filename for each directory) into every panel.
Could anybody help me with that? Please note that I haven't
started anything yet and am right now trying stuff locally.
Thank you again.
Mete

Hello again,
I'll try to describe the case once again, this time more
clearly:
- I will install Relay onmy server to enable uploading
pictures. Relay stores the upload pictures in different directories
which are created by the user and the path to each directory is
known.
- A PHP-Script reads out the content of these directories
(names, paths etc) and gives a list as an XML-File.
What I want to do is:
Make an HTML-Page and use Spry Accordion Panels in it.
Let's say I have 5 panels. Each panel (in itself) shall use
the XML-file (one file per directory) to display the pictures. The
styling will be made by using the CSS.
My problem is:
I just can not figure out how to use the regions etc in Spry.
I have to admit that so easy it is to use, it 's also pretty
difficult to understand the logic behind it for non-skilled users
(especially for those who do not have Dreamweaver etc). I can't
find the answers to my questions like: Why do the datasets get the
prefix "dsXXXX"?
I only want to read the XML-File and display these pictures
in an Accordion Panel without floating, which means it has to
scroll left and right.
I hope this makes it easier to understand :)
Thank you once again!
Mete

Same accordion panel after click

Similar Messages

Maybe you are looking for