Linking to a specific tab in a Tabbedpanel

I've created a page with four sections as Tabbed Panels, and
I wanted to link to a named anchor in one of the panels. I found
the tutorial at
http://foundationphp.com/tutorials/spry_url_utils.php,
downloaded the Spry 1.6.1 files, and set to work. On completing the
tutorial, the thing actually worked, until I closed the target.htm
file. Now, whenever I try to open that file, Dreamweaver simply
freezes. There is no way I can find to reopen the file.
Luckily, I kept a spare copy, and I've tried adding the code
a bit at a time. It's the final part at the foot of the page that
seems to cause the problem.
Is there a fix for this, or is there another way to link to
different panels in a tabbed panel box?

Spry was abandoned by Adobe in late 2012. Spry didn't keep up with the mobile web and modern browsers. You'll get better results with jQuery Tabbed Panels.
Tabs | jQuery UI
Nancy O.

Similar Messages

How do i link to a specific tab using the spry tabbed widget

Hello i'm working on a microsite using the spry tabbed widget. I'm having trouble figuring out how to link to a specific tab using a an external link.
here is the site. http://www.efaxcorporate.co.uk
for example: if i wanted to give a user a url link specifically tab#2.
Im sure this is really easy i just can't seem to figure it out.

Try http://foundationphp.com/tutorials/spry_url_utils.php

Linking to a specific tab in a spry tabbed in Dreamweaver

Hi,
I used the following link in order to open specific tab from another page.
http://foundationphp.com/tutorials/spry_url_utils.php
Everything works fine in chrome but IE shows all of the tabbed info in one continuous list. Tried to fix it by using the suggested solutions in the below link, didn't work for me.
https://forums.adobe.com/thread/826225
Could you please help me out on this issue? Your help is very much appreciated.
Thanks,

Spry was abandoned by Adobe in late 2012. Spry didn't keep up with the mobile web and modern browsers. You'll get better results with jQuery Tabbed Panels.
Tabs | jQuery UI
Nancy O.

IE9 problem linking to a specific tab

I have been happy with my website for almost a year now after asking a few questions relating to Tabbed panels and having my problems solved here.
But I've realised there is a problem that didin't exist before!
I have a Horizontal menu bar at the top of some of my pages and there are links that go to different pages with a tabbed panel with a specific tab opened.
However, when I click on these links, the pages open with the specific tabs opened, BUT the Horizontal menu bar which should be at the top disappears.
The banners at the top left corner disappears too and the whole tab panel is displayed at the top.(so the Tabbed panels are kind of pushing the content at the top out of the screen) When I check the html in Dreamweaver, in Live view, and try to use the link in the menu bar, it shows the same, the Tabbed panel at the top of the page with the specific tab opened. But it shows that it can be scrolled up and when I do, it shows the banners and the Horizontal menu bar.
This hasn't been happening before when I've made the website last year. I'm thinking that it's something to do with IE9 because I was using IE8 when I've made the website and Safari seems to work the same as before. Does anyone know what I could do?
My website is http://minussun.co.uk/home.html
If you could try jumping to "The Concept", "Her Record" or "Her Life" in the About menu or "Her" or "Stockists" in the Contact menu at the top (basically, the links which are aiming at specific tabs) you will see what I'm writing about...

Hello, thank you for checking out.
I'm using windows vista 32bit and never thought that the os matters as well.
It's good to know that it works in the up to date os/browser environment.

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

Linking to a specific sheet within an Excel file

Hi-
I'm using RoboHelp for Word and generating a WebHelp help
system. I'm using the the "ExecFile" macro to link to an Excel
workbook. This works fine, but I'd like to automatically link to a
specific tab (sheet) and cell within the Excel file. Does anyone
know of a way to do this? Is there perhaps an argument that I can
pass along with the macro to Excel to do this? Thanks!
-Chris

Welcome to the forum.
In Snippet 84 on my site there is a method of doing that
using RH HTML. Maybe you can figure a way of tweaking the webhelp
output to do what you want.

Advice on linking to specific tabs in Accordion widget.

Hi everyone, I have followed David Power's tutorial on linking to specific tabs in an Accoridion widget.
I have got a test page working: http://fuelrecruitmenttest.co.uk/linktest.html which links to specific stories on my news page.
My problem is, I'm adding news stories in the accordion panel, so the newest story goes on the top.
Javascript counts the top panel as 0, the second panel as 1 etc etc.
So if I was to add a new panel, any previous links I have to the top panel would be to the wrong story.
My question is, Is there anyway of counting from the bottom panel up? Or any other workaround that people can think of eg: giving each panel a unique identifier so that the links remain the same even when new stories are added.
Thanks!

What is that?
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
==================
"RedEyeBlind" <[email protected]> wrote in
message
news:gpcfeo$f31$[email protected]..
> Hello anybody.
>
> I've tried the following still nothing but first tab.
> ?tab=1#TabbedPanels1

