Linking to a Tab in another page which has 3 tabbed panels

Hi
I have created a page which has three tabbed panels.  The first is a horizontal Tabbed panel with two tabs.  Each of these tabs has a vertical tabbed panel with 4 tabs in each.
I want to be able to link from another page to the 2nd horizontal tab and the first vertical tab on that page.
If I use the URL  ?tab=1, the link takes me to the second horizontal tab but also then to the second vertical tab.
I have tried the following
giving the target tabs the same id and targeting ?tab=news
setting the url to ?tab=1&tab=0
setting the url to ?tab=TabbedPanel1.tab1&TabbedPanel2.tab2
but none of these work.
Javascript is not my thing (as you have probably guessed!).  Is there a way that I can target any combination of tabs on one page through the URL?
Any ideas, much appreciated.
Thanks

Data:
Tab on main tabbed panels = primetab
Tab on nested tabbed panels = secondtab
URL Link = myPage.html?primetab=2&secondtab=2
Markup:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<link href="SpryAssets/SpryTabbedPanels.css" rel="stylesheet">
</head>
<body>
<div id="TabbedPanels1" class="TabbedPanels">
  <ul class="TabbedPanelsTabGroup">
    <li class="TabbedPanelsTab" tabindex="0">Tab 1</li>
    <li class="TabbedPanelsTab" tabindex="0">Tab 2</li>
  </ul>
  <div class="TabbedPanelsContentGroup">
    <div class="TabbedPanelsContent">
        <div id="TabbedPanels2" class="TabbedPanels">
          <ul class="TabbedPanelsTabGroup">
            <li class="TabbedPanelsTab" tabindex="0">Tab 1.1</li>
            <li class="TabbedPanelsTab" tabindex="0">Tab 1.2</li>
          </ul>
          <div class="TabbedPanelsContentGroup">
            <div class="TabbedPanelsContent">Content 1.1</div>
            <div class="TabbedPanelsContent">Content 1.2</div>
          </div>
        </div>
    </div>
    <div class="TabbedPanelsContent">
        <div id="TabbedPanels3" class="TabbedPanels">
          <ul class="TabbedPanelsTabGroup">
            <li class="TabbedPanelsTab" tabindex="0">Tab 2.1</li>
            <li class="TabbedPanelsTab" tabindex="0">Tab 2.2</li>
          </ul>
          <div class="TabbedPanelsContentGroup">
            <div class="TabbedPanelsContent">Content 2.1</div>
            <div class="TabbedPanelsContent">Content 2.2</div>
          </div>
        </div>
    </div>
  </div>
</div>
<script src="SpryAssets/SpryTabbedPanels.js"></script>
<script src="SpryAssets/SpryURLUtils.js"></script>
<script>
var params = Spry.Utils.getLocationParamsAsObject();
var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1", {defaultTab: params.primetab ? params.primetab : 0});
var TabbedPanels2 = new Spry.Widget.TabbedPanels("TabbedPanels2", {defaultTab: params.secondtab ? params.secondtab : 0});
var TabbedPanels3 = new Spry.Widget.TabbedPanels("TabbedPanels3", {defaultTab: params.secondtab ? params.secondtab : 0});
</script>
</body>
</html>
The highlighted parts denote the markup required over and above the original markup for tabbed panels, placing JS at the bottom of the document is a peculiarity of mine an is therefore not a necessity.
Gramps

