Tabbed Panel: First Panel Content Not From a Tab?

I am having a go witha tabbed panel which is what the screenshot is showing.  This is experimenting so I haven't had the courage to upload it yet.
I would like the default panel to not contain anything except perhaps, the instruction to click and a colour background logo image.  When the user clicks a panel I want the logo image to be pale and greyscale and the course deatails to present.
My question is how do I start the tabbed panel with a pane that isn't one of the tabs?  I can see a way around it by making the first tab "Instructions" but I don't think it will look so good.
Thanks
Martin

OK so I got an answer to this on the Spry forum.
I'm going to try putting style="display: none;" on the first <li> element.
Easy as that and thanks/credt  to .V1 who answered the post.
Martin

Similar Messages

  • New Content not Appearing in Tabs/Windows

    At least half of the time when I click on a link that opens in the same tab, or enter a query (eg, a search term on the Wikipedia main page), the content in the window does not change. Once or twice it was a little slow, and it appeared that the window did change for a second, but then went back to the same content (eg, Wikipedia main page with an empty query field, or the page that displayed the tab that I clicked on). I can often get to the content I'm seeking in a new tab by using CTRL>Click, nut often that doesn't work (probably because of the coding on the original web page?)
    This is happening at least half of the time. I've done all the usual fix attempts, including updating Firefox, clearing cache and history, disabling add-ons, but the problem still happens.
    I am running Firefox 7.0.1 on Windows Vista 64b Home Premium (it happened on earlier versions of Firefox too), on an HP laptop that's about 2 years old.
    I can't find any information on the web or Firefox knowledge base about this, as though it hasn't happened to other people, but I'm sure it has. Any help would be GREATLY appreciated! Thanks!!

    upgrade your browser to Firefox 9 and check
    * getfirefox.com

  • Managing content not from iStore

    My PC that conatined the music files copied to my iTunes on my phone (4s) recently went toes up taking all of my music files with it. None of these files were purchased through the Itunes store. I am attempting to manage the files on my phone. I can see them and play them but I cannot delete files or play lists from my phoe. The ONLY files that I can manage are the files that came with the phone, none of which I even knew existed until now. I also want to copy all of my music to an external HD (so I don't lose them again!)and it would seem that this is impossible too.
    Help?

    OK so I got an answer to this on the Spry forum.
    I'm going to try putting style="display: none;" on the first <li> element.
    Easy as that and thanks/credt  to .V1 who answered the post.
    Martin

  • If I have many tabs open how do I move from one tab to another using the keyboard? For example to move from one window to another we have to hit alt+tab keys. How does it work for Tabs?

    Thanks

    Hi,
    To move to the next tab it's '''Ctrl''' + '''Tab''' or '''Ctrl''' + '''Pg Dn''' (Page Down). To go to the previous tabs (reverse order) it's '''Ctrl''' + '''Shift''' + '''Tab''' or '''Ctrl''' + '''Pg Up''' (Page Up) keys. More about this and other keyboard shortcuts [https://support.mozilla.com/en-US/kb/Keyboard%20shortcuts here.]

  • Strange issue in ListBox - Showing the 'id' contents and not from 'Values'.

    Hi,
    I have created a custom table control that looks exactly like in 'Partner Tab' of Sales Order. It has Partner type, Partner, Name etc columns. For 'Partner type' column, I am calling function module 'VRM_SET_VALUES' so it shows as 'Sold-to party' , Ship-to Party' instead of SP, WE etc. This works fine.
    However, before I display this table control, in PBO,  I am populating Partner Type and partner # and passing it to table control columns. It should show like 'Sold-To party' in 'Partner type' column and '0000014' in 'Partner' column. I see Partner # populated correctly, however, instead of showing 'Sold-To party' in 'Partner type' column , it is showing like SP, which is the 'id' value from function module 'VRM_SET_VALUES' . What should I do so it shows the description(content from 'Values' and
    not from 'id' ) ?
    Niranjan

    Thanks for the response.
    I had tried converting to text and pass from Internal table to Table control on screen in PBO, however, the width of the column is only 2 characters, so it will display just 2 characters text.
    I am wondering how SAP is able to code to show TEXT in 'Partner tab' in Sales Order. I have pasted the contents below from 'Partner tab' of sales order. I debugged the code in program SAPLV09C and screen 1000 and somehow they are populating the text as shown in 'PARTNER FUNCTION' below instead of codes like SH, SP. If I press F1 on field, I see SDPARTNERLIST-PARVW as the field name and the width is 2 characters.
    PARTNER FUNCTION        PARTNER #      NAME
    Sold-to party                         79269     XYZ CONSTRUCTION
    Foreman1                          2023     KURT
    Bill-to party                          79269     XYZ CONSTRUCTION
    Payer                          79269     XYZ CONSTRUCTION
    Regional Salesman            430     MARK
    Ship-to party                          219763     S.A.G. PROPERTIES
    Cont Person >Bill-To     80296     DENNIS
    Cont Person >Sold-To     80296     DENNIS
    Cont Person >Payer     80296     DENNIS
    Cont Person >Ship-To     261628     DENNIS

  • ICloud tab not showing open tabs

    When I click iCloud tab in safari, it does not show open tabs on browser on pc. My pc browser is IE

    Hello vera75,
    Take a look at the requirements for icloud tabs outlined here iCloud: Using and troubleshooting iCloud Tabs http://support.apple.com/kb/ht5372.
    System requirements for using iCloud Tabs
    Make sure that:
    Your Macs have OS X Mountain Lion and Safari 6 installed
    Your iPhone, iPad, or iPod touch has iOS 6 installed
    Keep in mind that while iCloud Tabs is only available for Macs with OS X Mountain Lion installed, and devices with iOS 6, you can still use normal iCloud Bookmarks to sync saved Bookmarks and Reading List content between any devices that meet the iCloud system requirements.
    All the best,
    Sterling

  • How different of PDF downloning with open in new Tab or not Open new Tab

    How different of PDF downloning with open in new Tab or not Open new Tab?
    My web site distributes PDF files,
    and user can download the PDF files in my site.
    The problem is I wanna show PDF that download in new tab,
    but pdf only downloaded, not open new tab.
    How to open new tab by downloading a PDF

    How different of PDF downloning with open in new Tab or not Open new Tab?
    My web site distributes PDF files,
    and user can download the PDF files in my site.
    The problem is I wanna show PDF that download in new tab,
    but pdf only downloaded, not open new tab.
    How to open new tab by downloading a PDF

  • Spry Tabbed XML data panels within HTMLPanel not working.

    Many thanks for reading.
    s
    I trying to provide a rapid solution using adobe's samples
    to make Spry Tabs work within an html panel (in order to avoid
    many links in my page).
    I am using the following code:
    initial page with html panel with the ready products.js to parse the links:
    <script src="../SpryAssets/xpath.js" type="text/javascript"></script>
    <script src="../SpryAssets/SpryData.js" type="text/javascript"></script>
    <script src="../SpryAssets/SpryPagedView.js" type="text/javascript"></script>
    <script src="../SpryAssets/SpryDOMUtils.js" type="text/javascript"></script>
    <script  src="../SpryAssets/SpryHTMLPanel.js" type="text/javascript"></script>
    <script language="JavaScript" type="text/javascript" src="../SpryAssets/SpryDataExtensions.js"></script>
    <script src="SpryNestedXMLDataSet.js" type="text/javascript"></script>
    <script src="../SpryAssets/products.js" type="text/javascript"></script>
    <link rel="stylesheet" type="text/css" href="TabbedPanels/SpryTabbedPanels.css"/>
    <script src="TabbedPanels/SpryTabbedPanels.js"></script<script type="text/javascript">
    var ds1 = new Spry.Data.XMLDataSet("ajaxbibliaxmlbridgetitle.php", "root/row[katigoria=1]", {sortOnLoad: "ID_BIBLIOU", sortOrderOnLoad: "ascending"});
    var pv1 = new Spry.Data.PagedView( ds1 ,{ pageSize:10 });
    var pv1PagedInfo = pv1.getPagingInfo();
    //var TabbedPanels1 = new Spry.Widget.TabbedPanels();          
    </script>
    </head>
    <body class="twoColFixRtHdr">
    <div id="container">
    <div id="sidebar1">
      <div id="productPageLinks">
       <ul>
        <li><a href="index.php">Index</a></li>
        <li><a href="booklist.php">Product List</a></li>
            <li><a href="test.php">Σχετικά με τη Βιβλιοθήκη</a></li>
       </ul>   
      </div>
    </div>
    <div id="mainContent">
    <br />
    <div class="HTMLPanelLoadingContent"> Waiting</div>
    <div class="HTMLPanelErrorContent"> error </div>
    </div>
    </div>
    </body>
    </html>
    Products.js (adobe'S change to can load xml dataset)
    var mainPanel = null;
    // Our initialization function which unobtrusively attaches
    // click handlers on the product links within the page.
    function InitProductPage()
    mainPanel = new Spry.Widget.HTMLPanel("mainContent" , { evalScripts: true });
        var observer = {onPostUpdate: function(){ Spry.Data.initRegions('mainContent'); 
    mainPanel.addObserver(observer);
    // For every link on the page which points to a product page,
    // attach an onclick handler that will intercept clicks and
    // and fire off a request to load the URL via the HTMLPanel.
    // For these links, we want to load the static product page
    // and extract out the content underneath the "mainContent"
    // node.
    Spry.$$("#productPageLinks a").addEventListener("click", function(e)
      mainPanel.loadContent(this.href, { id: "mainContent" });
      return false;
    }, false);
    // For every link on the page which points to a product HTML
    // fragment, attach an onclick handler that will intercept clicks and
    // and fire off a request to load the URL via the HTMLPanel.
    // For these links, we are loading HTML fragments, so there is no
    // need to specify an ID to extract out. The HTMLPanel will insert
    // all of the content recieved.
    Spry.$$("#productFragmentLinks a").addEventListener("click", function(e)
      mainPanel.loadContent(this.href);
      return false;
    }, false);
    // Add our InitProductPage() function as a load listener
    // so that it gets executed once the page has fully loaded.
    Spry.Utils.addLoadListener(InitProductPage);
    XML data and stuff all loaded correctly
    What I am trying to do is to load a second page from a link in my initial page
    that contains a Tabbed Panel.
    The page loads but no panel functionality exists. The first Panel load correctly but behaves as a simple html page .
    I have searched several hours the forums and playing around by moving the definition of Spry.Widget.TabbedPanels within
    the initial HTMLPanel page and other spots but this  produced js errors as expected (because the tab panel definitions exist in bookcategories.php)
    which is loaded only when it is called.
    Any ideas?
    Page to load is like this :
    <bookcategories.php>
    <link rel="stylesheet" type="text/css" href="TabbedPanels/SpryTabbedPanels.css"/>
    <script src="TabbedPanels/SpryTabbedPanels.js"></script>
    <script language="JavaScript" type="text/javascript" src="../SpryAssets/SpryDataExtensions.js"></script>
    </head>
    <body >
    <div id="container">
    <div id="mainContent">
             <div class="TabbedPanels" id="TabbedPanels1">
      <ul class="TabbedPanelsTabGroup">
              <li class="TabbedPanelsTab">SOmething ... </li>
              <li class="TabbedPanelsTab">Something else </li>
    <
      </ul>
      <div class="TabbedPanelsContentGroup">
              <div class="TabbedPanelsContent">Blah Blah
                  <div spry:region="pv1" id="bibliapv"><br />
                    <br />
                  <div spry:state="ready">
                      <table width="775" height="42"  >
                        <tr style="color:#900"; >
    <th etc>
                        </tr>
                        <tr spry:repeat="pv1" spry:even="even" spry:odd="odd">
                          <td >       {ID_}
                         </td>
                          <td>{Writer}</td>
                          <td>{Book_Title}</td>
                           </tr>
                      </table>
                    </div>
                  </div>
              <div class="TabbedPanelsContent">Tab 2 Content</div>
    <div class="TabbedPanelsContent">Tab 3 Content</div>
       <div class="TabbedPanelsContent">Tab 4 Content</div>
      </div>
    </div>
    </div>
    <br class="clearfloat" />
    </div>
    <script type="text/javascript">
    var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1");
    </script>
    </body>
    </html>
    Many thanks

    Ok I went back through everything and checked to make sure my
    files were in the right places both my SpryTabbedPanels.css and my
    SpryTabbedPanels.js are in the SpryAssets folder and they work fine
    until I try and add data from an xml file to them then the tabs
    populate with the info but become unclickable and the content area
    has every bit of content in on tab. Below is what I have let me
    know what I'm doing wrong I am using Spry 1.6
    <!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"
    xmlns:spry="
    http://ns.adobe.com/spry">
    <head>
    <meta http-equiv="Content-Type" content="text/html;
    charset=utf-8" />
    <title>Untitled Document</title>
    <script src="SpryAssets/xpath.js"
    type="text/javascript"></script>
    <script src="SpryAssets/SpryData.js"
    type="text/javascript"></script>
    <script src="SpryAssets/SpryTabbedPanels.js"
    type="text/javascript"></script>
    <script type="text/javascript">
    <!--
    var ds1 = new Spry.Data.XMLDataSet("solutions3.xml",
    "solutions/solution");
    //-->
    </script>
    <link href="SpryAssets/SpryTabbedPanels.css"
    rel="stylesheet" type="text/css" />
    </head>
    <body>
    <div spry:region="ds1">
    <div id="TabbedPanels1" class="TabbedPanels">
    <ul class="TabbedPanelsTabGroup">
    <li spry:repeat="ds1" class="TabbedPanelsTab"
    tabindex="0">{name}</li>
    </ul>
    <div class="TabbedPanelsContentGroup">
    <div spry:repeat="ds1"
    class="TabbedPanelsContent">{desc}</div>
    </div>
    </div>
    </div>
    <script type="text/javascript">
    <!--
    var TabbedPanels1 = new
    Spry.Widget.TabbedPanels("TabbedPanels1");
    //-->
    </script>
    </body>
    </html>

  • Getting Selections from each Tab of a Script UI Tabbed Panel

    I am in the process of creating a script to import fields from any tab delimited file. Mainly for directories but at times we have other items. The number and names of fields are always changing so it has to be flexible. The user first selects the file, then selects the field names, and orders the field names. That all works. The next step is for the user to then select the formatting to go between each field. Which is where I run into a problem.
    The below is created from the array of the ordered field names, as you can see the creation of the box works fine. The tab names are the names of the field and they show up in the right order. However, no matter what I select on the other tabs my value is always defaulting to whatever the last selection (in this case the selection on the Streetname tab). What is really weird is I am getting the correct name of the tab but not the correct formatting for that tab- no matter what I've tried I get only the formatting for the last tab. I have gone through multiple rounds and numerous searches and can't seem to figure out what is wrong. Any help would be appreciated.
    //|||||||||||||||||||||||||||||||||||||||||||| function formatFields(finalList) ||||||||||||||||||||||||||||||||||||||||||||
    //From the selected headers arrange in the order they should be imported
    function formatFields(finalList){
        //set formatting variables for preview window
        var Pvw_space = "\u00A0"; //unicode space character for preview window
        var Pvw_tab = "\u00A0\u00A0\u00A0\u00A0\u00A0\u00A0\u00A0\u00A0\u00A0\u00A0\u00A0"; //unicode space characters simulating tab for preview window
        var Pvw_flb = "\n"; //forced line break for preview
        var Pvw_comma = "," + Pvw_space;
        var Pvw_string = "";
        var selForm=[];
        //create and populate tabbed window
        var FF_win = new Window ("dialog", "Select formatting for each field", undefined, {closeButton: false});
        FF_win.alignChildren = "right";
        var tpanel = FF_win.add ("tabbedpanel");
        tpanel.alignChildren = ["fill", "fill"];
        tpanel.preferredSize = [350,300];
        //create one tab for each field
        for (i = 0; i < finalList.length; i++) {
            var tabName = finalList[i].toString();
            var general = tpanel.add ("tab", undefined, tabName,{name:tabName});
            general.alignChildren = "fill";
            var g_options = general.add ("panel", undefined, "Please select the formatting to follow this field");
            g_options.alignChildren = "left";
            g_options.tab = g_options.add ("radiobutton", undefined, "Tab");
                g_options.tab.value = true;
            g_options.flb = g_options.add ("radiobutton", undefined, "Forced Line Break");  
            g_options.space = g_options.add ("radiobutton", undefined, "Space");           
            g_options.comma = g_options.add ("radiobutton", undefined, "Comma");
        //Preview and Cancel buttons
        var Confrimgrp = FF_win.add("group");
        Confrimgrp.orientation="row";
        var Prev_button = Confrimgrp.add("button",undefined,"Preview",{name:"ok"});
        var Back_button = Confrimgrp.add("button",undefined,"Back",{name:"cancel"});    
        //determine sorting of list
        Prev_button.onClick = function() {
            for (i = 0; i < finalList.length; i++) {
                with (FF_win.findElement(finalList[i].toString())){
                    if (g_options.tab.value == true){
                        alert (finalList[i].toString() + ": tab");
                    if (g_options.flb.value == true){
                        alert (finalList[i].toString() + ": FLB");                
                    if (g_options.space.value == true){
                        alert (finalList[i].toString() + ": space");                
                    if (g_options.comma.value == true){
                        alert (finalList[i].toString() + ": comma");                
        Back_button.onClick = function(){$.destroy();}
        //show dialog
        FF_win.show();   
        Back_button.onClick = function(){$.destroy();}
        //show dialog
        FF_win.show();   

    Adding an instance moves it, it does not copy it.

  • Tabbed Panel - prevent page content being pushed down

    What is the setting to prevent an open tab from pushing
    content down that is below it. Rather, just have the tabbed content
    be presented above the content on the page. In other words, have it
    behave like a menu bar with drop down boxes.
    Thanks for any replies.

    You're going to have to tweak the CSS so that the
    TabbedPanelsContent is absolutely positioned. Start by adding rules
    like this *after* the tabbed panels CSS, and tweak it from there to
    suit your needs:
    .TabbedPanelsContentGroup {
    position: relative;
    .TabbedPanelsContent {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
    --== Kin ==--

  • Tabbed Panels Show on Hover, Not Click

    Hi,
    I'm using the Spry Tabbed Panels widget (obviously). I'd like
    the content panels to show on hover, rather than on click.
    Reason being is my content in the content panels are images
    -- as you hover over a tab, the image changes. Clicking on the tab
    takes you to the tab's page. That's the end goal, at least.
    The answer's in the SpryTabbedPanels.js file, I'm positive.
    All my tinkering hasn't produced the desired result, though. Spare
    a few minutes and direct me to the sections of the javascript file
    I need to change?
    var Spry;
    if (!Spry) Spry = {};
    if (!Spry.Widget) Spry.Widget = {};
    Spry.Widget.TabbedPanels = function(element, opts)
    this.element = this.getElement(element);
    this.defaultTab = 0; // Show the first panel by default.
    this.bindings = [];
    this.tabSelectedClass = "TabbedPanelsTabSelected";
    this.tabHoverClass = "TabbedPanelsTabHover";
    this.tabFocusedClass = "TabbedPanelsTabFocused";
    this.panelVisibleClass = "TabbedPanelsContentVisible";
    this.focusElement = null;
    this.hasFocus = false;
    this.currentTabIndex = 0;
    this.enableKeyboardNavigation = true;
    Spry.Widget.TabbedPanels.setOptions(this, opts);
    // If the defaultTab is expressed as a number/index, convert
    // it to an element.
    if (typeof (this.defaultTab) == "number")
    if (this.defaultTab < 0)
    this.defaultTab = 0;
    else
    var count = this.getTabbedPanelCount();
    if (this.defaultTab >= count)
    this.defaultTab = (count > 1) ? (count - 1) : 0;
    this.defaultTab = this.getTabs()[this.defaultTab];
    // The defaultTab property is supposed to be the tab element
    for the tab content
    // to show by default. The caller is allowed to pass in the
    element itself or the
    // element's id, so we need to convert the current value to
    an element if necessary.
    if (this.defaultTab)
    this.defaultTab = this.getElement(this.defaultTab);
    this.attachBehaviors();
    Spry.Widget.TabbedPanels.prototype.getElement = function(ele)
    if (ele && typeof ele == "string")
    return document.getElementById(ele);
    return ele;
    Spry.Widget.TabbedPanels.prototype.getElementChildren =
    function(element)
    var children = [];
    var child = element.firstChild;
    while (child)
    if (child.nodeType == 1 /* Node.ELEMENT_NODE */)
    children.push(child);
    child = child.nextSibling;
    return children;
    Spry.Widget.TabbedPanels.prototype.addClassName =
    function(ele, className)
    if (!ele || !className || (ele.className &&
    ele.className.search(new RegExp("\\b" + className + "\\b")) != -1))
    return;
    ele.className += (ele.className ? " " : "") + className;
    Spry.Widget.TabbedPanels.prototype.removeClassName =
    function(ele, className)
    if (!ele || !className || (ele.className &&
    ele.className.search(new RegExp("\\b" + className + "\\b")) == -1))
    return;
    ele.className = ele.className.replace(new RegExp("\\s*\\b" +
    className + "\\b", "g"), "");
    Spry.Widget.TabbedPanels.setOptions = function(obj,
    optionsObj, ignoreUndefinedProps)
    if (!optionsObj)
    return;
    for (var optionName in optionsObj)
    if (ignoreUndefinedProps && optionsObj[optionName]
    == undefined)
    continue;
    obj[optionName] = optionsObj[optionName];
    Spry.Widget.TabbedPanels.prototype.getTabGroup = function()
    if (this.element)
    var children = this.getElementChildren(this.element);
    if (children.length)
    return children[0];
    return null;
    Spry.Widget.TabbedPanels.prototype.getTabs = function()
    var tabs = [];
    var tg = this.getTabGroup();
    if (tg)
    tabs = this.getElementChildren(tg);
    return tabs;
    Spry.Widget.TabbedPanels.prototype.getContentPanelGroup =
    function()
    if (this.element)
    var children = this.getElementChildren(this.element);
    if (children.length > 1)
    return children[1];
    return null;
    Spry.Widget.TabbedPanels.prototype.getContentPanels =
    function()
    var panels = [];
    var pg = this.getContentPanelGroup();
    if (pg)
    panels = this.getElementChildren(pg);
    return panels;
    Spry.Widget.TabbedPanels.prototype.getIndex = function(ele,
    arr)
    ele = this.getElement(ele);
    if (ele && arr && arr.length)
    for (var i = 0; i < arr.length; i++)
    if (ele == arr
    return i;
    return -1;
    Spry.Widget.TabbedPanels.prototype.getTabIndex =
    function(ele)
    var i = this.getIndex(ele, this.getTabs());
    if (i < 0)
    i = this.getIndex(ele, this.getContentPanels());
    return i;
    Spry.Widget.TabbedPanels.prototype.getCurrentTabIndex =
    function()
    return this.currentTabIndex;
    Spry.Widget.TabbedPanels.prototype.getTabbedPanelCount =
    function(ele)
    return Math.min(this.getTabs().length,
    this.getContentPanels().length);
    Spry.Widget.TabbedPanels.addEventListener = function(element,
    eventType, handler, capture)
    try
    if (element.addEventListener)
    element.addEventListener(eventType, handler, capture);
    else if (element.attachEvent)
    element.attachEvent("on" + eventType, handler);
    catch (e) {}
    Spry.Widget.TabbedPanels.prototype.onTabClick = function(e,
    tab)
    this.showPanel(tab);
    Spry.Widget.TabbedPanels.prototype.onTabMouseOver =
    function(e, tab)
    this.addClassName(tab, this.tabHoverClass);
    Spry.Widget.TabbedPanels.prototype.onTabMouseOut =
    function(e, tab)
    this.removeClassName(tab, this.tabHoverClass);
    Spry.Widget.TabbedPanels.prototype.onTabFocus = function(e,
    tab)
    this.hasFocus = true;
    this.addClassName(this.element, this.tabFocusedClass);
    Spry.Widget.TabbedPanels.prototype.onTabBlur = function(e,
    tab)
    this.hasFocus = false;
    this.removeClassName(this.element, this.tabFocusedClass);
    Spry.Widget.TabbedPanels.ENTER_KEY = 13;
    Spry.Widget.TabbedPanels.SPACE_KEY = 32;
    Spry.Widget.TabbedPanels.prototype.onTabKeyDown = function(e,
    tab)
    var key = e.keyCode;
    if (!this.hasFocus || (key !=
    Spry.Widget.TabbedPanels.ENTER_KEY && key !=
    Spry.Widget.TabbedPanels.SPACE_KEY))
    return true;
    this.showPanel(tab);
    if (e.stopPropagation)
    e.stopPropagation();
    if (e.preventDefault)
    e.preventDefault();
    return false;
    Spry.Widget.TabbedPanels.prototype.preorderTraversal =
    function(root, func)
    var stopTraversal = false;
    if (root)
    stopTraversal = func(root);
    if (root.hasChildNodes())
    var child = root.firstChild;
    while (!stopTraversal && child)
    stopTraversal = this.preorderTraversal(child, func);
    try { child = child.nextSibling; } catch (e) { child = null;
    return stopTraversal;
    Spry.Widget.TabbedPanels.prototype.addPanelEventListeners =
    function(tab, panel)
    var self = this;
    Spry.Widget.TabbedPanels.addEventListener(tab, "click",
    function(e) { return self.onTabClick(e, tab); }, false);
    Spry.Widget.TabbedPanels.addEventListener(tab, "mouseover",
    function(e) { return self.onTabMouseOver(e, tab); }, false);
    Spry.Widget.TabbedPanels.addEventListener(tab, "mouseout",
    function(e) { return self.onTabMouseOut(e, tab); }, false);
    if (this.enableKeyboardNavigation)
    // XXX: IE doesn't allow the setting of tabindex
    dynamically. This means we can't
    // rely on adding the tabindex attribute if it is missing to
    enable keyboard navigation
    // by default.
    // Find the first element within the tab container that has
    a tabindex or the first
    // anchor tag.
    var tabIndexEle = null;
    var tabAnchorEle = null;
    this.preorderTraversal(tab, function(node) {
    if (node.nodeType == 1 /* NODE.ELEMENT_NODE */)
    var tabIndexAttr = tab.attributes.getNamedItem("tabindex");
    if (tabIndexAttr)
    tabIndexEle = node;
    return true;
    if (!tabAnchorEle && node.nodeName.toLowerCase() ==
    "a")
    tabAnchorEle = node;
    return false;
    if (tabIndexEle)
    this.focusElement = tabIndexEle;
    else if (tabAnchorEle)
    this.focusElement = tabAnchorEle;
    if (this.focusElement)
    Spry.Widget.TabbedPanels.addEventListener(this.focusElement,
    "focus", function(e) { return self.onTabFocus(e, tab); }, false);
    Spry.Widget.TabbedPanels.addEventListener(this.focusElement,
    "blur", function(e) { return self.onTabBlur(e, tab); }, false);
    Spry.Widget.TabbedPanels.addEventListener(this.focusElement,
    "keydown", function(e) { return self.onTabKeyDown(e, tab); },
    false);
    Spry.Widget.TabbedPanels.prototype.showPanel =
    function(elementOrIndex)
    var tpIndex = -1;
    if (typeof elementOrIndex == "number")
    tpIndex = elementOrIndex;
    else // Must be the element for the tab or content panel.
    tpIndex = this.getTabIndex(elementOrIndex);
    if (!tpIndex < 0 || tpIndex >=
    this.getTabbedPanelCount())
    return;
    var tabs = this.getTabs();
    var panels = this.getContentPanels();
    var numTabbedPanels = Math.max(tabs.length, panels.length);
    for (var i = 0; i < numTabbedPanels; i++)
    if (i != tpIndex)
    if (tabs)
    this.removeClassName(tabs
    , this.tabSelectedClass);
    if (panels)
    this.removeClassName(panels
    , this.panelVisibleClass);
    panels.style.display = "none";
    this.addClassName(tabs[tpIndex], this.tabSelectedClass);
    this.addClassName(panels[tpIndex], this.panelVisibleClass);
    panels[tpIndex].style.display = "block";
    this.currentTabIndex = tpIndex;
    Spry.Widget.TabbedPanels.prototype.attachBehaviors =
    function(element)
    var tabs = this.getTabs();
    var panels = this.getContentPanels();
    var panelCount = this.getTabbedPanelCount();
    for (var i = 0; i < panelCount; i++)
    this.addPanelEventListeners(tabs
    , panels);
    this.showPanel(this.defaultTab);

    near line 282 u will see the function:
    Spry.Widget.TabbedPanels.prototype.addPanelEventListeners =
    function(tab, panel)
    in there u will find
    Spry.Widget.TabbedPanels.addEventListener(tab, "click",
    function(e) { return self.onTabClick(e, tab); }, false);
    Spry.Widget.TabbedPanels.addEventListener(tab, "mouseover",
    function(e) { return self.onTabMouseOver(e, tab); }, false);
    change this to:
    Spry.Widget.TabbedPanels.addEventListener(tab, "mouseover",
    function(e) { self.onTabClick(e, tab);return self.onTabMouseOver(e,
    tab); }, false);
    and it should work.

  • Href in tab of collapsible panel is not working

    I want to include a
    href in the
    tab of the
    collapsible panel but it is not directing me to the adobe
    labs site.
    What am I doing wrong? Or can someone help me to make this
    work?
    <div id="CollapsiblePanel1" class="CollapsiblePanel
    CollapsiblePanelOpen">
    <div class="CollapsiblePanelTab">
    <a href="
    http://labs.adobe.com">This
    is a link but if you click on it, it won't open adobe
    labs</a>
    </div>
    <div class="CollapsiblePanelContent" style="display:
    block; visibility: visible; height: 13px;">
    <p>Now it is open</p>
    </div>
    </div>

    Hi,
    this behavior was added on Spry1.5 as a feature request
    because if we allow to add a link on the collapsible tab, both
    events will be executed at mouse click: the collapsible panel will
    be expanded, and the page will be redirected to the specified link.
    On Spry 1.5 was added this restriction to do only the panel
    expand and not to follow the link.
    If you want to remove this behavior, you can delete the
    restriction from SpryCollapsiblePanel.js file. Go to line:154 and
    delete from there the lines between: 154 -> 159
    ( if (e.preventDefault) e.preventDefault();
    else e.returnResult = false;
    if (e.stopPropagation) e.stopPropagation();
    else e.cancelBubble = true;
    return false;)
    or you can use the Spry1.4 js file for collapsible widget.
    Please let me know if you have other questions,
    Diana

  • Sliding Panel Content Not Hidden

    Hi All. This is my first post so apologies if I do something wrong.
    I'm setting up sliding panels to work on my site (I've used them before) and this time I can't get the panels that aren't displayed to hide. The panels slide, but all panels are visable at all times. Here is the code -
    CSS
    .SlidingPanels {
        position: relative;
        width: 221px;
        height: 260px;
        padding: 0px;
        border: none;
    .SlidingPanelsContentGroup {
        position: relative;
        width: 10000px;
        margin: 0px;
        padding: 0px;
        border: none;
    .SlidingPanelsContent {
        width: 221px;
        height: 260px;
        overflow: hidden;
        margin: 0px;
        padding: 0px;
        border: none;
    .SlidingPanelsAnimating * {
        overflow: hidden !important;
    .SlidingPanelsCurrentPanel {
    .SlidingPanelsFocused {
    TEST.PHP
    <!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="http://www.guaranteedprofit.co.uk/Scripts/SprySlidingPanels.js" type="text/javascript"></script>
    <link href="http://www.guaranteedprofit.co.uk/sandbox.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
    <a href="#" onclick="sp1.showFirstPanel();">First Panel</a> | <a
        href="#" onclick="sp1.showPreviousPanel();">Previous Panel</a> |
    <a href="#" onclick="sp1.showNextPanel();">Next Panel</a> | <a href="#"
        onclick="sp1.showLastPanel();">Last Panel</a>
    <div id="panelwidget" class="SlidingPanels">
      <div class="SlidingPanelsContentGroup">
        <div class="SlidingPanelsContent" id="p1">Panel 1</div>
        <div class="SlidingPanelsContent" id="p2">Panel 2</div>
        <div class="SlidingPanelsContent" id="p3">Panel 3</div>
        <div class="SlidingPanelsContent" id="p4">Panel 4</div>
        <div class="SlidingPanelsContent" id="p5">Panel 5</div>
        <div class="SlidingPanelsContent" id="p6">Panel 6</div>
      </div>
    </div>
    <script type="text/javascript">
    var sp1 = new Spry.Widget.SlidingPanels("panelwidget");
    </script>
    Has anyone got any suggestions please as I know it's something simple, I just can't work it out. I've tested it in FF and IE6
    Thanks in advance, Adam

    Solved it. I've been at this since 5am and put a rouge <! -- in the css file which screwed it up

  • Mail info panel top line does not show subject or from subsequent lines do.

    mail info panel top line does not show subject or from, subsequent lines do.

    DOrk4L,
    Have you tried re-calibrating the battery? To re-calibrate it, let the battery drain completely and then charge it fully. You should see correct battery usage after that.
    Hope this helps,
    Jennifer B.

  • Content Rotator vs. Tabbed Panels

    Hey Guys,
    I've got the following HTML/Spry content rotator:
    http://www.glmmrs.com/temp/contentrotator.html
    As it stands now, it rotates by itself and cycles through the
    tabs without any problems. If I turn off the "cycle.start()"
    function call in the body tag, I can correctly click through the
    1-5 tabs and view the content independently without a problem.
    However I cannot get both to work together Clicking on the tab
    links when the content is rotating throws everything off, and I
    haven't been able to get it to work correctly. I have the following
    JS which handles the cycling of the content here:
    http://www.glmmrs.com/temp/spry/customSpry.js
    And the clicking of the panels independently is handled
    within:
    http://www.glmmrs.com/temp/spry/SpryTabbedPanels.js
    So my question is - how can I get these two to work together?
    Any suggestions would be greatly appreciated.
    Thank you.

    Hi kfratomatic84,
    I'm planning on integrating the content rotating feature into
    the next version of the tabbed panels. I've written an extension
    for the 1.6.1 version of the SpryTabbedPanels.js that gives folks
    the same functionality. Rather than using the rotator I posted a
    long time ago, try using this in conjunction with your
    SpryTabbedPanels.js and SpryEffect.js:
    http://www.shinarp.com/SprySamples/tabbedpanels/tabbed_panel_sample3_files/SpryTabbedPanel sExtensions.js
    You can see how to start the content rotating here:
    http://www.shinarp.com/SprySamples/tabbedpanels/tabbed_panel_sample3.htm
    If you click on a tab while the content is rotating, it
    automatically stops the rotation, and you will have to restart it
    with a call to tp.start() if you want it to continue.
    --== Kin ==--

Maybe you are looking for

  • No loops in '08

    This may be a dumb question but here goes anyway. I open Garageband on my new MacBook and there are no loops in it. I click on a loop and a dialog box pops saying the selected loop is not currently installed on my computer and would i like to install

  • Payment in dunning program

    Dear Gurus, We have an issue. My customer has a invoice of 5000. He made a payment of 4000. It is booked as partial payment. In my dunning run , only the invoice is getting considered but not the payment. How does it actually works. Balaji Dhanavel

  • Allocation in a transformation

    Hi guys, I need some help programming a transformation routine with the following requirements: in a data flow from a DSO to an InfoCube I want to fill an InfoObject in the InfoCube by allocating it from a Z-table: data record from DSO: COMPANY;AMOUN

  • HT1925 ipod not recognized in itunes or my pc

    my ipod shuffle 3rd is not recognized in itunes or windosw. i have uninstalled ituens and installed, switched usb ports ...help!

  • Cannot establish multiple simultaneous PPTP connections with the CISCO 1841.

    Hello everyone; I have recently tested a PPTP connection with a CISCO 1841 router and got success. I have configured a windows 7 client and successfully connected to the router and was able to access the documents in the server PC that I have mention