Disable a  mitre of spry panel with mitre

hello,
I use spry panel with mitre of dreamweaver in a dynamic
website (PHP) , and i want to disable a mitre of spry panel with
mitre ,by code ( javascrypt or PHP).
How to do ?
thanks

im so sorry im just a newbie in php, i still dont know how to publish it on the net, im using wamp server.
here are the codes for the recordset paging navigator which are inside the spry accordion content:
<td><?php if ($pageNum_rs_ProgramList > 0) { // Show if not first page ?>
                    <a href="<?php printf("%s?pageNum_rs_ProgramList=%d%s", $currentPage, 0, $queryString_rs_ProgramList); ?>">First</a>
                    <?php } // Show if not first page ?></td>
                  <td><?php if ($pageNum_rs_ProgramList > 0) { // Show if not first page ?>
                    <a href="<?php printf("%s?pageNum_rs_ProgramList=%d%s", $currentPage, max(0, $pageNum_rs_ProgramList - 1), $queryString_rs_ProgramList); ?>">Previous</a>
                    <?php } // Show if not first page ?></td>
                  <td><?php if ($pageNum_rs_ProgramList < $totalPages_rs_ProgramList) { // Show if not last page ?>
                    <a  href="<?php printf("%s?pageNum_rs_ProgramList=%d%s", $currentPage, min($totalPages_rs_ProgramList, $pageNum_rs_ProgramList + 1), $queryString_rs_ProgramList);?>">Next</a>
                    <?php } // Show if not last page ?></td>
                  <td><?php if ($pageNum_rs_ProgramList < $totalPages_rs_ProgramList) { // Show if not last page ?>
                    <a href="<?php printf("%s?pageNum_rs_ProgramList=%d%s", $currentPage, $totalPages_rs_ProgramList, $queryString_rs_ProgramList); ?>">Last</a>
                    <?php } // Show if not last page ?></td>
                </tr>
              </table></td>
thanks in advance...

