Linking between spry tabs

I've created a page with spry tabs and want to place a link
on a tab that will take the user to a place on another tab. I
assumed that I would use named achors but can't get them to work.
Any ideas?

RSW14 wrote:
> I've created a page with spry tabs and want to place a
link on a tab that will
> take the user to a place on another tab.
To open another tab from anywhere in the same page, give the
target tab
an ID, and create the link like this:
<a href="javascript:;"
onclick="TabbedPanels1.showPanel('targetID')">Go
to other tab</a>
To go to a specific place within a tabbed panel, you would
need to use
SpryURLUtils.js, which is part of the Spry framework that you
can
download from Adobe Labs. Details of how to use it are on the
following
page:
http://labs.adobe.com/technologies/spry/samples/utils/URLUtilsSample.html
David Powers, Adobe Community Expert
Author, "The Essential Guide to Dreamweaver CS4",
"PHP Solutions" & "PHP Object-Oriented Solutions"
http://foundationphp.com/

Similar Messages

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

Using links in Spry tabs

I am using the spry accordion widget to allow an author to
have a table of contents with the tab containing the name of the
article and a link to the article page, and the accordion content
area is an abstract of the article. The problem is that the link
(in the tab) simply does not work in Internet Explorer. It works
fine on mozilla based browsers and safari, you click on the link
and go to that page successfully, but it refuses to work on
Internet Explorer - clicking the link does nothing. I tried this on
collapsable panels and found the same problem. If I place the link
in the content area, the link works fine, but it will not work when
the link is in the tab in Internet Explorer. Other interesting
information: if I disable ONLY the spry javascript the links work
fine, and if I disable ONLY the spry css the links work as well.
Has anyone found a workaround to this problem?

Hi,
No. We do not have a way to achieve this as of now.
Regards,
Mukul

Links to spry tab content

Within one html file divided into Spry-tabs, I set a named
anchor in tab-content <div> of one tab and try to link to it
from within a different tab-content division of the same page.
Doesn't work - just sends me to bottom of division in the which
link is located. Surely this is doable -- Am I missing some simple
point?

bob_atlanta wrote:
> Within one html file divided into Spry-tabs, I set a
named anchor in
> tab-content <div> of one tab and try to link to it
from within a different
> tab-content division of the same page. Doesn't work -
just sends me to bottom
> of division in the which link is located. Surely this is
doable -- Am I
> missing some simple point?
You have to know which tab the anchor is within and then you
can show a specific tab. Check out the code on this page:
http://labs.adobe.com/technologies/spry/samples/tabbedpanels/tabbed_panel_unobtrusive.htm
FYI: Spry questions are probably best asked in the Spry
forum:
http://www.adobe.com/cfusion/webforums/forum/categories.cfm?forumid=72&catid=602
Danilo Celic
|
http://blog.extensioneering.com/
| WebAssist Extensioneer
| Adobe Community Expert

Link to spry tabbed section

Hello,
Is there a way to link to one of the spry tabbed sections? For example, I have a webpage in a site that has a spry vertical tabbed that has 7 tabs that display 7 section of content. I want to link to one of these sections from another page in the site. The page in question can be found here:
http://www.troyldavis.com/capstone/products_services.html Similar to the way anchor tags work. I have DW CS4 and I'm using the vertical spry tab tool.
I wasn't sure if I needed to post this to the general DW thread, so if I do let me know.
Thanks,
Troy

I checked this out, but can't get it to work. Not sure what I'm doing wrong.
The test file is here: http://www.troyldavis.com/capstone/linkfrom.html
Thanks for the help.
Troy

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

Jump links to spry tabs don't work in firefox

I created jump links from the top of a page to spry collapsible panel tabs. In Internet Explorer, the link doesn't bring me to the tab, but the tab changes color (rollover)--an unintended but very nice effect. In Firefox, the link does nothing.
This is the 3rd time I've asked this question; I hope that someone can help.
One example is here: http://www.judydiamondstone.net/Writing.html (click any of the jump links; in Firefox nothing happens; compare to most recent version of IE)
Thanks.

I checked out David Powers' tutorial
Spry: Opening Specific Tabs and Panels from Another Page
http://foundationphp.com/tutorials/spry_url_utils.php
Although I couldn't open the zip file (spry_target.zip), I followed the directions to insert the URL.utils java script code needed to open tabs from another page, but it didn't work for me.
I'd like to get the same effects in Firefox and Safari as I get in IE-8 (see below)
What's the difference between these browsers that causes the difference in functionality?

Link to spry tab or accorion not working