Linking to a specific spry tab in design view

hi there,
I am a dreamweaver novice and i only use design view for the most part. I am trying to make a link from some content in one tab to another tab. I looked up many such threads and they say that the spryurlutils.js is to be used. I do not know how and where to insert the script, because that area is uneditable in the code view. Here is the link to the URL.
http://192.168.17.13/testpagetraining.html
In the 'About training' tab, in the 2nd paragraph , there are the words "The Partnership".
I would like to make a link to the 3rd tab "The Partnership" from those words in the first tab.
Thanks.
A

I cannot open the page at the location you specified, it looks like a local server.
I you want a tutorial on the subject, have a look here http://foundationphp.com/tutorials/spry_url_utils.php

Link to non-default Tabbed Panel

I'm looking to set up a link from one page of a site to
another. The destination page has a TabbedPanels widget. I would
like to be able to have the link bring the user to a non-default
TabPanel. I have found some information about doing this from the
within same page, but not from another page in the site (or any
external url).
The page is currently here:
http://staging.smudgedgraphics.com/whitelamb/rates.html
I would like to link to:
http://staging.smudgedgraphics.com/whitelamb/specials.html
[to the Cottages Tab]
Any help would be appreciated.
Thanks!

I've read through that page several times, and the
information is great, but for a more digested version of what you
want to achieve, you can also check out
Opening
Specific Tabs and Accordion Panels from Another Page
Nicely laid out on how to use the SpryURLUtils.js file to
achieve exactly what you are looking for.

How Can I Create an Event Link to a Page Tab?

I have a portlet in one tab that generates an event. I want to be able to send this event to the same page but to another tab where another portlet resides. Here's the code snippet that creates the link. This code is part of a custom JSP tag.
// Attempt to get access to the portlet render request to determine if we are within a portal context.
PortletRenderRequest prr = (PortletRenderRequest) pageContext.getRequest().getAttribute(
    HttpCommonConstants.PORTLET_RENDER_REQUEST);
if (null != prr)
    try
        // Set up the parameters used for the link.
        NameValue[] eventParameters =
            new NameValue("linkUrl", linkUrlParamValue)
        // Construct the link parameter we will be using.
        linkUrl = EventUtils.constructEventLink(prr, "linkClicked", eventParameters, true, true);
    catch (PortletException e)
        // Error processing removed...
}This code will generate the event correctly and all processing occurs as expected. However, I cannot find a way to force the second tab to display.
I am able to force the the second tab to be displayed if I use "Direct Access URLs". These links are in the form
[protocol]://[host]:[port]/pls/portal/url/page/[page_group_root_page_name]/[tab_name]
But is there a way to create an event link using a specific URL?

Hi,
One workaround that i can think of is:
1. Set the <passAllUrlParams>true</passAllUrlParams> attribute in your provider.xml of the portlet on the target page/tab.(dont forget to refresh the provider)
2. If you already have the url to the tab, then you just simply construct the form in your previous portlet to post to that url with all the necessary form fields.
3. Process the request parameters and render the second portlet.
hope that helps.
thanks,
Harsha

Accessing a specific tab and/or region via an URL ?

Is there a way to change the tab of a page using an URL ?
I have the same question concerning the regions of a page (if so it would be working like a frameset) ?My situtation: I have a HTML Portlet containing a custom Menu using Javascript, and I want the links to point a specific tab or a region of my page. => I guess I could use the 'changetabs' and 'regionid' parameters next to the 'pageid' in the URL.
Any kind of hints appreciated !

Hi,
A portal page cannot work as a frame. Each region is a html table and a portlet in it is also a table. They are nested.
Tabs are links. You can copy the url of the tab by right clicking the tab and paste it as the menu link.
You cannot copy a region because it is not a frame it is a html table.
Hope this helps :-)
Thanks,
Sharmila

Linking to a specific panel from another page and from higher up on same page Spry-UI-1.7

