Automatically Animating Spry Accordion Widget on PageLoad

Ask a Question related to Macromedia Exchange Dreamweaver Extensions, Design and Development.

  1. #1

    Default Automatically Animating Spry Accordion Widget on PageLoad

    I've been searching and searching and still can't find a clue as how to make
    the Spry Accordion Widget automatically open the next panel. I want the panels
    to expand automatically and loop back at the last panel.

    Do I need to create another function for this or is there already a function
    created in the .js file?

    Any help is appreciated...even if you can point me in the right direction.

    Thanks!

    DeviseInnovations Guest

  2. Similar Questions and Discussions

    1. Spry Widget Conversion
      Hello everyone, thanks for looking. I have some php code I have developed that which creates a web-site navigation menu with a list of main...
    2. Spry Sliding Panel Widget
      I have tried to use the Spry Widget Sliding Panel code from the Adobe tutorial and I keep getting an error message. The message is that "Spry" is...
    3. Spry - Accordion
      Hi, I'm building a menu for a website with the Spry accordion widget. I want to open the accordion with a mouseOver-effect, but not close them...
    4. Editing CS3 Spry widget
      Hi, I have created a accordion menu using a spry widget built into Dreamweaver CS3. However I want to amend this so that the menu is collapsed...
    5. Unordered list bullets and Spry Accordion widget
      In all browsers except IE (surprise, surprise!), the page works fine. Otherwise the bullets in my unordered list appear at the bottom of the...
  3. #2

    Default Re: Automatically Animating Spry Accordion Widget on Page Load

    DeviseInnovations wrote:
    > I've been searching and searching and still can't find a clue as how to make
    > the Spry Accordion Widget automatically open the next panel. I want the panels
    > to expand automatically and loop back at the last panel.
    >
    > Do I need to create another function for this or is there already a function
    > created in the .js file?
    >
    > Any help is appreciated...even if you can point me in the right direction.
    Sounds more like you'd want sliding panels:
    [url]http://labs.adobe.com/technologies/spry/samples/slidingpanels/SlidingPanelsSample.html[/url]

    I've seen an automatic version created that might do what you want:
    [url]http://www.3rd-eden.com/Spry-it.com/examples/slidingpanelsautomatic/[/url]

    But if you really want an Accordion, then you might be able to adapt the code in the auto sliding panels above.

    FYI: There's a Spry forum that would be better to post Spry related question in:
    [url]http://www.adobe.com/cfusion/webforums/forum/categories.cfm?forumid=72&catid=602[/url]


    --
    Danilo Celic
    | [url]http://blog.extensioneering.com/[/url]
    | WebAssist Extensioneer
    | Adobe Community Expert
    danilocelic AdobeCommunityExpert Guest

  4. #3

    Default Re: Automatically Animating Spry Accordion Widget on Page Load

    On Jul 12, 1:07*am, "DeviseInnovations" <webforumsu...@macromedia.com>
    wrote:
    > I've been searching and searching and still can't find a clue as how to make
    > the Spry Accordion Widget automatically open the next panel. I want the panels
    > to expand automatically and loop back at the last panel.
    >
    > *Do I need to create another function for this or is there already a function
    > created in the .js file?
    >
    > *Any help is appreciated...even if you can point me in the right direction.
    >
    > *Thanks!
    I wrote this as a way of doing it, its my first piece of javascript
    that I have ever written, so sorry if its a bit choppy, but it
    definitely does the job.
    You need to add this to the body tag
    <body onload="start()">
    And this script in the header:
    <script type="text/javascript">
    var c=0;
    var t;
    function start()
    {
    t=setTimeout("loop()",5000);
    c=c+1
    }
    function loop()
    {
    if (c==5)
    {
    Accordion1.openFirstPanel(0);
    c=0;
    }
    else
    {
    c=c+1;
    Accordion1.openNextPanel();
    }

    t=setTimeout("loop()",5000);
    }
    </script>
    tobyb121@hotmail.co.uk Guest

  5. #4

    Default Re: Automatically Animating Spry Accordion Widget on PageLoad

    This works perfectly except when you mouse over a panel I would want it to pause. Any thoughts on how to do thi?
    Gooner10 Guest

Posting Permissions

  • You may not post new threads
  • You may post replies
  • You may not post attachments
  • You may not edit your posts

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139