I have gone to http://foundationphp.com/tutorials/spry_url_utils.php by Mr.Powers (great suff by the way!) and tried using the code in the tutorial just as described to create links to non-default tabs or accordions on other pages but not having any luck. The link takes me to the page, but not the target tab or accordion - whichever I try.
Also, once I change the scrip code at the bottom of the page, it causes the tab or accordion panels to display as a continuation down the page, not contained within the element. As if a div tag were left out or something.
First I copied SpryURLUtils.js from the Spry 1.6 release into the SpryAssets folder.
(The 2 pages shown here are working test pages within my site for an accordion panel link).
Here are the locations and code I entered into this page ( www.wilsonchiropractic.net/Research/Copy_CurrentLit.html )
for a link to the bottom unopened (H1N1...) accordion panel:
At the end of the head section:
<script type="text/javascript" src="SpryAssets/SpryURLUtils.js"></script>
<script type="text/javascript"> var params = Spry.Utils.getLocationParamsAsObject(); </script>
Then at the end of the page withing the script tags, I modified the Accordion1 variable identifier to:
var Accordion1 = new Spry.Widget.Accordion("Accordion1", {defaultPanel: params.panel ? params.panel: 0});
(this is the code that makes the entire panel set, accordion or tabs, to continue out of the panel container).
Lastly this is the link from the starting page - ( http://www.wilsonchiropractic.net/LinkTest.html ):
<a href="http://www.wilsonchiropractic.net/Research/Copy_CurrentLit.html?Panel=1#Addordion1">test link to research panel</a>
There are a number of other links to tabs or other accordions I need to create. I would assume if I can get this coding figured out, I can get the others to work.
Please Help!! Thank you!! --Jeff

One obvious problem is this:
<link href="../SpryAssets/SpryAccordion2.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="SpryAssets/SpryURLUtils.js"></script>
The link to SpryURLUtils.js is pointing to the wrong location. It should be this:
<script type="text/javascript" src="../SpryAssets/SpryURLUtils.js"></script>

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

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

Spry Tab link only works once... why?

Hi all,
I have a spry tabbed area with 4 tabs on my page. Each tab contains data that is dragged from an MSAccess table. A couple of the tabs have repeat regions. This all works fine. One of my tabs has a repeat region where I can click on a button image to change a record status from True to False (or visa versa). The click runs the associated vbscript which executes the SQL update statement no problem. However I noticed that when I changed the data on this tab and reloaded the page using a Response.redirect after the sql update was executed, it would default to the 1st tab and not the one I was viewing that contains the repeat region. A quick search led me to the SpryURLUtils.js file which solved that problem by allowing me to specify which tab to load. I appended the relevant code to give me this:
Response.Redirect("myrecord.asp?" & Request.QueryString & "&tab=1#TabbedPanels1"
As I mentioned, the tab contains a repeat region. If I click on a button to change the status of that record the page reloads fine and displays the correct tab. But this only happens once... each subsequent time I try to change another record my tab contents disappear. The tabs are still visible and if I click on the tab where I've changed the data the tab content is dispalayed, but obvioulsy this isn't right... it should reload and display the correct tab with each call of the code.If I navigate away from this page and then come back to it I can successfully chnage one record and the results are displayed. Change another record and the changes are made, but the tab contents are not displayed again. The interesting thing is that if I reload/refresh the page the problem occurs staright away on the first record change.
So my question is 2-fold... Why is this happening and how do I solve the problem?
Here is the vbscript that updates the record and does the Response.redirect
<%
'Change Notification
If (CStr(Request("ToggleNotify")) = "ToggleNotify") Then
dim strSQL
'check to see if notification is currently true or false
    If cstr(Request.Form("NotifyChanges")) = Cstr("True") Then
    'change notifiaction to false
        strSQL = "UPDATE tblUserAccess SET NotifyChanges=0 WHERE AccessID = " & Request.Form("hiddenAccessID")
    else
        strSQL = "UPDATE tblUserAccess SET NotifyChanges=-1 WHERE AccessID = " & Request.Form("hiddenAccessID")
    end if
    Set MM_editCmd = Server.CreateObject ("ADODB.Command")
    MM_editCmd.ActiveConnection = MM_VBUsers_STRING
    MM_editCmd.CommandText = strSQL
    MM_editCmd.Execute
    MM_editCmd.ActiveConnection.Close
    Response.Redirect("myrecord.asp?" & Request.QueryString & "&tab=1#TabbedPanels1" )
End If
%>
Here is my Repeat region with the associated form
<%
While ((Repeat3__numRows <> 0) AND (NOT rsAccessRights.EOF))
%>
<form name="frmNotifications" method="post" action="">
<tr class="PageText">
    <td width="200"><%=(rsAccessRights.Fields.Item("SectionTitle").Value)%>
        <input type="hidden" name="hiddenAccessID" id="hiddenField2" value="<%=(rsAccessRights.Fields.Item("AccessID").Value)%>">
    </td>
    <td width="200">
                <%If (CStr((rsAccessRights.Fields.Item("NotifyChanges").Value)) = CStr("True")) Then %>
          <input type="image" src="../sitegraphics/accept.png" alt="Submit button">
        <%else%>
          <input type="image" src="../sitegraphics/cross.png" alt="Submit button">
        <%end if%>
    <input type="hidden" name="ToggleNotify" value="ToggleNotify">
    <input type="hidden" name="NotifyChanges" id="test" value="<%=cstr((rsAccessRights.Fields.Item("NotifyChanges").Value))%>">
   </td>
</tr>
</form>
<%
Repeat3__index=Repeat3__index+1
Repeat3__numRows=Repeat3__numRows-1
rsAccessRights.MoveNext()
Wend
%>
And here is the bit at the bottom that specifies the default tab if nothing is passed in the URL
<script type="text/javascript">

</script>
Sorry for the long post!
This is my first dabble with Spry stuff, so I'm a bit green. If anyone can explain to me why this is happening that would be most apopreciated. If anyone can tell me how to solve the problem I'll send them a big e-kiss!
Not sure how impotant this is but it happens in both Firefox and IE8.
Thanks in advance
Dan

Hi Ben, thanks for taking the time to read my query.
The site in question is an intranet site, so I am unable to give you a link to the page. Would the entire page of code rather than just the odd bits help?
Cheers
Dan

Linking page to Named Anchor on multiple spry tabbed panels

I am a Dreamweaver (cs5) "beginner" with little HTML knowlege. I am doing a site for an artist friend with several art gallery images. I have created a separate .html page for each image from the gallery (the gallery pages are built within several tabs in a spry tabbed set). When it came time to link my image page back to the particular gallery page, it did not work, only the default panel could be linked. I found Gramps' answer to another persons question that was similar to mine, only that person was using spry collapsible panels. Gramps answer: <a name="myAnchor"></a>, then URL origin page: ourPage.html?col2=open#myAnchor, and it apparently worked. I tried this using "tabbedpanel2" which is probably wrong; at any rate.... nothing seems to work.
For my first time doing this, can anyone put this in the simplest form, using my own page, link names? I have spent several day not getting anywhere.
Spry Panel page is called: store_sheet.html
namedAnchor on this page is called: o-pg2
origin page is called: 009.html
Because I'm not very good in HTML, I usually highlight what I am going to code so that I can find where it is at in the split screen, then I edit. This is how raw my knowledge-base is at this point.
Any help and advise would be greatly appreciated. I'm several days behind because of this glitch.

On the first page, the peeling turnips image looks like this -
<p><a href="shop_originals/001.html"><img src="shop_originals/peelingturnips.jpg" width="188" height="254" alt="original"></a></p>
The next image in the row looks like this -
<p><img src="shop_originals/02.jpg" width="188" height="254" alt="original"></p>
So, just select that image and link it to the detail page, e.g.,
<p><a href="shop_originals/002.html"><img src="shop_originals/02.jpg" width="188" height="254" alt="original"></a></p>
The on that detail page, make the continue shopping link like this -
<a href="../store_sheet.html#o-002"><strong>Continue Shopping</strong></a>
Is that what you wanted?

Linking between tabs

Hi,
Sorry if I'm repeating a prior post. I have searched but
can't find the answer I'm looking for.
It's pretty simple. How do I link between tabs on the same
Index page? My entire site is basically just the index page with
many tabs on it. How do I (hyper)link between tabs? Say from:
Index\Tab01\SubtabB to Index\Tab02\SubtabA.
My site is here
www.praiadecima.com
Thanks

Hello everybody.
It seems that it's not possible to link analytics between tabs, at least based on this official SAP response:
Based on the case description I have further investigated on your requirement and would like to inform you that in Interportlet Communication its not currently possible between tabs because we treat each tab as a seperate dashboard.
So I have to redesign my dashboards layout.
Thanks to all.

Need help linking spry tabbed panel from external page

Could use some help. I need to link to a specific spry tabbed panel on page "A" from a link on page "B" I have tried several "solutions" on the web and had no luck. When I add the code needed at the bottom of the code where you initiate the instance, it stacks the content of ALL panels in the first panel, and renders the tabs inoperable. This is a key feature I need in a new site being developed.

I need to link to a specific spry tabbed panel on page "A" from a link on page "B" I have tried several "solutions" on the web and had no luck.
Have you tried http://foundationphp.com/tutorials/spry_url_utils.php ?
When I add the code needed at the bottom of the code where you initiate the instance, it stacks the content of ALL panels in the first panel, and renders the tabs inoperable.
Depending on what the code looks like, it can do all sorts of things.
Please be reminded that the best way for us to help you is by you supplying a link to your site with a one sentence description of the problem.
Gramps

Linking between spry tabs

Similar Messages

Maybe you are looking for