Hi all,
I am using Spry-UI-1.7 for a 4 tab tabbed panel on the bottom of my home page. I'd like to link to the second tab from another page and also from the top of the home page.
I previously used method: http://foundationphp.com/tutorials/spry_url_utils.php and it worked great.
Now, with the Spry-UI-1.7 Tabbed Panel "widget", that method isn't working.
I've reviewed the code from the samples page: http://labs.adobe.com/technologies/spry/samples/tabbedpanels/tabbed_panel_sample.htm
but cannot figure out what I am doing wrong. It shows the following code for linking from another page:
<a href="#" onclick="TabbedPanels2.showPanel(1); return false;">Tab 2</a>
I tried this 'as is' and it didn't work.
I tried it with index.html in place of the # and it didn't work.
(e.g.   <a href="index.html" onclick="TabbedPanels2.showPanel(1); return false;">Tab 2</a>   )
What am I missing here?
(I have the tabbed panel on "index.html" and want to link from "maps.html" and from the top of "index.html"
Thanks for any help for this spry newbie! (read: I need it spelled out like I was a 6 yr. old

This works
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
<script type="text/javascript" src="SpryAssets/SpryURLUtils.js"></script>
<script src="Spry-UI-1.7/includes/SpryDOMUtils.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryDOMEffects.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryWidget.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryPanelSet.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryPanelSelector.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryFadingPanels.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryTabbedPanels2.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/plugins/TabbedPanels2/SpryFadingPanelsPlugin.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/plugins/TabbedPanels2/SpryTabbedPanelsKeyNavigationPlugin.js" type="text/javascript"></script>
<link href="Spry-UI-1.7/css/TabbedPanels2/SpryTabbedPanels2.css" rel="stylesheet" type="text/css">
<script type="text/javascript"> var params = Spry.Utils.getLocationParamsAsObject(); </script>
<script type="text/xml">

</script>
</head>
<body>
<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>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>
<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: false,
            defaultTab: params.tab ? params.tab : 0,
            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>
</body>
</html>

Navigation to specific tab within a page

I have an event set up to navigate to a certain page however this is not good enough for me. I want to navigate to a specific tab within that page. Is there a way to do this?

I'm not entirely sure I understand what you want, but if you want to simply go directly to a specific tab, you can use it's direct access URL. If you login to portal and bring up Oracle's portal help (use the help link in the upper right on any of the default pages), search for direct access URL and they do a nice job of explaining how to reach a page, tab, subpage, item, etc.
To access a subtab called mytab1 on the mytab tab in Portal release 2 or portal 10g prior to 10.1.4:
http://<hostname>:<portnumber>/pls/portal/url/page/<pagegroupname>/<pagename>/mytab/mytab1
(Note that the names needed for the url are the "Name" field when looking at properties, not the "Display Name")
The URL structure has changed in 10.1.4.
Rgds/Mark M.

Button link to a specific frame in time line

Ok I have created my buttons and the content for the specific
frames. I have named the button and given it an instance name. I
have also given my specific frame a name and set that label type to
Name.
Whats the code for turning getting my button to link to a
specific frame?
I've also done the stop() code in each frame as I want it to
stop at each frame until the button is clicked again.
I have more than one button and each will link to a different
frame.
Thanks.

I've duplicated an FLA with exactly the assets you have in
the same places, with the code on the main timeline. And mine
didn't work, just the same problem as you had. The solution I
proposed above works, but it is not the only way (See #2 below).
On Frame 1, select the UIScrollbar. if you look in the
Parameters tab of your UIScrollbar component, you'll notice that
the
scrolltargetName refers to
Instance_0. This is a default instance name assigned by the
Flash compiler, because you did not give your dynamic textfield an
instance, and your UIscollbar is referencing that. Now go to Frame
4. You will find that your dynamic textfield has the same instance
name, and the UIScrollbar is referencing the same instance. Problem
is, you have more than one textfield on more than one frame using
and referencing the same instance name, your UIScrollbars will get
confused as to which textfield is actually "Instance_0". The moment
you click to another frame, you've confused the UIScrollbar(s), so
they never work again.
The solution is simple.
First, put a stop() action on the first frame, if you have
not already done so, so your timeline stays put until you click on
a button.
Then you can solve the problem in one of two ways:
Give your textfields different instance names, and make sure
the
scrolltargetName property of each UIScrollbar refers to its
respective textfield.
Or set the text dynamically, which after all is what a dynamic
textfield is for. Have only one textfield/UIscrollbar combo, on the
first frame, and place code on a keyframe for each section which
changes the
text or
htmlText property of the textfield.
That should work. It did on mine.

Linking to a specific SLIDING panel remotely

I'm trying to link to a specific SLIDING panel (not a tabbed
panel) from a remote link. I'm sure this can be done using
SpryURLUtils.js as I've successfully achieved the result with
tabbed panels. There's not as much online information on doing this
with sliding panels, though, and I've had no luck experimenting on
my own.
Can anyone help?
Here are two example pages of the pages in question:
http://www.studiohyperset.com/sandbox/aafd/impressionist.php
http://www.studiohyperset.com/sandbox/aafd/fullsizepgs/impressionist/stillLifeFlowers.htm
The user launches the second page from the first and should
be able to get back to the second sliding panel on the first page
by clicking "RETURN." Right now, when the user clicks "RETURN,"
s/he returns to the first slide in the sequence.
Thanks in advance for any help.

http://foundationphp.com/blog/2008/02/09/spry-tutorial-linking-to-a-non-default-panel/comm ent-page-1/
Comment 29: David Powers

Linking to a specific tab in a Tabbedpanel

Similar Messages

Maybe you are looking for