Similar Messages

  • Link to specific tab on another page but don't anchor

    Hello, I used this tutorial to link to a specific tab on another page:
    http://foundationphp.com/tutorials/spry_url_utils.php
    It works great, except I don't want to go directly to the tabbed panel. I want the particular tab to be active, but the page should load as it normally does. So the user should always be at the top of the page when it loads.
    This is the link code:
    <a href="registration.html?tab=1#form">
    As you can see, #form identifies the tabbed panel, but it also directs the link where to go. I only want to use it as an identifier, not as a navigator as well.
    Thank you.

    FShea31 wrote:
    Hello, I used this tutorial to link to a specific tab on another page:
    http://foundationphp.com/tutorials/spry_url_utils.php
    It works great, except I don't want to go directly to the tabbed panel. I want the particular tab to be active, but the page should load as it normally does. So the user should always be at the top of the page when it loads.
    This is the link code:
    <a href="registration.html?tab=1#form">
    As you can see, #form identifies the tabbed panel, but it also directs the link where to go. I only want to use it as an identifier, not as a navigator as well.
    Thank you.
    Remove the hash part of the URL parameter and just open the tab in the constructor
    <a href="registration.html?tab=1">
    var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1",
    {defaultTab: params.tab ? params.tab : 0});
    I hope this helps.
    Ben

  • Setting up a link from a grid to another page

    All,
    Is there a way to create a link from a grid to another page?
    Thanks.

    You will need to find a tutorial for a drop down or cascading menu.  What you should try is to Google "AS2 drop down menu tutorial" and "AS2 cascading menu tutorial".  You may not find exactly what you are describing, but will hopefully find something you can figure out how to adapt to meet your goals.

  • Is there any way to delete a page listing on the top of the IWeb site. I created a page which has links to the other pages, so I don't need all of them listed on top...

    Is there any way to delete a page listing on the top of the IWeb site. I created a page which has links to the other pages, so I don't need all of them listed on top...

    Better ask in the iWeb forum.
    Answer : inspector > first icon from the left > uncheck 'Display navigation menu'
    For future reference, also look at the other icons.

  • I have iOS 6 on my iPhone. i have linked my contacts with facebook and yahoo, which has doubled or triplicated some of the contacts. how can i integrate them into one? please help. it is getting on my nerves. thanks :)

    I have iOS 6 on my iPhone. i have linked my contacts with facebook and yahoo, which has doubled or triplicated some of the contacts. how can i integrate them into one? please help. it is getting on my nerves. thanks

    click on the contact which you want to integrate, click the edit button scroll down u will find a option called link contacts use it to link it to the duplicate contact

  • Trying to reinstall Acrobat Pro X from disc onto win 8.1 system. (Previous installation got corrupted) Continually getting message 'Acrobat has detected another process which has not yet completed-'. Have now closed system both cold (full shutdown) and wa

    Trying to reinstall Acrobat Pro X from disc onto win 8.1 system. (Previous installation got corrupted) Continually getting message ‘Acrobat has detected another process which has not yet completed…’. Have now closed system both cold (full shutdown) and warm (restart) over 10 times. Every time I go to reinstall I get message.

    I would run http://labs.adobe.com/downloads/acrobatcleaner.html and delete any Acrobat folders that have been created, then try again. Be sure to log in as the administrator and disable anti-virus when you have problems like this.

  • I can't get to the Firefox Start Page which has menu items such as Bookmarks, toll , etc

    I can't get to the Firefox Start Page which has menu items such as Bookmarks,Tools , etc.Also there is no back arrow.
    == This happened ==
    Every time Firefox opened

    '''''"menu items such as Bookmarks,Tools , etc"''''': That's the Menu Bar; see below.
    '''''"Also there is no back arrow"''''': That's on the Navigation Toolbar; see "<u>'''Navigation Toolbar, Bookmarks Toolbar and other Toolbars'''</u>" below. Also see the articles under "Also see:" at the end of the instructions.
    <u>'''Can't see the Menu Bar'''</u> (File, Edit, View, History, Bookmarks, Tools, Help)?
    Turning the Menu Bar on and off is a new feature in version 3.6.
    ''(~~red:Linux & OSX see~~: [[Menu bar is missing]] )''
    <u>''Windows'' Method 1.</u> '''''Hold down''''' the key and press the following letters in this exact order: V T M then release the key
    <u>''Windows'' Method 2.</u> Tap once on the F10 key, while the Menu bar is visible, choose "View > Toolbars", click "Menu Bar" so that a check mark is placed next to Menu Bar
    <u>''Windows'' Method 3.</u> Tap once and release the key. The Menu Bar will be displayed; then choose ~~red:V~~iew > ~~red:T~~oolbars and click on ~~red:M~~enu Bar so that a check mark is placed next to Menu Bar
    The Menu Bar should now be displayed permanently, unless you turn it off again using View > Toolbars. Check mark = displayed, NO check mark = not displayed.
    See:
    http://support.mozilla.com/en-US/kb/Menu+bar+is+missing
    http://kb.mozillazine.org/Toolbar_customization#Restoring_missing_menu_or_other_toolbars
    <u>'''Navigation Toolbar, Bookmarks Toolbar and other Toolbars'''</u> under View > Toolbars. Clicking on one of them will place a check mark (display) or remove the check mark (not displayed).
    <u>'''To display the Status Bar'''</u>, View, then click Status bar to place a check mark (display) or remove the check mark (not displayed).
    <u>'''Full Screen mode'''</u>
    http://kb.mozillazine.org/Netbooks#Full_screen
    Also see:
    ''' [[Back and forward or other toolbar buttons are missing]]'''
    '''[[Navigation Toolbar items]]'''
    '''[http://support.mozilla.com/en-US/kb/How+to+customize+the+toolbar How to customize the toolbar]'''

  • In Muse can you link to an element on another page?

    I was hoping that there was a way to link to an "element" (Not a page!) located on anther page either through Muse natively or by a script.  I'm not a coder or I wouldn't be using Muse.  I know you can link to other pages but I don't know about elements of other pages, specifically a "Lightbox" pop-up.
    I have a pop-up on a secondary page, lets say page 2, that I would like to also pop-up on anther page, lets say page 1, when clicked from page 1 but I don't want to have to put this Lightbox pop-up in two (both) locations because I actually have a couple hundred of these.
    Any suggestions would be greatly appreciated.
    Thanks,
    Ryan.

    If you want the pop up on multiple pages you will need to put it on multiple pages. Or you could add the link to the pop up as well as the pop up itself to a template and create the pages that you want that pop up using that template. Another one you can try is to have your pop up on a page all by itself with no template or other content and then add the page to any other page using an iFrame.

  • Linked Column to Item on Another Page

    How does one link a report column to an item on another page? I can link to another page, but I can't get the value into an item on that page.

    Hi - I presume you want to implement something like an 'edit' link, where you click on a row in a report and get redirected to a form where you can edit that record's data.
    What's going on here is this:
    1. Redirect to the form page;
    2. Set the primary key field's value on that page; and
    3. Perform a row fetch to populate the form items.
    The 'edit' column of the report will normally hold the PK value.
    In the link attributes for the edit column you need specify the value you want to set when you redirect (the name of the PK item on the form page) and the value you want to set it to (normally the edit column name).
    Easiest way to see this in action is to create a Form and Report on a Table using the wizard and look at what APEX puts into the first report column. You can see the ID value being passed in the URL as you link to the form page.
    Hope this helps.
    Regards,
    John.

  • On click of lov new jsp page which has only text area for adding comment

    hi all ,
    please help me to do this task. on click of lov new jsp page should be opend which has only text area for adding comment and upon clicking submit on the jsp page the value entered on the textarea should fall on the text field of lov.
    with regards
    prabhakaran.p

    The only reason I see for such a requirement is "Notes" require more space for entering a detailed note and would be inconvenient to write it in small single-line text input box. But, still in this case, getting the entered text back to the page and displaying it will have the same inconvenience of reading it from that field. And, I still think that removing one amongst the two (text field or image link) would be good, design wise.
    Anyway, did u try the following:
    1. Add a flow layout to the table bean
    2. Add text input and image item to the flow layout.
    3. Attach the notes page as the destination uri for the image.
    Did u start the working on it, let us know how far did u reach so that we can guide you through from that point.

  • I need to get rid of the second unwanted page which has icons for facebook etc.

    I've tried this before so this is the second time. I hope someone will reply. I don't want the second page which appears when I start up firefox. It has icons for facebook etc including Telegraph paper. I didn't ask for this and I don;t want it. A response needs to be in plain English with no computerese - I don't do jargon. (I have no idea what an 'add on' is nor do I know what a 'plug inn' is: have i got some of these unwillingly?

    hello johnxxxxzw35, we already received your original question - please don't open new threads for the same topic but please continue at [https://support.mozilla.org/en-US/questions/990532 /questions/990532].
    thank you!

  • Can I individually change any of the attributes of an individual tab (not the page) on a Tab Control?

    I have a Tab Control with approx. 15 tabs. After the user changes anything (adding text, changing a ring control, etc. ) from the default configuration on any of the 15 tabs, I would like a change to that individual tab only (say color change, text change, anything) so when the user sees all 15 tabs, they know what tab page has had changes to the defaults.
    I appreciate your help with this one!
    (Note: I tried using a imported bitmap control of a red checkmark - and use true/false to an
    visible property node -this only works when placed in any of the Tab control pages, but not on the individual Tab itself.)
    -Karl H.

    Karl,
    I have attached a LabVIEW 6i example to this post that indicates with an LED if the control on the Tab has been changed from its default value. I used the classic LED's to make them invisible when the value is still the default. Hope this helps.
    Attachments:
    tabcontrol_default.vi ‏27 KB

  • To select table which has TAB as data column with in

    Hi All
    I have a table which has column type defined as TAB type. When I try selecting the table in PL/SQL developer, I got below error.
    What should I do? Even SQL* Plus shows the same error!
    SQL> select *
      2  from my_tab_cap
      3  /
    from my_tab_cap
    ERROR at line 2:
    ORA-00904: : invalid identifierThanks in advance.
    Message was edited by:
    guru paran
    Changed the table name.

    You probably want to help us out with all your ddl:
    create table tab2 (my_tab_col my_type ) nested table my_tab_col store as my_tab;
    create type my_type as table of varchar2(100);
    declare
    v_type my_type := my_type();
    begin
    v_type.extend(4);
    v_type(1) := 'I like table types1';
    v_type(2) := 'I like table types2';
    v_type(3) := 'I like table types3';
    v_type(4) := 'I like table types4';
    insert into tab2(my_tab_col) values (v_type);
    end;
    select * from tab2;
    MY_TAB_COL                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      
    VARCHAR(I like table types1,I like table types2,I like table types3,I like table types4)     

  • JSF Page Navigation from Tab to another page and back to tab

    I have a Page with tabs and a button in each of those presenting a Table and "Create Button"
    I would like to go to a new page and come back to the same active tab.
    How do I set the page navigation properties?
    Right now I am in
    Page1(Tab3) Button click-> page2(Create)->Page1 is showing a wrong active tab.
    Can we tell page navigation to go activate a tab it came from?
    Message was edited by:
    spattabiraman

    Hello, maybe if u declare a sessionbean variable as string, in the page u want to open thew tab, in init() you must call the session bean withh the name of the tab u are calling, for example:
    getSessionBean1().setSeltab("tab1");
    i hope it can help
    Beltazor

  • Fierfox 5 doesn't work with USPS or UPs using OSX and how do I get rid of this annoying Firefox stopped the page from redirecting to another page which is usually the one I want so I have to click "ALLOW" how do I get rid of this option

    Using a Imac neither paypal or USPS can figure out why firefox 5 will not print postage. Opera will. If I could switch my bookmarks I'd move firefox to second on the list of browsers I use

    etresoft  a long time contributer to Apple Support Communities wrote a very useful app he called etrecheck which helps in diagnosing many problems caused by third party installs etc.. Go to his website, read his information and from there download and run the program according to his instructions
    http://www.etresoft.com/etrecheck
    Post the results back here
    Pete

Maybe you are looking for

  • My ipod touch 4th generation won't charge all of a sudden and I'm not sure what to do?

    When I get home from school I instantly put my ipod on it's charger because I use it a lot during the day. i always put in on an ipod dock and play my music while it charges and use my computer until it's completely done charging. So, today I did tha

  • Printing problems with iWeb 1.1.2

    I've created a website using version 1.1.2 that looks just fine online, but when I try to print it out some of the text formatting goes missing. I've tried both Firefox and Safari and neither works properly, although there are some variations in the

  • Mouse pointer acting up

    I have my mouse pointer acting up for about 2 month now. Iets start to say yes i do download movies alot and burn them or delet them onces im done with them.But my mouse pointer begain going nuts ie: switchig screens, opening random folders or apps,

  • Clarification regarding tnsnames.ora

    Hi all I have following tnsnames.ora and is working fine PROD = (DESCRIPTION = (ADDRESS_LIST = (ADDRESS = (PROTOCOL = TCP)(HOST = 152.144.XXX.XXX)(PORT = 1521)) (CONNECT_DATA = (SERVER = DEDICATED) (SERVICE_NAME = PROD.haunting.com) now i want to cha

  • Permission to open archived, .zip files

    What Application or utility allows a "user" to open an archived .zip file that they have made themselves. I can open an archived .zip file as the administrator but my user that has limitations cannot open one that they have made so I want to give the