Sliding panel inside tabbed panel - onclick both

I have two tabbed panels, tab one has a sliding panel function in it with 5 panels. I am wondering that when you are in tab 2 that you can have a button that clicks to tab 1 AND to sliding panel 3 at the same time? I can make them work independently, but can't get it to accomplish both. I don't have a site that I can post but I could dummy one up if that would help.
OK I have another scenario as well....
You are on tab 1, sliding panel 4 and then go to tab 2. When you go back to tab 1 it holds the sliding panel 4 active. Is there a way that when you go back to tab 1 and it to default back to sliding panel 1? Basically I don't want it to hold the position of sliding panel 4 on tab 1.

Try this and adapt to your needs:
<!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 type="text/javascript" src="SpryAssets/SpryDOMUtils.js"></script>
<script type="text/javascript" src="SpryAssets/SprySlidingPanels.js"></script>
<link href="SpryAssets/SprySlidingPanels.css" rel="stylesheet" type="text/css" />
<script src="SpryAssets/SpryTabbedPanels.js" type="text/javascript"></script>
<link href="SpryAssets/SpryTabbedPanels.css" rel="stylesheet" type="text/css" />
<style>
.SlidingPanels {
   position: relative;
   width: 200px;
   height: 200px;
   padding: 0px;
.SlidingPanelsContentGroup {
   position: relative;
   height:600px;
   margin: 0px;
   padding: 0px;
.SlidingPanelsContent {
   width: 100%;
   height: 400px;
   overflow: hidden;
   margin: 0px;
   padding: 0px;
</style>
</head>
<body>
<a href="#" id="trigger1">Click me to go to Tab 1 and Panel 3</a>
<div id="TabbedPanels1" class="TabbedPanels">
  <ul class="TabbedPanelsTabGroup">
    <li class="TabbedPanelsTab" tabindex="0" id="trigger2">Click mo to go to Tab1 and Panel 1</li>
    <li class="TabbedPanelsTab" tabindex="0">Onglet 2</li>
  </ul>
  <div class="TabbedPanelsContentGroup">
    <div class="TabbedPanelsContent">Contenu 1
      <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>
    </div>
    <div class="TabbedPanelsContent">Contenu 2</div>
  </div>
</div>
<script type="text/javascript">
var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1");
var sp1 = new Spry.Widget.SlidingPanels("slidingPanel_1");
Spry.Utils.addLoadListener(function() {
        Spry.$$("#trigger1").addEventListener('click', function() {
            TabbedPanels1.showPanel(0);
            sp1.showPanel(2);
        }, false);
        Spry.$$("#trigger2").addEventListener('click', function() {
            //TabbedPanels1.showPanel(0);
            sp1.showPanel(0);
        }, false);           
</script>
</body>
</html>
You may even do better using Spry.$$() CSS3-like selector (:first-child, nth-of-type(n), etc) to avoid adding ids on elements.
Xav

Similar Messages

  • 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.

  • Resizing panels inside of panels inside of panels...

    I'm trying to organize a GUI by using a series of panels inside a JFrame. I have added panels within these panels to organize my information since I've never been able to figure out that ghastly GridBagLayout. Anyway, I've hit a wall. It seems that I can't resize an object inside of a panel that's inside of a panel. I use the setPrefferedSize method, but it just doesn't have any effect. This is true for both panels and buttons. Am I right in my assumption that there's a limit to how far into a pile of panels one can use the setPrefferedSize method? I'm using primarily BoxLayouts if that makes any difference. Any help or suggestions or advice would be appreciated.

    I'm afraid the SwingUtilities.updateComponentTreeUI didn't work. When I say I'm a novice, I'm afraid I'm kind of shooting in the dark as to some solutions and problems. Let me try and clarify my problem a little bit with an example. I have JPanels A, B, C, D, E, F, G and JCheckBoxes 1, 2, 3. JPanel A is added to the JFrame. The rest go as follows:
    A.add(B);
    B.add(C);
    C.add(D);
    C.add(E);
    D.add(F);
    D.add(G);
    G.add(1);
    G.add(2);
    G.add(3);
    Every JPanel has used the .setPreferredSize() method to define the size I desire. JPanels A, B, C, D, and E all keep their preferred sizes. However, F and G mock me by resizing according to the sizes of JCheckBoxes 1, 2, and 3. Even though they are coded to take up a certain amount of space (which is well within the limits of JPanel D), they don't. Instead they just go to the default size, which is to allow all components within it to be visible. I have this same problem when I add other components into JPanels D and E, like buttons, other JPanels, etc. I hope this clarified more than it confused.

  • 'mising panel' in Tabbed Panel

    Hi all,
    I'm building a test gallery page which has a Spry Tabbed Widget with a number of tabs each containing a phatFusion multibox gizmo [for want of a better word!]. There are still some tabs to be added and more images for existing tabs [among other things].
    Anyway, inserting a phatFusion multibox into each tab has proved quite straight forward. However, after inserting the latest tab [wild cats - see link below] I noticed that in the Property Inspector for the Tabbed Panel Widget, there's a warning for a missing panel which I need to remove - if only I could find it! Can anybody see it in the code?
    I hadn't inserted a fifth tab but I've made an error somewhere!
    Thanks in advance.
    steve
    http://www.playsuitparlour.com/gallery/galleryTest.html

    Thanks for the reply.
    I've done that and got one error:
    Line 139, Column 50: Attribute "tabindex" exists, but can not be used for this element.
    <li class="TabbedPanelsTab" tabindex="0">Belles</li>
    which refers to the first li [tab] in the ul [I'm guessing it means them all].
    I have another page with a Tabbed Panel widget and that gives the same error though that page doesn't have the missing panel warning in the property inspector.
    I tried removing the tabindex and its value but that was unhelpful and I still got the missing panel warning.
    If I can't find it, I can always redo the whole thing - carefully.
    steve

  • Html panel - inside html panel?

    hi everyone
    i have a page with a main content div which is an html panel theat will load different content
    one of the (fragment) pages it loads has xml data etc on it.
    i now need on this dynamic page a little html  in a div too, but that means an html panel within an html panel!
    i declared var infolpanel; on the main page, and the maincontent htmlpanel div has evalscripts set true
    on the dynamic fragment page, the xml datasets are working etc, but i need another html panel
    infopanel = new Spry.Widget.HTMLPanel("info");
    infopanel.loadContent('products/'+ product + '/info.html');}};
    now when i load the page, none of the xml data populates either, instead showing {dataset::variable} instead :-s
    removing the above javascript again fixes it.
    so, is there any (other?) way for this fragmented page to load a smaller fragment into the div?
    thanks
    delboy

    How do I open another collapsible panel, on a different page
    through a link? I have tried many different ways, including trying
    to use SpryURLUtils.js and am not having any luck? I really wanted
    to jump to a different pages' collapsible panel, open it, and then
    populate the SpryHTMLPanel, located inside that targeted
    collapsible panel. My collapsible panels and HTML panels all work
    fine on the target page, when just interacting on the page itself,
    with mouseclicks. Inside the collapsible panels I have unordered
    list of links, that populate HTMLpanels, with the appropriate HTML
    fragments. My problems lies in crosslinking from other webpages to
    the exact collapsible panel, and then populating the exact HTML
    fragment, just as if I had clicked on the link in the list, if I
    had been on the target page in the first place.
    <a href="../OA_qi_docreq.html?panel=0#cp1">
    <a href="../OA_qi_docreq.html#cp1">
    <a href="../OA_qi_docreq.html#cp1.open();">

  • 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

  • Tabbed panels, Tooltip, IE6

    I have a tooltip on the second panel of tabbed panels.  Works fine x-browser and renders fine in IE6.
    However, when the tooltip fires (and only then) the first paragraph (<p>) of the second panel goes blank (looks like it just changes font color to black, my bg is black), and so does the paragraph (<p>) on the first panel.
    I cannot see how to fix this short of removing the tooltip.  I'd rather not.
    Anyone know a fix?  Or how to force the color back (if that's the problem) from black?  Or (horrors) show user a failure message?  I'm totally lost here and dependent on your help.
    Come to think of it (for other reasons), what is the best method to send a popup message to user -- such as browser not supported?  IE5.5 for example.
    Thanks.
    Greg

    Thanks.
    http://www.petsatlanta.com/Pages/aboutustab.html
    Problem only in IE6.  Note that tabs Pet Sitters and Office Staff each have tooltips.  There is no issue until user hovers over one of the tool tips.  Then the first paragraph on tabs Company and Pet Sitters vanishes...sort of.  If I highlight it, its there, just not visible - looks like the font goes black.
    Thanks.

  • 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

  • Child panel in parent panel- strange top value

    Hi!
    I want to write application where I have menu with buttons. Depending on the button pressed the buttons should hide and another design bring on front.
    I don't have any ideas except make that on different panels. I made one parent panel, and a few child panels. When I click button the panel with buttons hides and I'm displaing another panel with width and height equal to parent panel. I can't understand why I have to always have value equal to 30 in top property of child panel. Left property is set o zero and it's displaing OK. When I set 0 to top property the child panel is partially hidden in parent window.
    Why the top property have to be always set to 30 to display exactly panel in panel? I tried to switch on and off titlebar, but it seems taht is no problem. Anyone can explain me that behaviour? Maybe any other ideas to make that kind of application? I don't want to use tabs.

    I'm attaching some pictures so that there's no confusion over what I'm talking about. I'm using the userint/panels.cws, but I modified childPanel1 to be the exact height of the parent panel as you can see in this picture taken from the UI Editor:
    If I don't programmatically set the top of the panel and auto-center vertically is not set to true, then I get this when the panel is loaded. You can see that the panel is being cut off because it loads inside the parent panel using the top value set in the UIEditor.
    If I set the child panel to auto-center vertically it looks like this. You can see that the child panel's title bar is partially obscured due to the auto-centering, and the splitter at the bottom of the child panel is not visible.
    If I then programmatically set the top and left to (0,0) I get this. The frame of the child panel (including the title bar) is hidden, but you can see that everything on the panel is visible:
    If I programmatically set the top to 30 it looks like this. The title bar is visible but you can see that the control at the bottom of the panel is now no longer visible:
    I'm assuming that you're seeing the behavior in the 4th screen shot when you set the top to 0 and something similar to the 5th screen shot when you set the child panel top to 30. I'm guessing that due to the font being used on your machine, the thickness of the child panel title bar is actually 30 so it doesn't stand out quite as much as mine.
    When setting the position of a panel inside another panel, the frame (which includes the titlebar) is ignored, so that (0,0) cooresponds to the very first pixel that is actually visible in the panel. I'm guessing that what you want to do is either:
    A) Disable the titlebar in the child panel and set the frame thickness to 0, or
    B) If you need the titlebar of the child panel to visible, change the height of the of the child panel to be = (height of parent panel - 30).
    Kevin B.
    National Instruments

  • How to merge the Panel with another Panel to One Panel?

    As Title!!

    i will give it a shot. by no means do i say it is correct being a beginner myself
    Panel aPanel = new Panel();
    Panel anotherPanel = new Panel();
    Panel mythirdPanel = new Panel();
    aPanel.add(anotherPanel);
    aPanel.add(myThirdPanel);
    this should create one panel called aPanel with two panels inside - another Panel first, followed by mythirdPanel second. This should be in FlowLayout pattern as that is default unless specified.
    That is my guess and my shot.
    8)

  • Two or more spry sliding panels nested in tabbed panels?

    Hi
    I have a tabbed panel widget on one page. Inside the first
    tab I inserted a sliding panel widget. Now this works fine.
    I put another sliding panel widget into the second panel.
    I changed the div id ( <div id="panelwidget2"
    class="SlidingPanels"> ) and placed a second variable at the end
    of the code ( var sp2 = new
    Spry.Widget.SlidingPanels("panelwidget2"); ) But the second sliding
    panel doesn't work and Dreamweaver highlights <div
    id="panelwidget2" class="SlidingPanels"> as invalid code.
    What do I do wrong?
    Here's the code of the page:
    <script src="SpryAssets/SpryTabbedPanels.js"
    type="text/javascript"></script>
    <script src="SpryAssets/SprySlidingPanels.js"
    type="text/javascript"></script>
    <link href="SpryAssets/SprySlidingPanels.css"
    rel="stylesheet" type="text/css" />
    <link href="SpryAssets/SpryTabbedPanels.css"
    rel="stylesheet" type="text/css" />
    </head>
    <body class="oneColElsCtr">
    <div id="container">
    <div id="mainContent">
    <h1> Main Content </h1>
    <table border="0">
    <tr>
    <td><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
    align="center"><span class="style3"><a href="#"
    onclick="sp1.showFirstPanel();">Bild l</a> | <a
    href="#" onclick="sp1.showPanel('p2');">Bild 2</a> | <a
    href="#" onclick="sp1.showPanel('p3');">Bild 3</a> | <a
    href="#" onclick="sp1.showPanel('p4');">Bild 4</a>
    </span> </div>
    <div id="panelwidget" class="SlidingPanels">
    <div class="SlidingPanelsContentGroup">
    <div class="SlidingPanelsContent" id="p1">
    <table border="0">
    <tr>
    <td class="style4">Lorem ipsum dolor sit amet,
    consectetuer adipiscing elit. Praesent aliquam, Phasellus
    trique</td>
    </tr>
    <tr>
    <td class="style3"><div align="center"><img
    src="Schnäppchen/bensonopti.jpg" width="500" height="320"
    /></div></td>
    </tr>
    </table>
    </div>
    <div class="SlidingPanelsContent" id="p2">
    <table border="0">
    <tr>
    <td class="style4">Lorem ipsum dolor sit amet,
    Phasellus trique</td>
    </tr>
    <tr>
    <td class="style3"><div align="center"><img
    src="Schnäppchen/Ibanez1.jpg" width="500" height="320"
    /></div></td>
    </tr>
    </table>
    </div>
    <div class="SlidingPanelsContent" id="p3">
    <table border="0">
    <tr>
    <td class="style4">Lorem ipsum dolor sit amet, commodo
    porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus
    quis ligula. Phasellus trique</td>
    </tr>
    <tr>
    <td class="style3"><div align="center"><img
    src="Schnäppchen/Ibanez2.jpg" width="500" height="320"
    /></div></td>
    </tr>
    </table>
    </div>
    <div class="SlidingPanelsContent" id="p4">
    <table border="0">
    <tr>
    <td class="style4">Lorem ipsum dolor sit amet, commodo
    porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus
    quis ligula. Phasellus trique</td>
    </tr>
    <tr>
    <td class="style3"><div align="center"><img
    src="Schnäppchen/Ibanez3.jpg" width="500" height="320"
    /></div></td>
    </tr>
    </table>
    </div>
    </div>
    </div>
    </div>
    <div class="TabbedPanelsContent">
    <div align="center"><span class="style3"><a
    href="#" onclick="sp1.showFirstPanel();">Bild l</a> |
    <a href="#" onclick="sp1.showPanel('p2');">Bild 2</a> |
    <a href="#" onclick="sp1.showPanel('p3');">Bild 3</a> |
    <a href="#" onclick="sp1.showPanel('p4');">Bild 4</a>
    </span> </div>
    <div id="panelwidget2" class="SlidingPanels">
    <div class="SlidingPanelsContentGroup">
    <div class="SlidingPanelsContent" id="p1">
    <table border="0">
    <tr>
    <td class="style4">Lorem ipsum dolor sit amet,
    Phasellus trique</td>
    </tr>
    <tr>
    <td class="style3"><div align="center"><img
    src="Schnäppchen/bensonopti.jpg" width="500" height="320"
    /></div></td>
    </tr>
    </table>
    </div>
    <div class="SlidingPanelsContent" id="p2">
    <table border="0">
    <tr>
    <td class="style4">Lorem ipsum dolor sit amet,
    Phasellus trique</td>
    </tr>
    <tr>
    <td class="style3"><div align="center"><img
    src="Schnäppchen/Ibanez1.jpg" width="500" height="320"
    /></div></td>
    </tr>
    </table>
    </div>
    <div class="SlidingPanelsContent" id="p3">
    <table border="0">
    <tr>
    <td class="style4">Lorem ipsum dolor sit amet,
    </td>
    </tr>
    <tr>
    <td class="style3"><div align="center"><img
    src="Schnäppchen/Ibanez2.jpg" width="500" height="320"
    /></div></td>
    </tr>
    </table>
    </div>
    <div class="SlidingPanelsContent" id="p4">
    <table border="0">
    <tr>
    <td class="style4">Lorem ipsum dolor sit amet,
    Phasellus trique</td>
    </tr>
    <tr>
    <td class="style3"><div align="center"><img
    src="Schnäppchen/Ibanez3.jpg" width="500" height="320"
    /></div></td>
    </tr>
    </table>
    </div>
    </div>
    </div>
    </div>
    </div>
    </div></td>
    </tr>
    </table>
    <!-- end #mainContent --></div>
    <!-- end #container --></div>
    <script type="text/javascript">
    <!--
    var TabbedPanels1 = new
    Spry.Widget.TabbedPanels("TabbedPanels1");
    var sp1 = new Spry.Widget.SlidingPanels("panelwidget");
    var sp2 = new Spry.Widget.SlidingPanels("panelwidget2");
    //-->
    </script>
    </body>
    </html>

    Add a valid Document Type Declaration on your page. (DTD) and it should work smoothly.. You could have found this out if you would just validate your page. validator.w3.org.

  • Two sliding panels/w tabs widgets on the same page?

    I would like to use two of the same widget (Sliding Panels/w
    tabs) on the same page.
    How can I get two instances to function independently and not
    break each other....?
    I edited the sp_withTabs.js file by duplicating the first
    section below copying it, modifying it, and then pasting it below
    as the second section:
    // Turn the slidingPanel region into a real sliding panel
    widget.
    Spry.$$("#slidingPanel").addClassName("SlidingPanels");
    Spry.$$("#slidingPanel >
    div").addClassName("SlidingPanelsContentGroup");
    Spry.$$("#slidingPanel .SlidingPanelsContentGroup >
    div").addClassName("SlidingPanelsContent");
    sp2 = new Spry.Widget.SlidingPanels('slidingPanel');
    // Turn the slidingPanel2 region into a real sliding panel
    widget.
    Spry.$$("#slidingPanel2").addClassName("SlidingPanels");
    Spry.$$("#slidingPanel2 >
    div").addClassName("SlidingPanelsContentGroup");
    Spry.$$("#slidingPanel2 .SlidingPanelsContentGroup >
    div").addClassName("SlidingPanelsContent");
    sp2 = new Spry.Widget.SlidingPanels('slidingPanel2');
    This actually gets the second instance to function properly,
    but now the first instance is "frozen".

    Chapman, i know its been a while
    but where on the JS file is the part you changed?
    I cant find that in mine
    check out my page:
    http://www.pupr.edu/department/industrial/students.asp
    Im trying to do that same thing, but a sliding panel inside another one.
    The one inside isnt being recognized as a slliding panel, im thinking its the same problem you were having.
    If you need me to copy the .js file let me know!
    This is working with the Spry Sliding Panels Widget

  • 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,
    >

  • 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ú

  • Spry Tabbed Panels and Sliding Door CSS

    Has anyone been able to customize Spry Tabbed Panels using
    the Sliding Door CSS technique?
    Spry Tabbed Panels...
    http://labs.adobe.com/technologies/spry/samples/tabbedpanels/tabbed_panel_sample.htm
    Sliding Door CSS technique...
    http://alistapart.com/articles/slidingdoors/
    It would really be sweet to also have the animation of the
    PVII Tab Panel Magic...
    http://www.projectseven.com/products/tools/tabpanel/demo/

    Hi,
    Really nice :) I tried it and works perfectly.
    Thank you,
    Diana

Maybe you are looking for

  • How do i change my imessage account on the MacBook Pro?

    i'm having major problems with my iphone, so i'm using my macbook pro and unfortunately my fiance is in another continent at the moment and can't help me lol but ihave no idea how to switch imessage accounts on the laptop please help!

  • Button.armed css style not work

    Hi,I have a css like followd: .button {     -fx-padding: 3 25 2 25;     -fx-text-fill: black;     -fx-background-radius: 4;     -fx-background-insets: 0,0,0,0;     -fx-background-color: linear (0%,0%) to (0%,100%) stops (0.0,white) (0.5,rgb(207,207,2

  • (CSS) Can this simple layout idea be better coded?

    Hi guys, I'm trying to build a very simple layout made slightly more complex via a background gradient that needs to be in sync with the foreground image. http://vilverset.com/murray.php As you can see, the layout is supposing a 1000px wide viewport,

  • How can I delegate method from modalView to the parentView

    Hi I've 2 ViewControllers: parent,and child(ModalView) the parent is named "testDelegationViewController" and the child is "modal" then I want to send some parameters from the modalView to parentView On dismiss of the child but it doesn't work. I thi

  • After upgrade ios 8.1 settings notice problem

    Hello After upgrading ios 8.1 my "settings" app still continues tu show 1 notice but when I open settings I see nothing waiting for, ios 8.1 is well updated in the general section... It's just a problem on the icon screen. Anyone else facing this iss