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.

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

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.

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.

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.

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

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>

Spry tabbed panels: creating links to a different tab

I am trying to feature links on the main section of my tabbed panel page ( http://www.iecaonline.com/benefits-spry.html ) that link to a different tab. I read a tutorial on the labs page (http://foundationphp.com/tutorials/spry_url_utils.php) on how to do this, downloading the spry updater, but I couldn't get it to work. Is there a simple way to accomplish this?
Thanks.
Sarah

Hi Sarah,
look here:
Get prerelease 1.6.1 of Spry framework now spry_p1-6-1_022508.zip
http://labs.adobe.com/technologies/spry/
Get prerelease 1.6.1 of Spry framework now
Get the Spry Updater for Dreamweaver CS3/CS4 now
Discuss Spry in the Labs forums
or here at Adobe Labs Downloads:
http://www.adobe.com/cfusion/entitlement/index.cfm?e=labs%5Fspry
Hans-G.

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

Open specific tab in an accordion

I have an accordion with 5 tabs. I want to open a specific
tab depending on which link is clicked on the first tab.
I have the following, which opens tab 2:
<a
href="javascript:acc1.openNextPanel();">{@atitle}</a>
and I could use openLastPanel() for tab 5, but how do I open
tabs 3 and 4?
I have found a query from Auroras giving a function to do
this, but I would have expected this to be an inbuilt solution -
has it been incorporated into 1.5?
Regards
John

To answer my own question (partly...), I have added the
following into my SpryAccordion.js file:
quote:
JBB 13/4/07
Spry.Widget.Accordion.prototype.openPanelNumber =
function(numbr)
var indx = numbr - 1 // panel index starts at 0
var panels = this.getPanels();
var curPanelIndex = this.getCurrentPanelIndex();
if( panels && curPanelIndex != indx && indx
< panels.length && indx >= 0 )
this.openPanel(panels[indx]);
-------------------------------------------------------------- END
Call this from anywhere you like (eg <a
href="javascript:acc1.openPanelNumber('2');">{@atitle}</a>).
The number is 'natural' rather than 'logical' - ie the first tab is
number 1, the second is 2, etc. Quote marks are optional
(javascript will just cast the string into an integer) and invalid
values are ignored.
Regards
John

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

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.

Linking to a specific tab in a spry tabbed in Dreamweaver

Similar Messages

Maybe you are looking for