Link inside a tabbed panel

Hi,
I am working on odc:tabbedPanel in JSF. I have four tabs in it. In one of the tabs, I have links in the second tab which need to href to other pages and should be shown in the same tab. But it gets refreshed and comes to the first tab. Can anyone please help me with this i.e. to retain the same tab going to links.
I appreciate any help on this.
Thanks

good reference - check this out by BalusC - on forcing the tabbed panel
http://balusc.xs4all.nl/srv/dev-j2p-tab.html

Similar Messages

  • Link inside a tab panel

    Hello,
    I am not sure how to word my question and I hope that I am
    explaining it correctly.
    I am using a tab panel to display information from a Sql
    database. Inside each tab is a dynamic table displaying some of the
    database information. Inside the table, I have created a link to
    send the user to another page where all the database information
    for that record is displayed. When you click the link, it sends the
    user to the page, but not the data. The link works on the open
    default tab, but not in the other tabs. I am not sure why it is not
    working. Any help or ideas on what the problem may be would be
    helpful.
    Thank you,

    > The link works on the
    > open default tab, but not in the other tabs.
    Show us the code for both of these links, please.
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    ==================
    "StoneflyRS" <[email protected]> wrote in
    message
    news:ge8pjb$jg8$[email protected]..
    > Hello,
    >
    > I am not sure how to word my question and I hope that I
    am explaining it
    > correctly.
    >
    > I am using a tab panel to display information from a Sql
    database. Inside
    > each tab is a dynamic table displaying some of the
    database information.
    > Inside the table, I have created a link to send the user
    to another page
    > where
    > all the database information for that record is
    displayed. When you click
    > the
    > link, it sends the user to the page, but not the data.
    The link works on
    > the
    > open default tab, but not in the other tabs. I am not
    sure why it is not
    > working. Any help or ideas on what the problem may be
    would be helpful.
    >
    > Thank you,
    >

  • Link to Spry Tabbed Panel IN another Spry Tabbed Panel

    Hi, I am having trouble trying to figure out how to link from another page to a tabbed panel that is inside another tabbed panel.
    I have followed the tutorial on this site http://foundationphp.com/tutorials/spry_url_utils.php and have the link working properly.  I have changed some code and now I have a tabbed panel residing in one of the tabs on an existing tab.
    Here is an image of what it looks like.
    I have my link on page A that links to "Hunts" on page B.  I added the animal tabs panel.  Each tab has images of each type of animal. 
    Here is my link code:
    <a href="galtemp.html?tab=1#gallery">
    This works good and opens the tab I want.
    Now what I want to do is click on an "Elk" link in another page and have the "Hunts" tab open and the "Elk" tab open as well.
    I have tried things like:
    <a href="galtemp.html?tab=1#gallery&tab=2#huntgal">  This does not work.
    <a href="galtemp.html?tab=1#gallery?tab=2#huntgal">   This does not work.
    On another site I have created I have used this code:
    <a href="#" onclick="TabbedPanels1.showPanel(1),TabbedPanels2.showPanel(0)">
    This worked but ithe link was on the same page.  Could I adapt this to work from another page?
    Any help would be much appreciated. 
    Thanks Winrol

    Try
    How go to Tabbed Panel within Tabbed Panel
    http://forums.adobe.com/message/4980068

  • Anchor tag inside Spry Tabbed Panel Content

    I have successful been able to use code I found listed on
    here to open a specific tab in a Spry Tabbed Panel form a link. Now
    I am wondering if anyone has found out how to add an anchor tag
    code this so that is goes to a specific location inside that Tabbed
    Panel Content?

    I was looking for an answer on how to open a tab from another tab and found it!
    In return I'll give you a hint on how to open a tab from another tab using an anchor
    for example,
    if you were working on a file named "projects.php"
    create an anchor in tab 2
    <a name="anchor1" id="anchor1"></a>come next to me
    in tab 1 create the link to the anchor in tab 2
    <a href="projects.php#anchor1" onclick="TabbedPanels1.showPanel(1); return false;">open tab 2 and go to its anchor 1</a>
    In your case you are overlooking the file name and jumping directly to the anchor name.....am I right??
    cheers from Lima, Perú

  • Internal Links in Spry tabbed Panels

    Does anyone know how to create internal links from tabbed
    panel to tabbed panel in a Spry tabbed panel asset?
    I used a tabbed panel layout for articls on my site, with
    each subsection of the article in a different tabbed panel.
    I want to put a link at the bottom of each tabbed panel's
    content allowing the reader to go to the next tabbed panel's
    content.
    I know the reader can click on the tabs at the top, but I
    want them to be able to click a "next page" button
    at the bottom of each tab as well.
    When I place a named anchor within the content of a tab's
    content and link to it from a word within another tab's content,
    the link does not work. I've tried it in Safari, Firefox, and IE.
    Doesn't work in any.
    If there's a Spry/Ajax expert out there, could you come up
    with a work around? Internal links within Spry Tabbed Panels would
    be very useful.
    An example of using the Spry tabbed panel format for a news
    article is here:
    http://www.avalonwine.com/Zanzibar-Cellars.php
    Thanks for help anyone can offer.
    Jean

    I am having the exact same problem. I would like to link an
    image from my "Home" tab to the top of my "Projects" tab. But the
    image link to the Named Anchor at the top of the "Projects" tab
    does not work. Named anchors within a tabbed panel work fine. I'm
    just not able to cross between tabs. Is there some script we can
    add to the link to invoke the Spry tabbed panel widget? thanks,
    Jen

  • Link to Spry Tabbed Panels Tab?

    Is it possible to link to a specific Spy Tabbed Panels tab from another page?
    Thanks.

    It is possible to link to a specific tabbed panel from another page, may I suggest you use the following link to visit a post in the spry forum were you will find all the steps needed to do this.
    http://forums.adobe.com/thread/48312
    Richard

  • Link to spry tab panels

    HI there I'm new to this whole spry thing heck I'm even new
    to posting; I'm trying to link to a spry tab from a flash button
    and well it's just not working I can use the sample as written
    http://labs.adobe.com/technologies/spry/samples/tabbedpanels/tabbed_panel_sample.htm
    and it will work to change tabs but I guess I'm not using it
    right for the flash button I've tried to set the
    onclick="TabbedPanels1.showPanel(0); return false;"
    and that didn't work and I also tried going into the code and
    adding
    <object
    classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="
    http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0"
    width="132" height="31" a href="#"
    onclick="TabbedPanels1.showPanel(0); return false;">
    and that doesn't work either what am I doing wrong? sorry if
    I posted in the wrong place. Thanks in advance for the help
    labs.adobe.com/technologies/spry/samples/tabbedpanels/tabbed_panel_sample.htm

    It is possible to link to a specific tabbed panel from another page, may I suggest you use the following link to visit a post in the spry forum were you will find all the steps needed to do this.
    http://forums.adobe.com/thread/48312
    Richard

  • YouTube links within a tabbed panel not stopping

    Within each tab of a tabbed panel, I have a YouTube link.  How to I make a YouTube playback stop automatically when the user changes tabs and starts a different video on a different tab?
    They will only see the 2nd video but hear both at the same time.

    This would need to add a little code snippet :
    http://stackoverflow.com/questions/8667882/how-to-pause-a-youtube-player-when-hiding-the-i frame
    http://stackoverflow.com/questions/5503833/stop-all-youtube-iframe-embeds-from-playing
    Thanks,
    Sanjit

  • Horizontal Tabbed Panel Inside Vertical Tabbed Panel

    Hello!
    I am new to web coding and in dreamweaver I would like to place a horizontal spry tabbed panel as the content of a vertical spry tabbed panel.  I guess you could call it a nesting a tabbed panel.  However, when I place the horizontal panel in the content area, it takes the form of a vertical panel.  Any thoughts?
    Here is a live page of the issue: http://andrewpapp.com/baseballprofile.html
    and here is the code:
    http://www.andrewpapp.com/html.txt

    Hi Newbie,
    I say this through gritted teeth because I think you have done far better than just a newbie, even to the extent that you have given correct advice to Jennigje Galama.
    To get to your problem, have a look at the following example
    <!DOCTYPE HTML>
    <html>
    <head>
    <meta charset="utf-8">
    <title>Untitled Document</title>
    <script src="SpryAssets/SpryTabbedPanels.js" type="text/javascript"></script>
    <link href="SpryAssets/SpryTabbedPanels.css" rel="stylesheet" type="text/css">
    <style>
    .HTabbedPanels .TabbedPanels {
         margin: 0px;
         padding: 0px;
         float: left;
         clear: none;
         width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
    .HTabbedPanels .TabbedPanelsTabGroup {
         margin: 0px;
         padding: 0px;
    .HTabbedPanels .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;
    .HTabbedPanels .TabbedPanelsTabHover {
         background-color: #CCC;
    .HTabbedPanels .TabbedPanelsTabSelected {
         background-color: #EEE;
         border-bottom: 1px solid #EEE;
    .HTabbedPanels .TabbedPanelsTab a {
         color: black;
         text-decoration: none;
    .HTabbedPanels .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;
    .HTabbedPanels .TabbedPanelsContent {
         padding: 4px;
    .HTabbedPanels .TabbedPanelsContentVisible {
    </style>
    </head>
    <body>
    <div id="TabbedPanels1" class="VTabbedPanels">
      <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="HTabbedPanels">
               <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="HTabbedPanels">
               <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 type="text/javascript">
    var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1");
    var TabbedPanels2 = new Spry.Widget.TabbedPanels("TabbedPanels2");
    var TabbedPanels3 = new Spry.Widget.TabbedPanels("TabbedPanels3");
    </script>
    </body>
    </html>
    What the vertical tabs does, is override the style rules of the normal (horizontal) tabs. Thats OK, but if we then want horizontal tags, we must resurrect the orginal style rules. We must also make sure that we choose the selectors carefully unless we want to rewrite the JavaScript file.
    I think the above approach is probably the best,
    Keep up the good work.
    Gramps

  • Tabbed Pannel inside a tabbed panel..

    Any one able to get this to work, it renders OK, but the tabbes are not clickcable...
    http://video360-node2.world-television.com/CCOH/concept_v2.html?siteID=SmWpHNYUbcA%3d&stor yID=129&Language=en-GB&Asset=2059#2044
    Click on the preview button on the assets below to see the red tabbed pannel not working..
    Please Help?
    Thanks

    I was working on a solution for your first post, then I saw your second post with a completely different tabbed panel.
    Because I wasn't sure which way you wanted to go, I thought I would continue with the second option.
    Try the following taking special not of the red coloured modifications
    <div id="TabbedPanels2">
      <h2>Tab 1</h2>
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sapien lacus, porttitor vitae pretium eget, sodales sed libero. Maecenas non urna lacus, ac sollicitudin justo. Ut erat mi, hendrerit ac accumsan ac, congue eu dui. Pellentesque consectetur condimentum elit, et eleifend urna porta id. Phasellus blandit ullamcorper dignissim. In rutrum, ante non congue fermentum, metus odio bibendum elit, ut congue sapien arcu ac justo. Vivamus sit amet erat nibh, quis dignissim libero. Pellentesque in sapien felis, et volutpat eros. Maecenas adipiscing, eros sit amet placerat cursus, arcu lacus consectetur lectus, non ultricies neque urna laoreet purus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. </p>
      <h2>Tab 2</h2>
      <p>
      </p>
      <div id="TabbedPanels2_2">
        <h3>Tab 1</h3>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sapien lacus, porttitor vitae pretium eget, sodales sed libero. Maecenas non urna lacus, ac sollicitudin justo. Ut erat mi, hendrerit ac accumsan ac, congue eu dui. Pellentesque consectetur condimentum elit, et eleifend urna porta id. Phasellus blandit ullamcorper dignissim. In rutrum, ante non congue fermentum, metus odio bibendum elit, ut congue sapien arcu ac justo. Vivamus sit amet erat nibh, quis dignissim libero. Pellentesque in sapien felis, et volutpat eros. Maecenas adipiscing, eros sit amet placerat cursus, arcu lacus consectetur lectus, non ultricies neque urna laoreet purus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. </p>
        <h3>Tab 2</h3>
        <p>Nulla facilisi. Vestibulum ipsum elit, tincidunt sed tristique sit amet, faucibus in orci. Nunc sit amet elit lorem. Sed eget arcu ipsum, pharetra ullamcorper lectus. Sed ac diam ac tortor mattis mollis. Etiam mattis felis vel augue tempus in rhoncus ligula elementum. Vestibulum ut iaculis risus. Aliquam erat sem, feugiat vel laoreet in, lobortis non mauris. Vestibulum neque nibh, vehicula eleifend tincidunt sed, bibendum id dolor. Pellentesque quis libero nec orci porttitor faucibus vitae in velit. Pellentesque dignissim sem ut justo interdum id egestas tellus fringilla. Vestibulum tempor, turpis eget dignissim luctus, est erat ultricies turpis, non tempus massa elit in nulla. Sed eu arcu vel enim laoreet hendrerit at vel enim. Integer semper malesuada sem quis porttitor.</p>
        <h3>Tab 3</h3>
        <p>Suspendisse potenti. Proin ut erat sit amet turpis egestas tempor. Integer arcu dolor, aliquam ut egestas nec, pharetra ut mauris. Duis urna mi, aliquam id vulputate et, consequat in dolor. Duis congue sem feugiat nulla malesuada scelerisque. Aenean vitae augue nec diam euismod imperdiet. In accumsan consectetur ante a vestibulum. Phasellus eu nulla et lectus tincidunt porttitor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin mauris massa, venenatis ut fringilla interdum, imperdiet et neque. Sed ut risus metus.</p>
      </div>
      <script type="text/javascript">
    // BeginOAWidget_Instance_2138522: #TabbedPanels2_2
            var TabbedPanels2_2 = new Spry.Widget.TabbedPanels2("TabbedPanels2_2", {
                injectionType: "replace",
                widgetID: "TabbedPanels2_2",
                autoPlay: true,
                defaultTab: 0,
                tabSelector: "h3",
                enableKeyboardNavigation: true,
                hideHeader: true,
                tabsPosition: "top",
                event:"click",
                stopOnUserAction: true,
                displayInterval: 5000,
                minDuration: 300,
                maxDuration: 500,
                stoppedMinDuration: 100,
                stoppedMaxDuration: 200,
                plugIns:[]
    // EndOAWidget_Instance_2138522
      </script>
      <p></p>
      <h2>Tab 3</h2>
      <p>Suspendisse potenti. Proin ut erat sit amet turpis egestas tempor. Integer arcu dolor, aliquam ut egestas nec, pharetra ut mauris. Duis urna mi, aliquam id vulputate et, consequat in dolor. Duis congue sem feugiat nulla malesuada scelerisque. Aenean vitae augue nec diam euismod imperdiet. In accumsan consectetur ante a vestibulum. Phasellus eu nulla et lectus tincidunt porttitor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin mauris massa, venenatis ut fringilla interdum, imperdiet et neque. Sed ut risus metus.</p>
    </div>
    <script type="text/javascript">
    // BeginOAWidget_Instance_2138522: #TabbedPanels2
            var TabbedPanels2 = new Spry.Widget.TabbedPanels2("TabbedPanels2", {
                injectionType: "replace",
                widgetID: "TabbedPanels2",
                autoPlay: true,
                defaultTab: 0,
               tabSelector: "h2",
                enableKeyboardNavigation: true,
                hideHeader: true,
                tabsPosition: "top",
                event:"click",
                stopOnUserAction: true,
                displayInterval: 5000,
                minDuration: 300,
                maxDuration: 500,
                stoppedMinDuration: 100,
                stoppedMaxDuration: 200,
                plugIns:[]
    // EndOAWidget_Instance_2138522
    </script>
    I hope this helps.
    Ben

  • Can Google read the content inside spry tabbed panels?

    I have heard that Google 'might' not be able to read text inside AJAX. Does anyone here know forsure whether they can?
    I have content that I do not want Google to see (it is duplicate copies of other content that I have elsewhere on my site and I do not want any duplicate content issues- where Google just chooses which one to show in its search results). If anyone has any better option for me for how I go about hiding this content from the Google crawler please tell me.
    Thanks,
    YWSW
    P.S. I do not want to have to resort to using frames (such as <iframe>) to hide the content.

    can I assign a robots.txt file to not read spry?

  • Can you use a presentation widget inside a tab panel widget?

    http://www.armourcompanies.com/horse-stall-packages
    When I placed these, they initially looked fine but now the first menu/button is black?

    Hi,
    Are you referring to the Home button or the Sliding Door button ?
    Any ways both are looking good to me. Can you share a screen shot of what you see..??
    Regards,
    Abhishek Maurya

  • Link inside tab must open next tab and jump to top of page

    I am trying to open the next tab from  a link within the tabbed panel while ensuring the top of the tab is focused on the screen.
    You can see my tabbed panel at the top of http://yabbox.com/spry.php
    In Panel one, there are links to panel 3 and panel 4.  On some screens you will need to scroll down to see this links and it is this scenario I am working on.
    If you click the link to panel three, the panel will open but as it is smaller, the viewer will be left reading the content below and not the panel itself, which will be very confusing.  This is especially so if you are using a laptop.
    I need to force the link to jump to the to the top of the screen, something like including a named anchor inside the tab itself.
    I am using the following code as found on this forum, but it's not working <a href="javascript:;" onclick="TabbedPanels1.showPanel('3')" scroll(0,0);="">Panel 3</a>
    Can you help?
    Andy

    Hi,
    You need a bookmark for the top of your tabbed panels and then to change the href of you link to reference it
    Try the  following changes
    <div id="TabbedPanels1" class="TabbedPanels" name="TabbedPanels1">
    <p><a href="#TabbedPanels1" onclick="TabbedPanels1.showPanel('3')" scroll(0,0);="">Panel 3</a></p>
    That's how I've solved it on one of my pages
    www.thehmc.co.uk/photo.html
    Regards
    Phil

  • My Javascript function can't work inside tabbed panel

    I have a web application which has a tabbed panel inside.
    And inside the tabbed panel, I place a page which contain Javascript..
    When I out the action directly on the behavior, like
    onClick="window.alert('Hi')"
    it worked well..
    But when I put the script to a function and I call the function, it doesn't work..
    <script>
    function test() {
    window.alert('Hi');
    </script>
    onClick="javascript: test()"
    I've tried to put the page out of the tabbed panel, and it worked, after I put it inside again, it didn't work..
    Do you know why & how to fix it?
    Thanks for helping :D

    DeeCeeGee wrote:
    My search function does not work at all - it did at one time - can someone please help?
    Hi and welcome to the discussions.   This happens once in a while for no apparent reason.  When it happens to me, a simple log out/log in usually gets things going again.  I haven't researched to see what process died when this happens.
    If that doesn't, then a restart, but first check Spotlight in System Preferences and make sure that the Privacy list is empty.

  • Embedding HTML in Tabbed Panels

    I created a campaign in Mailchimp and downloaded it as HTML so i could show the newsletter on my Muse site, with working links to emails, subscription and interviews.
    I placed the HTML Element inside a Tabbed Panels widget and that caused alot of issues with the other elements on my Muse page.
    It seems to be rather random in nature, sometimes moving a subheader, other times changing the color of the header or expanding rectangle elements.
    Any suggestions or questions welcomed!

    Michael,
    We might be experiencing similar issues. I posted this yesterday:  HTML inserted into a MUSE accordion widget issue
    In Adobe MUSE 2014.3.1.44, I have inserted an HTML snippet into an accordion widget:
    <script type=”text/javascript” src=”https://burkeauto.workstiming.com/external/next_available_time.js”></script>
    When published all I see is the clock numbers to the top left corner of the page—no other page content and no accordion—just the unformatted clock at the top left corner.
    The snippet works fine outside the accordion widget.
    When not inside the accordion the HTML frame is normal, but as soon as I insert it into the accordion it adopts the attributes like other widgets, with the round blue icon on the top right corner of the frame and a stripped down context menu.
    Adobe chat support has duplicated this on their end and suggested that I post the issue in the forum.
    Any thoughts?
    I will be watching you post.

Maybe you are looking for