Similar Messages

  • Spry Accordian with dynamic panels from XML

    Hi. I've searched, but haven't seen anybody answer this yet.
    I'm trying to build a page that uses a spry accordian to display
    data by category. So category 1 is on panel 1 in a spry table with
    a link to a spry detail section on the page. Category 2 is on panel
    2 in a spry table with a link to the same spry detail section, etc.
    I have 2 issues: 1) I haven't figured out how to filter a
    single XML data set onto different accordian panels or
    2) how to get the same detail region to take links from
    different XML data sets on the different panels.
    Any help that anybody could give would be VERY much
    appreciated.
    THANKS!

    I did get it working. Please check out..
    http://www.adobe.com/cfusion/webforums/forum/messageview.cfm?catid=602&threadid=1334877
    The key is the Data Set Shell. I use multiple data sets for
    each category, in your case department. Then I list the items in
    that category to update a detail region. If the above link doesn't
    help you please re-post and I can give you some more help.

  • Spry sliding panels with tab

    Maybe I'm missing something but I've been stuck on this for a
    long time. In one example of the spry sliding panel with tab there
    are <li> elements for the menu like this...
    <ul class="slidingTabPanel">
    <li><a href="#" id="about" class="tabActive"
    title="about"></a></li>
    <li><a href="#" id="contact" class="tab"
    title="contact"></a></li>
    </ul>
    and they should link to...
    <div id="aboutPanel" class="p1"></div>
    <div id="contactPanel" class="p2"></div>
    with contents in each of those DIV
    I just can't seem to get the buttons to do anything, how are
    the <li> calling the panels?

    Actually, I figured it out. I had to edit the sp_withTabs.js
    file with the IDs as well, that's whats calling the CSS class.
    My problem now is that everything is all good with 4 tabs,
    but when I try to add another tab, no matter what path I set for
    the background image state it always shows the image of the fourth
    tab and not a new image.

  • Spry Collapsable panel with forms

    I have a lenthy form that is in sections. I wish to put the
    form into a spry collabsable panel by topic. This does not seem to
    work. Even though the form fields are separated the functionality
    does not. I even did a test with just simple text, that worked
    fine. I then inserted my form (used the application objects record
    insert from) but the functionlity did not work. Is this a limit of
    SPRY?

    I bet that you can get this to work without too much trouble.
    Make sure that the form surrounds the entire spry panel set. I
    would probably try it this way, particularly if you are going to
    use one of the form wizards:
    (1) Build the form first
    (2) Within the form creat space for the SPRY Panels
    (3) Then copy/paste respective pieces into each panel.
    -Tod

  • Using Srpy tabbed panels with slidding panels

    I am very new to spry and so I am still just figuring it all
    out. How I found it was I wanted a tabbed panel like the one on the
    IBM website. Anyway, I am trying to
    use the tabbed panels with the sliding panels and it just does not
    seem to be working. I found
    this
    tutorial and followed the codes but it still only works as just the
    tabbed panels - nothing has changed at all. Can someone tell me
    what I might be doing wrong? I am attaching both my html and css
    code for you to inspect.
    HTML Code
    <!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="file://///172.16.10.251/users$/kduverna/Desktop/SpryAssets/SpryTabbedPanels.js"
    type="text/javascript"></script>
    <link
    href="file://///172.16.10.251/users$/kduverna/Desktop/SpryAssets/SpryTabbedPanels.css"
    rel="stylesheet" type="text/css" />
    </head>
    <body>
    <div id="TabbedPanels1" class="TabbedPanels">
    <ul class="TabbedPanelsTabGroup">
    <li class="TabbedPanelsTab" tabindex="0"><a
    href=”#Tab1″>Tab 1</a></li>
    <li class="TabbedPanelsTab" tabindex="0"><a
    href=”#Tab1″>Tab 2</a></li>
    </ul>
    <div class="TabbedPanelsContentGroup">
    <div class="TabbedPanelsContent">Content 1</div>
    <div class="TabbedPanelsContent">Content 2</div>
    </div>
    </div>
    <script type="text/javascript">
    <!--
    var TabbedPanels1 = new
    Spry.Widget.TabbedPanels("TabbedPanels1");
    //-->
    </script>
    </body>
    </html>
    css code to follow in post below - too many characters.

    and here is the css code
    CSS Code
    @charset "UTF-8";
    /* SpryTabbedPanels.css - Revision: Spry Preview Release 1.4
    /* Copyright (c) 2006. Adobe Systems Incorporated. All rights
    reserved. */
    /* Horizontal Tabbed Panels
    * The default style for a TabbedPanels widget places all tab
    buttons
    * (left aligned) above the content panel.
    /* This is the selector for the main TabbedPanels container.
    For our
    * default style, this container does not contribute anything
    visually,
    * but it is floated left to make sure that any floating or
    clearing done
    * with any of its child elements are contained completely
    within the
    * TabbedPanels container, to minimize any impact or
    undesireable
    * interaction with other floated elements on the page that
    may be used
    * for layout.
    * If you want to constrain the width of the TabbedPanels
    widget, set a
    * width on the TabbedPanels container. By default, the
    TabbedPanels widget
    * expands horizontally to fill up available space.
    * The name of the class ("TabbedPanels") used in this
    selector is not
    * necessary to make the widget function. You can use any
    class name you
    * want to style the TabbedPanels container.
    .TabbedPanels {
    margin: 0px;
    padding: 0px;
    float: left;
    clear: none;
    width: 100%; /* IE Hack to force proper layout when preceded
    by a paragraph. (hasLayout Bug)*/
    /* This is the selector for the TabGroup. The TabGroup
    container houses
    * all of the tab buttons for each tabbed panel in the
    widget. This container
    * does not contribute anything visually to the look of the
    widget for our
    * default style.
    * The name of the class ("TabbedPanelsTabGroup") used in
    this selector is not
    * necessary to make the widget function. You can use any
    class name you
    * want to style the TabGroup container.
    .TabbedPanelsTabGroup {
    margin: 0px;
    padding: 0px;
    /* This is the selector for the TabbedPanelsTab. This
    container houses
    * the title for the panel. This is also the tab "button"
    that the user clicks
    * on to activate the corresponding content panel so that it
    appears on top
    * of the other tabbed panels contained in the widget.
    * For our default style, each tab is positioned relatively 1
    pixel down from
    * where it wold normally render. This allows each tab to
    overlap the content
    * panel that renders below it. Each tab is rendered with a 1
    pixel bottom
    * border that has a color that matches the top border of the
    current content
    * panel. This gives the appearance that the tab is being
    drawn behind the
    * content panel.
    * The name of the class ("TabbedPanelsTab") used in this
    selector is not
    * necessary to make the widget function. You can use any
    class name you want
    * to style this tab container.
    .TabbedPanelsTab {
    position: relative;
    top: 1px;
    float: left;
    padding: 4px 10px;
    margin: 0px 1px 0px 0px;
    font: bold 0.7em sans-serif;
    background-color: #DDD;
    list-style: none;
    border-left: solid 1px #CCC;
    border-bottom: solid 1px #999;
    border-top: solid 1px #999;
    border-right: solid 1px #999;
    -moz-user-select: none;
    -khtml-user-select: none;
    cursor: pointer;
    /* This selector is an example of how to change the appearnce
    of a tab button
    * container as the mouse enters it. The class
    "TabbedPanelsTabHover" is
    * programatically added and removed from the tab element as
    the mouse enters
    * and exits the container.
    .TabbedPanelsTabHover {
    background-color: #CCC;
    /* This selector is an example of how to change the
    appearance of a tab button
    * container after the user has clicked on it to activate a
    content panel.
    * The class "TabbedPanelsTabSelected" is programatically
    added and removed
    * from the tab element as the user clicks on the tab button
    containers in
    * the widget.
    * As mentioned above, for our default style, tab buttons are
    positioned
    * 1 pixel down from where it would normally render. When the
    tab button is
    * selected, we change its bottom border to match the
    background color of the
    * content panel so that it looks like the tab is part of the
    content panel.
    .TabbedPanelsTabSelected {
    background-color: #EEE;
    border-bottom: 1px solid #EEE;
    /* This selector is an example of how to make a link inside
    of a tab button
    * look like normal text. Users may want to use links inside
    of a tab button
    * so that when it gets focus, the text *inside* the tab
    button gets a focus
    * ring around it, instead of the focus ring around the
    entire tab.
    .TabbedPanelsTab a {
    color: black;
    text-decoration: none;
    /* This is the selector for the ContentGroup. The
    ContentGroup container houses
    * all of the content panels for each tabbed panel in the
    widget. For our
    * default style, this container provides the background
    color and borders that
    * surround the content.
    * The name of the class ("TabbedPanelsContentGroup") used in
    this selector is
    * not necessary to make the widget function. You can use any
    class name you
    * want to style the ContentGroup container.
    .TabbedPanelsContentGroup {
    clear: both;
    border-left: solid 1px #CCC;
    border-bottom: solid 1px #CCC;
    border-top: solid 1px #999;
    border-right: solid 1px #999;
    background-color: #EEE;
    /* This is the selector for the Content panel. The Content
    panel holds the
    * content for a single tabbed panel. For our default style,
    this container
    * provides some padding, so that the content is not pushed
    up against the
    * widget borders.
    * The name of the class ("TabbedPanelsContent") used in this
    selector is
    * not necessary to make the widget function. You can use any
    class name you
    * want to style the Content container.
    .TabbedPanelsContent {
    padding: 4px;
    /* This selector is an example of how to change the appearnce
    of the currently
    * active container panel. The class
    "TabbedPanelsContentVisible" is
    * programatically added and removed from the content element
    as the panel
    * is activated/deactivated.
    .TabbedPanelsContentVisible {
    /* Vertical Tabbed Panels
    * The following rules override some of the default rules
    above so that the
    * TabbedPanels widget renders with its tab buttons along the
    left side of
    * the currently active content panel.
    * With the rules defined below, the only change that will
    have to be made
    * to switch a horizontal tabbed panels widget to a vertical
    tabbed panels
    * widget, is to use the "VTabbedPanels" class on the
    top-level widget
    * container element, instead of "TabbedPanels".
    /* This selector floats the TabGroup so that the tab buttons
    it contains
    * render to the left of the active content panel. A border
    is drawn around
    * the group container to make it look like a list container.
    .VTabbedPanels .TabbedPanelsTabGroup {
    float: left;
    width: 10em;
    height: 20em;
    background-color: #EEE;
    position: relative;
    border-top: solid 1px #999;
    border-right: solid 1px #999;
    border-left: solid 1px #CCC;
    border-bottom: solid 1px #CCC;
    /* This selector disables the float property that is placed
    on each tab button
    * by the default TabbedPanelsTab selector rule above. It
    also draws a bottom
    * border for the tab. The tab button will get its left and
    right border from
    * the TabGroup, and its top border from the TabGroup or tab
    button above it.
    .VTabbedPanels .TabbedPanelsTab {
    float: none;
    margin: 0px;
    border-top: none;
    border-left: none;
    border-right: none;
    /* This selector disables the float property that is placed
    on each tab button
    * by the default TabbedPanelsTab selector rule above. It
    also draws a bottom
    * border for the tab. The tab button will get its left and
    right border from
    * the TabGroup, and its top border from the TabGroup or tab
    button above it.
    .VTabbedPanels .TabbedPanelsTabSelected {
    background-color: #EEE;
    border-bottom: solid 1px #999;
    /* This selector floats the content panels for the widget so
    that they
    * render to the right of the tabbed buttons.
    .VTabbedPanels .TabbedPanelsContentGroup {
    clear: none;
    float: left;
    padding: 0px;
    width: 30em;
    height: 20em;
    /* BEGIN: Spry Horizontal Tabbed Panels meets Sliding Door
    and CSS Sprites */
    /* Revision by Craig Malcolm Petrou of CPMMUG.com */
    .TabbedPanels {
    margin: 10px 0 5px 0;
    .TabbedPanelsTab {
    font-weight: bold;
    font-size: 100%;
    background-color: #FFF;
    border: solid 0 #FFF;
    .TabbedPanelsTabHover {
    background-color: #FFF;
    .TabbedPanelsTabSelected {
    background-color: #FFF;
    border-bottom: 1px solid #FFF;
    position: relative;
    .TabbedPanelsContentGroup {
    background-color: #FFF;
    ul.TabbedPanelsTabGroup a {
    display: block;
    ul.TabbedPanelsTabGroup li.TabbedPanelsTab {
    background: url(/images/brown.png) no-repeat 0 0;
    margin: 0 0 0 -1px;
    padding: 0 0 0 10px;
    ul.TabbedPanelsTabGroup li.TabbedPanelsTab a {
    background: url(/images/brown.png) no-repeat 100% 0;
    padding: 7px 10px 5px 0;
    ul.TabbedPanelsTabGroup li.TabbedPanelsTabSelected {
    background: url(/images/brown.png) no-repeat 0 -41px;
    ul.TabbedPanelsTabGroup li.TabbedPanelsTabSelected a {
    background: url(/images/brown.png) no-repeat 100% -41px;
    /* END: Spry Horizontal Tabbed Panels meets Sliding Door and
    CSS Sprites */
    Also - is there a way to get rounded corners on the tabs in
    spry? Any good tutorials I can follow about spry - more
    specifically about using widgets and effects together.
    Thanks so much

  • How to automatically open and close collapsable spry panels?

    I designed a collapsable spry panel in DW to open and close automatically, with a 10 sec delay, unless person clicks on tab to close immediately.
    The spry panel opens automatically, but will only close if i click the tab.
    Is there a way for the collapsable spry panels to close automatically?
    [Moved to Spry forum by moderator]

    Arnout,
    I feel certain the answer I need is in the reply you posted here, but I need a little more help to know exactly what to do.  I am using a collapsible panel to show and hide a series of onload panoramic photos near the top of my page.  What I want is for the collapsible panel to be open on some pages and closed on others and I want the animation of the panel closing to be seen too.  I'm thinking this should be achievable with some sort of onload trigger or something.  Currently I've gotten close to what I want by referencing two different .js files (one for the "open" panel state and another for the "closed" panel state), but this doesn't show the graceful animation of the panel closing.  Any ideas on how to achieve what I want?  Here is the url of the test site I'm developing:  http://www.gregdanpartners.com/lrre2/index.html
    Thanks in advance.
    Dan

  • How to change a setting in the Java Control Panel with command line

    Hi,
    I am trying to figure out how to change a setting in the Java Control Panel with command line or with a script. I want to enable "Use SSL 2.0 compatible ClientHello format"
    I can't seem to find any documentation on how to change settings in the Java Control Panel via the command line
    Edited by: 897133 on Nov 14, 2011 7:15 AM

    OK figured it out. This is for the next person seeking the same solution.
    When you click on the Java Control Panel (found in the Control panel) in any version of Windows, it first looks for a System Wide Java Configuration (found here: C:\Windows\Sun\Java\Deployment). At this point you must be wondering why you don't have this folder (C:\Windows\Sun\Java\Deployment) or why its empty. Well, for an enterprise environment, you have to create it and place something in it - it doesn't exist by default. So you'll need a script (I used Autoit) to create the directory structure and place the the two files into it. The two files are "deployment.properties" and "deployment.config".
    Example: When you click on the Java Control Panel it first checks to see if this directory exists (C:\Windows\Sun\Java\Deployment) and then checks if there is a "deployment.config". If there is one it opens it and reads it. If it doesn't exist, Java creates user settings found here C:\Users\USERNAME\AppData\LocalLow\Sun\Java\Deployment on Windows 7.
    __deployment.config__
    It should look like this inside:
    *#deployment.config*
    *#Mon Nov 14 13:06:38 AST 2011*
    *# The First line below specifies if this config is mandatory which is simple enough*
    *# The second line just tells Java where to the properties of your Java Configuration*
    *# NOTE: These java settings will be applied to each user file and will overwrite existing ones*
    deployment.system.config.mandatory=True
    deployment.system.config=file\:C\:/WINDOWS/Sun/Java/Deployment/deployment.properties
    If you look in C:\Users\USERNAME\AppData\LocalLow\Sun\Java\Deployment on Windows 7 for example you will find "deployment.properties". You can use this as your default example and add your settings to it.
    How?
    Easy. If you want to add *"Use SSL 2.0 compatible ClientHello format"*
    Add this line:
    deployment.security.SSLv2Hello=true
    Maybe you want to disable Java update (which is a big problem for enterprises)
    Add these lines:
    deployment.javaws.autodownload=NEVER
    deployment.javaws.autodownload.locked=
    Below is a basic AutoIt script you could use (It compiles the files into the executable. When you compile the script the two Java files must be in the directory you specify in the FileInstall line, which can be anything you choose. It will also create your directory structure):
    #NoTrayIcon
    #RequireAdmin
    #Region ;**** Directives created by AutoIt3Wrapper_GUI ****
    #AutoIt3Wrapper_UseX64=n
    #EndRegion ;**** Directives created by AutoIt3Wrapper_GUI ****
    Func _JavaConfig()
         $ConfigFile_1 = @TempDir & "\deployment.properties"
         $ConfigFile_2 = @TempDir & "\deployment.config"
         FileInstall ("D:\My Documents\Autoit\Java config\deployment.properties", $ConfigFile_1)
    FileInstall ("D:\My Documents\Autoit\Java config\deployment.config", $ConfigFile_2)
         FileCopy($ConfigFile_1, @WindowsDir & "\Sun\Java\Deployment\", 9)
         FileCopy($ConfigFile_2, @WindowsDir & "\Sun\Java\Deployment\", 9)
         Sleep(10000)
         FileDelete(@TempDir & "\deployment.properties")
         FileDelete(@TempDir & "\deployment.config")
    EndFunc
    _JavaConfig()
    Now if you have SCUP and have setup Self Cert for your organization, you just need to create a SCUP update for JRE.
    Edited by: 897133 on Nov 16, 2011 4:53 AM

  • Flexible Tabbed Panels with CSS Selector

    Just thought I'd share a tip about making Tabbed Panels more
    flexible with the CSS Selector.
    In working on the
    menu
    page for
    a new
    restaurant, I needed Tabbed Panels with the same custom scroll
    bar I used on the rest of the site. I'd chosen the
    fleXcroll kit because it is so
    flexible, unobtrusive, and cross-browser compatible (if poorly
    documented). Once you figure out how fleXcroll wants you to give it
    the elements of your scroll bar, activating it is as easy as adding
    the "fleXcroll" class to the div you want scrolled. This was the
    same div which wraps my Tabbed Panels
    (div.TabbedPanelsContentGroup).
    No problem, I thought, as fleXcroll makes a big deal about
    how it "can cope with dynamic updates such as dynamic content
    injected via AJAX." The problem, though, is that that Tabbed Panels
    can't cope with the wrappers fleXcroll injects inside the panel
    container, as Tabbed Panels depends on a clean and fixed hierarchy
    to identify panels as direct descendants of that container. Tabbed
    Panels thought the fleXcroll wrappers were panels, and things just
    didn't work.
    Luckily, the CSS Selector provides a much easier method of
    finding panels and tabs than traversing a fixed hierarchy. Instead
    of identifying tabs as children of .TabbedPanelsTabGroup (which is
    identified as the first child of the div you give to Tabbed Panel's
    constructor) and panels as children of .TabbedPanelsContentGroup,
    you simply identify tabs as Spry.$$(".TabbedPanelsTab") and panels
    as Spry.$$(".TabbedPanelsContent")!
    In SpryTabbedPanels.js, tabs and panels are collected with
    getTabs() and getPanels():
    var tabs = this.getTabs();
    var panels = this.getContentPanels();
    To escape the hierarchical bounds of Tabbed Panels, you just
    have to change:
    Spry.Widget.TabbedPanels.prototype.getTabs = function()
    var tabs = [];
    var tg = this.getTabGroup();
    if (tg)
    tabs = this.getElementChildren(tg);
    return tabs;
    to:
    Spry.Widget.TabbedPanels.prototype.getTabs = function()
    var tabs = [];
    tabs = Spry.$$(".TabbedPanelsTab"); // or your selector of
    choice
    return tabs;
    and:
    Spry.Widget.TabbedPanels.prototype.getContentPanels =
    function()
    var panels = [];
    var pg = this.getContentPanelGroup();
    if (pg)
    panels = this.getElementChildren(pg);
    return panels;
    to:
    Spry.Widget.TabbedPanels.prototype.getContentPanels =
    function()
    var panels = [];
    panels = Spry.$$(".TabbedPanelsContent"); // or your
    selector of choice
    return panels;
    This still assumes that everything happens within the element
    you give to the constructor, but that's okay by me for now.
    Hope this helps someone else!

    The TabbedPanels code:
    <div id="mainmenu" spry:region="menuCom menuCat">
         <div id="TP1" class="TabbedPanels">
              <ul class="TabbedPanelsTabGroup">
                   <li spry:repeat="menuCat" class="TabbedPanelsTab" tabindex="0">{menuCat::category}</li>
              </ul>
              <div class="TabbedPanelsContentGroup">
                   <div spry:repeat="menuCom" spry:test="'{menuCom::category}' == '{menuCat::category}'" class="TabbedPanelsContent">{menuCom::subcategory} - {menuCom::description}</div>
                </div>
                </div>
               </div>
               </div>

  • Spry Panel State - open/closed ?

    Hello Guys/Gals,
    I don't want to re-invent the wheel here if at all possible...
    Has anyone ever included the Spry Collapsible Panel in menu by PHP Includes?
    Here is what I need to accomplish, the spry panels are in 1 file which is included throughout the entire site with php includes.
    I need the open/closed state to be remembered - so if you open panel #2 and click a link, you end up on that page with only panel #2 open.
    If the user closes that panel, then the panel is closed on any page visited.
    Tracking user with cookies or what?
    Can someone point me to any example code for this?
    Thanks,
    RD

    Does this help:
    http://www.spry-it.com/examples/spry-widget-cookie-history/
    http://www.spry-it.com/examples/spry-widget-cookie-history/#collapsiblepanel

  • How to hyperlink to particular spry panel tab

    I have spry panel which has 3 tabs. Everythings works fine.
    When I load the page which has spry panel, the content of the
    first tab is shown which is fine.
    Now I am trying to make a link from another page which points
    to the page which has spry panel. I can easily put the link but
    what I want to do is when the link is clicked I was show the
    content of third tab instead of the first tab. How do I do this?
    Can someone please help me?

    Meant to do? Meant to do anything you can get it to do
    Put this in the head of your document:
    <script src="SpryAssets/SpryURLUtils.js" type="text/javascript"></script>
    <script type="text/javascript">
    var params = Spry.Utils.getLocationParamsAsObject();
    function MM_goToURL() { //v3.0
      var i, args=MM_goToURL.arguments; document.MM_returnValue = false;
      for (i=0; i<(args.length-1); i+=2) eval(args[i]+".location='"+args[i+1]+"'");
    </script>
    Link the SpryURLUtils.js per the first line in my quoted code.
    The second script bit above calls the variable and sets up a function. Don't mess with it, just use it.
    You'll have material like this in the foot of your page, just before the closing body tag:
    <script type="text/javascript">
    <!--
    var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1", {defaultTab: params.tab ? params.tab : 0});
    var Accordion1 = new Spry.Widget.Accordion("Accordion1", {defaultPanel: params.panel ? params.panel: 0});
    var Accordion2 = new Spry.Widget.Accordion("Accordion2", {defaultPanel: params.panel ? params.panel: 0});
    var Accordion3 = new Spry.Widget.Accordion("Accordion3", {defaultPanel: params.panel ? params.panel: 0});
    //-->
    </script>
    These help to make your widgets work. Don't worry if you don't have what I have exactly; I copied this from one of my sites. But the
    var TabbedPanels1 = etc. etc. line you WILL have. You will also have a second one if you have TWO sets of tabbed panels on your page. The first should be TabbedPanels1, the second will be TabbedPanels2, etc., etc.
    Here's a quote from my site, showing a "call" or link to widgets in other parts of the page. I set my whole site (except more recent pages) as ONE page, so this should be similar to how you set up your call:
    <div class="image_gallery">      <a href="?tab=5&amp;panel=3#TabbedPanelsTab&amp;Accordion1" title="Disappeared Children" target="_self"><img src="images/homeArgentina.gif" alt="Argentina website" /></a><br />
          <em>Website (early project):<br />
          &ldquo;Disappeared Children: We Search for Them&rdquo;</em></div>
    Note the <a href... tag. You don't need a page name, because you are staying on the same page. But this calls tab 5 AND panel 3. If you look at my page www.gravenimagedesign.net, look for the fourth image from the left on the top row on the "home" screen. Click on it, and see where it takes you.
    Remember that all is based on zero being the first tab, 0, 1, 2, 3, etc.
    Oops, gotta go. Let me know if you need more help with this. It is something that I have to dig back into my own code to remember.
    Best,
    Beth

  • Horizontal Sliding Panels with 100% width

    Hi,
    Im trying to use horizontal sliding panels with a width of 100% for an expandable website. So far i got it working with the vertical sliding panles where if i increase the width of the site the sliding panels width increases as well, but how do i get them to float left and slide horizontally, if i change the slidingpanelscontentgroup width it messe up. so far here is the css:
    .SlidingPanelsP {
    width: 100%;
    position: relative;
    height: 300px;
    padding: 0px;
    border: none;
    .SlidingPanelsContentGroupP {
    width: 100%;
    position: relative;
    margin: 0px;
    padding: 0px;
    min-height:0;
    border: none;
    .SlidingPanelsContentP {
    float: left;
    width: 100%;
    height: 300px;
    overflow: hidden;
    margin: 0px;
    padding: 0px;
    border: none;
    .SlidingPanelsAnimatingP * {
    overflow: hidden !important;
    .SlidingPanelsCurrentPanelP {
    Thanks in advance

    Had a hard time find the solution, but this seem to work in major browsers, except Opera which does not like the 33.33% width apparently and shows a bit of next panel. You may be able to play with margin or padding to correct this behavior.
    You have to know the number of panels and make the calculation of the SlidingPanelsContent class width accordingly. Here's my test page and code for you:
    <!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>Document sans nom</title>
    <script language="javascript" type="text/javascript" src="SpryAssets/SprySlidingPanels.js"></script>
    <link href="SpryAssets/SprySlidingPanels.css" rel="stylesheet" type="text/css" />
    <style>
    #slidingPanel_1 {
        height: 200px;
    .SlidingPanelsContentGroup {
        width: 300%;
    .SlidingPanelsContent {
        height: 200px;
        float: left;
        width: 33.33%;
    #content1 { background: yellow; }
    #content2 { background: red; }
    #content3 { background: green; }
    </style>
    </head>
    <body>
    <a href="#" onClick="sp1.showPanel(0);">Panel 1</a>
    <a href="#" onClick="sp1.showPanel(1);">Panel 2</a>
    <a href="#" onClick="sp1.showPanel(2);">Panel 3</a>
    <div id="slidingPanel_1" class="SlidingPanels">
         <div class="SlidingPanelsContentGroup">
            <div id="content1" class="SlidingPanelsContent">The Content 1</div>
            <div id="content2" class="SlidingPanelsContent">The Content 2</div>
            <div id="content3" class="SlidingPanelsContent">The Content 3</div>
         </div>
      </div>
    <script language="javascript" type="text/javascript">
       var sp1 = new Spry.Widget.SlidingPanels("slidingPanel_1");
    </script>
    </body>
    </html>

  • Sliding panels with tabs

    Hello again,
    Is there some way to change the orientation of tabs to bottom
    in this example: Sliding panels with tabs?
    that's all folks,
    morpheto

    You need to look at the code in the load handler of this JS
    file:
    http://labs.adobe.com/technologies/spry/home_assets/spry_home.js
    If you add a tab, you need to add it to the list of items to
    select in this statement:
    Spry.$$("#nutshell, #widgets, #data,
    #effects").addEventListener("click", function(){
    switchTab(this.id); return false; }, false);
    --== Kin ==--

  • Spry Panels

    Has anyone had a problem with DW crashing when opening pages
    with Spry panels? Adobe tech support suggested creating new site
    defs. That worked for awhile but the problem has recurred. Any have
    a fix?

    It's not working in the second page because the script that initializes the tabbed panels is before the HTML code for the panels. It needs to come after. Move this code below the tabbed panels div:
    <script type="text/javascript">
    <!--
    var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1");
    //-->
    </script>

  • Using Spry Panels & Browser BackButton

    Hi,
    I successfullly programmed opening a Spry panel from a remote
    link. However, I have run into another issue. Say a user clicks on
    a link appearing on a panel, for instance, with a tab index of 2
    (IOW, not the default panel), is taken to the page to which the
    link is referring, and then hits the browser back button to get
    back to the panel where he or she was. I know it is a redirect
    situation, but don't know how to program it. Can you all help me
    with this?
    Thanks,
    KT Pardue

    This document contains JavaScript code for a widget that no
    longer exists. If you don't remove
    the code, the browser might display JavaScript errors when
    loading the page. Would you like
    Dreamweaver to find all instances of this code for you?
    var sp1 = new Spry.Widget.SlidingPanels("PANELS",{
    duration:850, fps: 60, defaultPanel:0 });
    Yes No
    Just above the end-body tag I have the script:
    var Accordion1 = new Spry.Widget.Accordion("Accordion1",{
    duration: 350, useFixedPanelHeights: false, defaultPanel: 0 });
    The only ID I have is " <DIV id="Accordion1"
    class="accordian_div Accordion">" as a container for the panels.
    Should I
    change an ID name or a var name ? The SlidingPanels work
    fine. It's just that I'm using the "open recent files automatically
    on startup" sort of option and each page displays the above
    error and stops, until I reply to it, then continues to load the
    next file.
    - GR

  • How do i  stop or disable appearing Website Privacy Settings panel before webcam starts..

    i have developed flash audio and video chat application, every thing is working fine with all browser with in XP(os),
    but i have problem in Mac(os), i.e i cannot able to click on Website Privacy Settings panel allow button in Mac 10.5.8, cursor is pointing on allow button, when am clicking on it nothing is happening, and  there is no probelm in XP, i can able to click on Allow button, can any body help me How do i  stop or disable appearing Website Privacy Settings panel before webcam starts..
    i went through with http://www.macromedia.com/support/documentation/en/flashplayer/help/settings_man ager06.html , here its allowing without appear website privacy seeting panel for only one user that also for that particular PC only,i wanted to get allow for all online web users by default allow with out appearing website privacy seetings panel
    am keeping searching for it but no use i don't find out any soution for it.
    please can any body help me out from this , i will be very Thank full to you in advance.
    Kalidas.

    Hello  JayCharles,
    am using FalshPlayer 10, No i haven't filled the bug report, i'll do it now.
    when i click the button in Mac Leopard 10.5.8, the button remains unresponsive to the click,
    is there any alternate way to make disable or stop or with out appearing privacy setting dialog box,i.e like we see in gmail and yahoo live video chat or else our people have to contact adobe customer service provider to get permission i.e like http://www.macromedia.com/support/documentation/en/flashplayer/help/settings_manager06.htm l  in this site directly we are selecting one url and selecting in (radio button) for always allow, i thought that we need to take permission from adobe people to get select our ip from their end ,by that is there any chance..
    please help me out from this ,we have very short time to delivery our project  i will be very Thank full to you in advance.

Maybe you are looking for