For multiple spry accordion in a single html page

I have created a single spry  accordion in html page .But  i want multiple accordion of similar size and color on that page.I have tried to create a multiple  accordion on that page but only one is working and others doesn't work.
    Thanks in advanced.

I just tried doing the same thing without any problems. Not sure what you are doing wrong, heres the code:
<script src="SpryAssets/SpryAccordion.js" type="text/javascript"></script>
<link href="SpryAssets/SpryAccordion.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="Accordion1" class="Accordion" tabindex="0">
  <div class="AccordionPanel">
    <div class="AccordionPanelTab">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>
<div id="Accordion2" 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("Accordion1");
var Accordion2 = new Spry.Widget.Accordion("Accordion2");
//-->
</script>
</body>

Similar Messages

  • After Effects CC (AERENDER) licensing errors for multiple CORE renders on a SINGLE machine.

    I am hoping someone  can assist me with an issue I am having in After Effects CC, or know who I should reach out to.
    I currently use SMEDGE as a render farm tool. It can launch multiple instances (per core of a licensed machine) of aerender to render a project. This was worked beautifully on CS6, but with CC is breaks. It shoots out the following error: "After Effects error: Unable to obtain a license. Please run the full application to correct the problem or get a more detailed message."  My machine is licensed with me logged in and I can run AE CC GUI with no issue.
    Is there a way to activate multiple aerender nodes on a single licensed machine? I have an 8-proc machine that used to be able to launch 8 instances of aerender on CS6, since A.E.CC, no more.
    Any help would be appreciated as it has cut my render time down drastically.
    Thanks,
    -Eric

    Yes.
    ... though we think that what we have in store for next year will make such little hacks seem silly. (We have a large portion of our team working on some projects that should make folks like you who want faster rendering very happy.)

  • How to get radio behavior for multiple embedded movies on a single page?

    Hi,
    I've got a single XHTML page with multiple embedded movie objects. The movies all play fine. I would like to convert the page to achieve a radio-style behavior for the movies so only one is running at any time. That is, if I click on a movie that's not running, the movie that is running will stop before the new movie begins. Any ideas on how this can be achieved? This might be more of a javascript question, but I was hoping somebody might have already done something similar. Thanks.
    Paul

    Roy,
    It's an ugly solution but you can always add a hidden dummy structure item or KF and add all variables in the first executed query in the workbook.
    - Find the query that has the most of the infobjects used in the other queries.
    - Make sure this query is executed first in WB by removing/adding it in WB.
    - Create the hidden dummy KF and add all the extra variables to this KF.
    Solution usually works fine for me, but its not really feasible if the queries are have to many different infoobjects.
    BR //Joakim

  • One Search service application for multiple web applications in a single server

      We are planning to host 17 Web applications in a single Server. Do I need to create search service application for each web application or I need to create one  Search service application , create a Content source for each web
    application and create a Result source for filtering. Which is the best approach. And which approach takes more RAM memory.
       In my application I am using Search web part, "Recently Changed Items", "Popular Items" web parts. when I created only one one  Search Service application for all web applications and using Result sources ,
    I am not getting the results. What could be the problem.

    Hi,
    One SSA is ok, but you should think about access rights. If the access is clear cut between all the web apps you should be ok with one SSA. Multiple result sources limiting on content source also works, but could easily be bypassed.
    Multiple SSA's will eat up RAM/CPU like a mother :)
    As for popular etc.. it could be due to how those sources are set up, but haven't investigated or tested this much.
    Thanks,
    Mikael
    Search Enthusiast - SharePoint MVP/MCT/MCPD - If you find an answer useful, please up-vote it.
    http://techmikael.blogspot.com/
    Author of Working with FAST Search Server 2010 for SharePoint

  • Distributed sessions for multiple web-apps in a single App. Server (v.8.1)

    I have 3 applications on App. Server 8.1 (running on JDK 1.5)
    App-A handles login
    App-B and App-C are functions that are accessible after login is validated.
    It works fine with App. Server 6.5 (JDK 1.3)
    But the distributed session cannot be shared in App. Server 8.1 (JDK 1.5)
    So App-A handles sign on and stores the user's Login Name on the session.
    App-B and App-C read the user's login name from the session object and grant access to different modules.
    1. Starting App-A and perform login
    2. Starting App-B from App-A (it is linked there)
    3. Starting App-C from App-A (it is linked there)
    In step 1, a new session is created for the user, an attribute ("LoginName") is put in the session - ie. using HttpSession.setAttribute()
    In step 2, the program checks for attribute "LoginName" from the session object - ie. using HttpSession.getAttribute()
    If not found, redirect to login; if found, then continue with App-B
    In step 3, same as in step 2 above.
    It works fine with App. Server 6.5 but problem occurs in step 2 and 3.
    web.xml of App-A, App-B and App-C:
    <i>
    <web-app version="2.4" xmlns="http://java.sun.com/xml/ns/j2ee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd">
    <display-name>App-A</display-name>
         <distributable/>
    </i>
    sun-web.xml of App-A, App-B and App-C
    <i>
    <?xml version="1.0" encoding="UTF-8"?>
    <!DOCTYPE sun-web-app PUBLIC "-//Sun Microsystems, Inc.//DTD Application Server 8.1 Servlet 2.4//EN" "http://www.sun.com/software/appserver/dtds/sun-web-app_2_4-1.dtd">
    <sun-web-app>
    <session-config>
    <session-manager persistence-type="memory">
    <manager-properties>
    <property name="persistenceFrequency" value="web-method"/>
    </manager-properties>
    <store-properties>
    <property name="persistenceScope" value="session"/>
    </store-properties>
    </session-manager>
    </session-config>
    </i>

    Distributed sessions has nothing to do with different web applications. The concept is about distributing load for the same application between several appserver instances running on the same box(different jvm) or on some other box in the network.
    What you used with iAS 6.5 is not available in 8.1 because sharing sessions between web apps is forbidden by the servlet spec. You should consider repackaging your apps. into a single web app. or using other way of signing/verifying user identity(check Sun Access Manager for example).
    Have a look at this thread as well: http://swforum.sun.com/jive/thread.jspa?threadID=100931

  • Urgent need of your help for multiple JTables Print from a single JPanel

    I need your help to print multiple table content from JPanel
    JTables are generated dynamically in a JPanel or JPanels. I need to take print as it is in JPanel

    Alternatively you could write a simple class to print JTables with a series of calls to paintString( myString), and various calls to fillRect(...) tfor asthetics. It is quite simple. I currently use such a class that I wrote in under 200 lines of code that has a very professional look, and the print jobs are less than half the size of printing the JTable directly.
    The idea being that it takes a JTable as a parameter ( and maybe other params to control color, style, font, etc... ). It would have one primary method, print() which actually handles the printing, It may also uses other methods to control the look of the application.
    A problem I have faced with printing a JTable directly is ensuring that the botom row on each page and the top row on every page after the first one lines up correctly. After a while it was simply easier, and more customizable, to write my own print class.
    AC

  • How to use multiple data controls in a single JSF page

    Hi,
    I am using Essbase Data Control to in my project to get Essbase Cube data into ADF table/Pivot Table.
    Suppose if [Item] dimension has this hierarchy [category] -> [Segment] -> [Brand] -> - [Item]
    I need to display Category in one column and Segment in the next Column and [Brand] in the another column.
    Different types of Category, Segment and Brands should display as table data(data values).
    Using MDX query I can not print [Item] hierarchy in different columns..so I am planning to use multiple data controls.
    Could any body help me to get the solution.

    Hi,
    sounds like you want to try the Pivot table
    http://download.oracle.com/docs/cd/E21764_01/apirefs.1111/e12418/tagdoc/dvt_pivotTable.html
    I don't think that multiple Data Controls is the solution to the problem
    Frank

  • How to handle multiple database tables in a single UIX page?

    Hi,
    I am new to UIX & BC4J. I have to handle data from four different tables in the database. The scenario is as follows:
    The tables are
    1. user
    fields are: userid number, name varchar2
    2. business
    fields are: businessId number, name varchar2
    3. service
    fields are: serviceId number, serviceName varchar2
    4. userBusiness
    userid,businessid (both are foreign keys) & form complex primary keys.
    and userid,businessid, serviceId are primary keys.
    Now my problem is: to create a webpage where
    1. The userid is available in the httpSession Variable as string.
    2. according to the userId stored in the session variable I have to retrieve the business names and show them in a choice i.e., pull down box.
    3. I have to show the services provided by the business for the business name selected in the combo box.
    Could anyone Please help me solve this problem? Could you please give me hints? I have truncated the other fields in the tables.
    Thanking you,
    Velpandian .S

    At the moment, you can't do it declaratively. You have to do it in an event handler. Assuming you have the userid setup as a query parameter in the view object, something like this should get you started:
    public EventResult handleEvent(
    BajaContext context, Page page, PageEvent event) throws Throwable
    HttpSession session = context.getServletRequest().getSession(true);
    ViewObject view = ServletBindingUtils.getViewObject(context);
    String userid = session.getAttribute("userid");
    view.setWhereClauseParam(0, userid);
    view.executeQuery();

  • Multiple audio files on a single PDF page ?

    Hi
    I have an interactive pdf with 10 audio clips on a page
    and ten buttons each button has ten actions - 1 action to play a specific audio clip and 9 actions to stop all others.
    The thing is when I first load up this page and click on any of the buttons every single audio clip triggers! Please tell me there is a way around this problem?!
    Thanks
    JB

    You're making it too complicated. I just tested the following with three clips, it should work also with ten.
    Make ten buttons to play the 10 clips. Each has only one action: Sound > Play (name of clip)
    Make one button to stop the music (I called it "Stop the Music"). It has 10 actions. Each of them is Sound > Stop (clip1), Sound > Stop (clip2), etc.

  • Multiple Spry Widgets not functional on one page

    I've installed 3 Spry widgets (CS3) & have run into the documented issue where they don't all work together on the page.  Below is a link to my testing page, can anyone tell me where the problem lies?  Are these browser issues? 
    Thanks!
    http://www.designscrespo.com/widget_test

    Start by validating the code.
    That page is riddled with errors, including a missing opening <body> tag.
    http://validator.w3.org/check?uri=http%3A%2F%2Fwww.designscrespo.com%2Fwidget_test&charset =%28detect+automatically%29&doctype=Inline&group=0

  • Single invoice for multiple payment terms

    Hi Friends,
    I have given 2 different payment terms for 2 line items in single order and the billing is splitted due to this reason. I want to know where the system is checking this control. Because I want to create single Invoive even the payment terms are different. (The routine 003 under Data VBRK/VBRP in SO to Bill copy controls will be usefull only to create single Invoice for multiple SO's where the payment terms is same). But I need to create single Invoice even for multiple payment terms.
    Can anyone suggest me at the earliest please.
    Kumar

    Hi Kumar,
    The Billing Split is take care at Copy control level.
    For multiple line items in one single SO, with different Payment terms is not acceptable as per the  business logic and its not best practices.
    Please suggest the business to go on Split method only.
    Or
    Try to use Proforma Invoice Concept.
    Regards
    Srini

  • How do I make my Spry Accordion menu scroll *with* my webpage?

    Afternoon,
    I'm a newbie designer, just helping a friend build a website that will incorporate her blog and other stuff, but what I'm trying to do is set up my Spry Menu (set as a vertical accordion style) to scroll with the page.
    I want it to scroll within the confines on my div class="contentright"
    CSS for div class:
    .contentright {
        padding-top: 410px;
        float: left;
        width: 210px;
    HTML of same div class:
    <div class="contentright">
                                <div id="SpryAccordion1" class="Accordion" tabindex="0">
                                <div class="AccordionPanel">
                                    <div class="AccordionPanelTab tabTop">
    My webpage has a set width and is set to expand based on what I have in my main content area. I'm just not sure what to code and where to code it (in my HTML or in the CSS), to set my Spry to scroll. I'm assuming it's something with a .float functionality, maybe? I just need it to stay beneath my top padding so that it doesn't get overlapped by my main header logo that I had to set to position: absolute;
    Any ideas?

    Here is my HTML Coding
    <html>
        <head>
            <title>BetsyMarvin.com</title>
            <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
            <meta name="description" content="" />
            <link rel="stylesheet" type="text/css" href="stylesheet.css" />
            <script type="text/javascript" src="SpryAssets/SpryAccordion.js"></script>
            <link href="SpryAssets/SpryAccordion.css" rel="stylesheet" type="text/css" />
    </head>
        <body>
            <div class="container">
                <div class="bannerArea">           
                    <div class="bannernav"><a href="#" >Privacy Policy</a>  |  <a href="mailto:[email protected]" >Contact Us</a>  |  <a href="#" >Site Map</a></div>
                    <span class="toplogo"></span>
                    <div class="toplogo"><a href="#"><img src="images/3 Words Buildup without BG.png" width="550" height="565" align="right" /></a></div>
                </div>
                <div class="contentArea">
                    <ul class="leftnavigation">
                        <li><a href="theme_02_design.html">Home Page</a></li>
                        <li><a href="blog_design.html">Blog</a></li>
                        <li><a href="lessons_design.html">Lessons</a></li>
                    </ul>
                    <div class="content">
                        <div class="contentleft">
                            <h1>Welcome to my Website</h1>
                            <img class="imageright" src="images/faith reason.jpg" border="0" />
                            <p>text</p>
                        </div>
                        <div class="contentright">
    <div id="SpryAccordion1" class="Accordion" tabindex="0">
                                <div class="AccordionPanel">
                                    <div class="AccordionPanelTab tabTop">
                                        <div class="accordion_340_tab">CONTACT ME</div>
                                    </div>
                                    <div class="AccordionPanelContent">
                                        <div class="acontent">
                                          <p> <a href "mailto:[email protected]"> Email</a></p>
                                          <p> <a href="http://www.cornerstonemi.org">Church Website</a></p>
                                          <p> <a href="http://www.facebook.com/betsy.marvin.32">Facebook</a></p>
                                          <p> <a href "www.twitter.com/betsymarvin"> Twitter</a></p>
                                        </div>
                                    </div>
                                </div>
                                <div class="AccordionPanel">
                                    <div class="AccordionPanelTab middleTab">
                                        <div class="accordion_340_tab">ABOUT ME</div>
                                    </div>
                                    <div class="AccordionPanelContent">
                                        <div class="acontent">
                                            <p>text</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="AccordionPanel">
                                    <div class="AccordionPanelTab middleTab">
                                        <div class="accordion_340_tab">PASSIONS</div>
                                    </div>
                                    <div class="AccordionPanelContent">
                                        <div class="acontent">
                                            <img class ="imageright" src="images/love.jpg" width="130" height="64" />
                                                 <p>text</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="AccordionBottom"></div>
                        </div>
                        <div style="clear:both;"></div>
                    </div>
                    <div style="clear:both;"></div>
                </div>                           
                <div class="footerArea">
                    <div class="copyright">&copy; 2013 Betsymarvin.com | All rights reserved.</div>
                </div>       
            </div>
    <script type="text/javascript">
    <!--
    var SpryAccordion1 = new Spry.Widget.Accordion("SpryAccordion1", {useFixedPanelHeights:false, defaultPanel:2});
    //-->
            </script>
        </body>
    CSS Style Sheet
    body {
        margin: 0px;
        color: #666;
        font-size: 12px;
        font-family: Arial;
        font-family: Arial, Verdana, Univers;
        background-color: #545454;
        background-image: url(images/page_bkgd.jpg);
        background-repeat: repeat-x;
    h1 {
        color: #4F6179;
        font-size: 24px;
        font-weight: normal;
        margin: 3px 0px 25px 0px;
    h2 { color: #333333; font-size: 14px; font-weight: normal; margin: 0px 0px 15px 0px; }
    a          { color: #ba7007; }
    a:visited  { color: #ba7007; }
    a:hover    { color: black; }
    .container {
        width: 980px;
        margin-left: auto;
        margin-right: auto;
        background-image: url(images/content_bkgd_tile.jpg);
        background-repeat: repeat-y;
    /* BANNER AREA */
    .bannerArea {
        width: 980px;height: 145px;
        background-color: #4971a2;
        background-image: url(images/banner_bkgd.jpg);
        background-repeat: no-repeat;
    .bannernav {
        padding-top: 10px;
        padding-left: 10px;
        float: left;
        color: white;
        font-size: 10px;
        font-family: Arial, Helvetica, Verdana, sans-serif;
    .bannernav a {
        color: white;
        text-decoration: none;
    .bannernav a:visited {
        color: white;
    .bannernav a:hover {
        color: #ECBB7B;
    .toplogo {
        position: absolute;
        z-index: 100;
        padding-right: 0px;
        float: right; margin-left: 675px;
        padding-top: 10px;
    .content {
        padding-top: 20px;
        padding-bottom: 20px;
        padding-left: 25px;
        padding-right: 10px;
        background-image: url(images/content_bkgd.jpg);
        background-repeat: no-repeat;
        z-index: 100;
    /* LEFT NAVIGATION */
    .leftnavigation {
        width: 192px;
        margin: 70px 0px 0px 0px;
        padding-left: 8px;
        float: left;
        list-style-type: none;
    .leftnavigation a{
        margin-left: 0px;
        width: 156px;
        padding-left: 15px;
        padding-top: 5px;
        padding-right: 20px;
        padding-bottom: 5px;
        float: left;
        color: #CCA72F;
        font-size: 10px;
        font-weight: bold;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        text-decoration: none;
        background-image: url(images/nav_normal.jpg);
        background-repeat: repeat-x;
        background-position: 0px 0px;
        border-bottom: 1px solid #999;
    .leftnavigation a:visited{
        color: #5C4C17;
    .leftnavigation a:hover{
        color: #ffffff;
        background-image: url(images/nav_down.jpg);
    /* CONTENT AREA */
    .contentleft {
        width: 400px;
        padding-left: 30px;
        padding-right: 20px;
        float: left;
    .contentright {
        padding-top: 410px;
        float: left;
        width: 210px;
    .imageright {
        margin-top: 10px;
        margin-left: 10px;
        float: right;   
    .imageleft {
        margin-right: 10px;
        float: left;
    /* FOOTER AREA */
    .footerArea {
        width: 980px;height: 88px;
        background-color: #cfcfcf;
        background-image: url(images/footer_bkgd.jpg);
        background-repeat: no-repeat;
    .copyright {
        border-top: solid;
        border-color: #737a90;
        border-width: 2px;
        margin-left: 240px;
        margin-right: 30px;
        padding-top: 12px;
        color: #666666;
        font-size: 10px;
        font-family: Verdana,Arial, Helvetica, sans-serif;
    CSS for the SPRY Accordion
    .Accordion {
        overflow: hidden;
        width: 255px;
    .AccordionPanel {
        margin: 0px;
        padding: 0px;
    .AccordionPanelTab {
        color: #CCA72F;
        margin: 0px;
        cursor: pointer;
        padding: 10px 30px 10px 20px;
        font-weight: bold;
        -moz-user-select: none;
        -khtml-user-select: none;
        background-repeat: no-repeat;
        background-image: url(../images/accordion_255_tab_normal.gif);
    .AccordionPanelContent {
        overflow: auto;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        background-image: url(../images/accordion_255_tile.gif);
    .AccordionPanelOpen .AccordionPanelTab {
        color: #d88a37;
        background-image: url(../images/accordion_255_tab_down.gif);
    .AccordionPanelTabHover {
        background-image: url(../images/accordion_255_tab_over.gif);
    .AccordionFocused .AccordionPanelTab {
        background-color: #000000;
    .AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
        background-color: #000000;
    /* Custom AUC classes */
    #accordion_255 {
        background-image: url(../images/accordion_255_tile.gif);
        background-repeat: repeat-y;
        background-position: 0px 0px;
    .tabTop {
        background-position: 0px 0px;
        padding-top: 15px;
    .middleTab {
        background-position: 0px -151px;
    .accordion_255_tab {
        margin: 0px;
        font-weight: bold;
    .acontent {
        height:200px;
        width:220px;
        overflow: auto;
        padding: 5px 10px 10px 20px;
        useFixedPanelHeights = null;
    .AccordionBottom {
        width: 255px;
        height: 33px;
        background-repeat: no-repeat;
        background-position: 0px bottom;
        background-image: url(../images/accordion_255_bottom.gif);

  • Tabbed Panel using UpdateContent doesn't properly display spry .html page

    Quick question. I have a tabbed panel widget with 12 tabs.
    I'm using the UpdateContent snippet to pull in .html pages per tab.
    when I have straight .html on the pages the content displays
    without a problem.
    What I need is for each tab to pull in an .html page that
    contains a spry table that has an XML data set (think product page
    with "next" and "prev" buttons to cycle through the content).
    The .html page with the spry table works like a charm...on
    it's own. however when I use it in conjunction with the tabbed
    panel all I see is the bracketed code (i.e. {imgURL} {productName}
    {SKU}) rather than [photo] large T-shirt SKU:1111.
    A while ago I did an accordion that had dynamic content per
    generated panel -- this utilized the Spry.Data.NestedXMLDataSet
    function. A bit of a similar idea although I'm not sure if this
    would also work with the tabbed panel.
    Any suggestions would be helpful and I can drop the code if
    that would also help. Thanks!

    well, what I have is:
    index page with tabbed panel
    |
    V
    click tab
    |
    V
    content from first option .html page loads. this content has
    a dataset repeating table.
    The main page already had the SpryData.js and also
    UpdateContent, as follows:
    <div id="TabbedPanels1" class="VTabbedPanels">
    <ul class="TabbedPanelsTabGroup">
    <li class="TabbedPanelsTab" tabindex="0"
    onclick="Spry.Utils.updateContent('one','siracusa.html');">Siracusa
    Micro Crepe</li>
    <li class="TabbedPanelsTab" tabindex="0"
    onclick="Spry.Utils.updateContent('two','peony_georgette.html');">Peony
    Printed Silk Georgette</li>
    <li class="TabbedPanelsTab" tabindex="0"
    onclick="Spry.Utils.updateContent('three','wool_pucker.html');">Wool
    Pucker</li>
    <li class="TabbedPanelsTab" tabindex="0"
    onclick="Spry.Utils.updateContent('four','textured_dot.html');">Textured
    Dot</li>
    <li class="TabbedPanelsTab" tabindex="0"
    onclick="Spry.Utils.updateContent('five','textured_cotton.html');">Textured
    Cotton</li>
    <li class="TabbedPanelsTab" tabindex="0"
    onclick="Spry.Utils.updateContent('six','crane.html');">Crane
    Printed Four Ply Silk</li>
    <li class="TabbedPanelsTab" tabindex="0"
    onclick="Spry.Utils.updateContent('seven','tencel_jersey.html');">Tencel
    Jersey</li>
    <li class="TabbedPanelsTab" tabindex="0"
    onclick="Spry.Utils.updateContent('eight','circular_wool.html');">Circular
    Stitch Wool</li>
    <li class="TabbedPanelsTab" tabindex="0"
    onclick="Spry.Utils.updateContent('nine','silk_burnout.html');">Silk
    Burnout</li>
    <li class="TabbedPanelsTab" tabindex="0"
    onclick="Spry.Utils.updateContent('ten','organza.html');">Floral
    Silk Organza</li>
    <li class="TabbedPanelsTab" tabindex="0"
    onclick="Spry.Utils.updateContent('eleven','micro_crepe.html');">Micro
    Crepe</li>
    </ul>
    <div class="TabbedPanelsContentGroup">
    <div class="TabbedPanelsContent"
    id="one">Siracusa</div>
    <div class="TabbedPanelsContent" id="two">Peony
    Printed</div>
    <div class="TabbedPanelsContent" id="three">Wool
    Pucker</div>
    <div class="TabbedPanelsContent" id="four">Textured
    Dot</div>
    <div class="TabbedPanelsContent" id="five">Textured
    Cotton</div>
    <div class="TabbedPanelsContent" id="six">Crane
    Printed Four Ply Silk</div>
    <div class="TabbedPanelsContent" id="seven">Tencel
    Jersey</div>
    <div class="TabbedPanelsContent" id="eight">Circular
    Stitch Wool</div>
    <div class="TabbedPanelsContent" id="nine">Silk
    Burnout</div>
    <div class="TabbedPanelsContent" id="ten">Floral Silk
    Organza</div>
    <div class="TabbedPanelsContent" id="eleven">Micro
    Crepe</div>
    </div>
    </div>
    <script type="text/javascript">
    <!--
    var TabbedPanels1 = new
    Spry.Widget.TabbedPanels("TabbedPanels1");
    //-->
    </script>
    Let's say you clicked on the Siracusa tab. This would call up
    siracusa.html, which has
    <script src="SpryAssets/xpath.js"
    type="text/javascript"></script>
    <script src="SpryAssets/SpryData.js"
    type="text/javascript"></script>
    <link href="../../ed_style.css" rel="stylesheet"
    type="text/css" />
    <script type="text/javascript">
    <!--
    var fall08 = new Spry.Data.XMLDataSet("fall_collection.xml",
    "collection/outfits", { filterFunc: MyPagingFunc });
    fall08.setColumnType("photoURL", "image");
    fall08.setColumnType("lrgphoto", "image");
    var pageOffset = 0;
    var pageSize = 1;
    var pageStop = pageOffset + pageSize;
    //var dsfall08 = new
    Spry.Data.XMLDataSet("fall_collection.xml", "collection/outfits", {
    filterFunc: MyPagingFunc });
    function MyPagingFunc(ds, row, rowNumber)
    if (rowNumber < pageOffset || rowNumber >= pageStop)
    return null;
    return row;
    function UpdatePage(offset)
    var numRows = fall08.getUnfilteredData().length;
    if (offset > (numRows - pageSize))
    offset = numRows - pageSize;
    if (offset < 0)
    offset = 0;
    pageOffset = offset;
    pageStop = offset + pageSize;
    // Re-apply our non-destructive filter on dsStates1:
    fall08.filter(MyPagingFunc);
    -->
    </script>
    Sircusa Micro Crepe
    <div spry:region="fall08">
    <table>
    <tr spry:repeatchildren="fall08">
    <td colspan="5 "><img
    src="imx/{photoURL}"/></td>
    </tr>
    <tr spry:repeatchildren="fall08">
    <td><a href="imx/{lrgphoto}"
    target="_blank">enlarge</a></td>
    <td>{SKU1}</td>
    <td>{SKU2}</td>
    <td>{SKU3}</td>
    <td>{name}</td>
    <td>{desc}</td>
    </tr>
    </table>
    <input type="button" value="Prev"
    onclick="UpdatePage(pageOffset - pageSize);" />
    <input type="button" value="Next"
    onclick="UpdatePage(pageOffset + pageSize);" />
    </div>
    siracusa.html works more than fine. pulls in the photo, link,
    SKU and info without any problem.
    When you're on the base page with the tabbed panel the only
    thing that comes up are the bracketed info, i.e. {SKU} {SKU1}
    {SKU2}.
    What I need help with is actually having the pulled in data
    table (in the various tabbed panel content areas) actually then
    populate the repeat regions rather than just showing the
    code...

  • Spry Accordion - disaster

    Hi
    I am having some problems with my SPRY Accordion. I have
    ruined the default CSS file for
    the Spry Accordion (spryAccordion.css)
    I have changed the settings and now made a mess.
    The problem seems to be with Mozilla Firefox mostly, but also
    with IE and Navigator.
    It is hard to explain so an example of the problem can be
    seen at:
    http://www.brettenman.com.au/test-acc.html.
    Also i cannot figure out how to make the Spry Accordionit
    aligned at the top in Dreamweaver?
    I would greatly appreciate some help!
    Thanks
    Brett

    Brett,
    > I am having some problems with my SPRY Accordion. I have
    ruined the default
    > CSS file for the Spry Accordion (spryAccordion.css)
    >
    > I have changed the settings and now made a mess.
    Delete spryAccordion.css from your site, then add a new
    Accordion
    somewhere, and DW will copy the original file back to your
    site.
    Hint: you should override the CSS in your own style sheet
    instead of
    editing the original.
    HTH,
    Randy

  • Spry Accordion - Troubles

    Hello fellow developers!
    I am having some problems with my SPRY Accordion. I have
    ruined the default CSS file for
    the Spry Accordion (spryAccordion.css)
    I have changed the settings and now made a mess.
    The problem seems to be with Mozilla Firefox mostly, but also
    with IE and Navigator.
    It is hard to explain so an example of the problem can be
    seen at:
    http://www.brettenman.com.au/test-acc.html.
    Also i cannot figure out how to make the Spry Accordionit
    aligned at the top in Dreamweaver?
    I would greatly appreciate some help!
    Thanks
    Brett

    Brett,
    Add this back to the CSS file:
    .Accordion {
    overflow: hidden;
    The reason the Accordion is not showing in the top of the
    table cell is because you specified a height on the table and the
    table
    cell.
    If you really want to do that (I would not recommend
    specifying the height), then set the valign to top, like this:
    <td height="552" align="left" valign="top"
    bgcolor="#CCCCCC">
    Ken Ford
    Adobe Community Expert - Dreamweaver
    Fordwebs, LLC
    http://www.fordwebs.com
    "bringelly" <[email protected]> wrote in
    message news:fvrmro$gri$[email protected]..
    > Hello fellow developers!
    >
    > I am having some problems with my SPRY Accordion. I have
    ruined the default
    > CSS file for
    > the Spry Accordion (spryAccordion.css)
    >
    > I have changed the settings and now made a mess.
    > The problem seems to be with Mozilla Firefox mostly, but
    also with IE and
    > Navigator.
    > It is hard to explain so an example of the problem can
    be seen at:
    >
    >
    http://www.brettenman.com.au/test-acc.html.
    >
    > Also i cannot figure out how to make the Spry
    Accordionit aligned at the top
    > in Dreamweaver?
    >
    > I would greatly appreciate some help!
    >
    > Thanks
    >
    > Brett
    >

Maybe you are looking for