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

Similar Messages

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

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

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/

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

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

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?

Spry tabbed panels, all content showing on one page, please help?

Hi there,
I'm developing a website for my friend and i'm using DW CS5 spry tabbed panels. Everything looks great in DW but when i load the page to the server all of the content shows as one page and i can't navigate through tabs.http://dndperspective.co.cc/
I'll give you the whole code, I am fairly experienced in html but have never used spry before, so it may be a silly mistake. Any Suggestions?
Here is the code:
<!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>DND Perspective</title>
<script src="file:///C:/Users/work/Desktop/Sites/SpryAssets/SpryTabbedPanels.js" type="text/javascript"></script>
<link href="file:///C:/Users/work/Desktop/Sites/SpryAssets/SpryTabbedPanels.css" rel="stylesheet" type="text/css" />
<style type="text/css">

</style></head>
<body>
<div align="center">
<p align="left" class="style4">DND </p>
</div>
<p align="left">
<img style="border:6px inset #545565; margin-left: 150px; margin-bottom: 50px;" src="newbanner.jpg" width="701" height="244" /> </p>
<p align="center">
<p align="center">
<div id="TabbedPanels1" class="TabbedPanels">
<ul class="TabbedPanelsTabGroup" >
    <li class="TabbedPanelsTab" tabindex="0"><img src="images/homebar.jpg" width="125" height="50" /> </li>
    <li class="TabbedPanelsTab" tabindex="0"><img src="images/aboutbar.jpg" width="125" height="50" /></li>
    <li class="style11 TabbedPanelsTab" tabindex="0"><em><img src="images/servicesbar.jpg" width="125" height="50" /></em></li>
    <li class="TabbedPanelsTab style11" tabindex="0"><img src="images/gallerybar.jpg" width="125" height="50" /></li>
    <li class="TabbedPanelsTab style11" tabindex="0"><img src="images/pricingbar.jpg" width="125" height="50" /></li>
    <li class="TabbedPanelsTab style11" tabindex="0"><img src="images/contactbar.jpg" width="125" height="50" /></li>
</ul>
<div class="TabbedPanelsContentGroup">
    <div class="TabbedPanelsContent style1">
      <div align="center">
        <p class="style11">Welcome to DND </p>
        <p>We are so glad you took the time to visit our site during your busy planning schedule. We have tried to make this site as user friendly as possible so you can get back to planning your big day. We provide straight foward and dependable services so you've got nothing to worry about.</p>
        <p>We are located in Rhode Island, but service Massachusetts and Connecticut as well. </p>
        <p>Please visit our services page to discover all photography sessions we have available such as:</p>
        <p>Wedding Photography</p>
        <p> Engament Photos</p>
        <p>Senior Portraits </p>
        <p>Anniversary</p>
        <p>& More!!!</p>
        <p> </p>
      </div>
    </div>
    <div class="TabbedPanelsContent">
      <p class="style1"><strong><u>S.W</u></strong> -<em> Owner and Photographer</em>. For more information about her please click <a href="Untitled-11.pdf">here</a>!
    </div>
    <div class="TabbedPanelsContent">Under Construction...</div>
    <div class="TabbedPanelsContent">Under Construction....</div>
    <div class="TabbedPanelsContent style1">
<p>We hear at DND understand that packages and pricing may not provide the precise accomadations to fit you unique and carefully planned big day. We are very open and happy to discuss with you an individual catered package or plan that fits your style and most of all your budget. Whether you need us for just an hour or a full day we want to make your day as special as possible. We have services available starting at just $200.00. Below you will find our most popular packages, printing prices &
packages, custom videos, thank you cards and albums.</p>
           <hr width="50%" align="left" />
      <p><strong>Package 1 - $500.00</strong></p>
      <p>3 Hours; 1 location - Incl. DVD with unlimited high resolution shots and free basic retouching and enhancing; webgallery with or without password protection; Special Effects on 5 photos; and 1 8"x10" fine art high quality print. *</p>
      <p><strong>Package 2 - $575.00</strong></p>
      <p>3 Hours; 2 locations - Incl. DVD with unlimited high resolution shots and free basic retouching and enhancing; webgallery with or without password protection; Special Effects on 5 photos; and 1 8"x10" fine art high quality print. *</p>
      <p><strong>Package 3 - $700.00</strong></p>
      <p>4 Hours; 3 locations - Incl. DVD with unlimited high resolution shots and free basic retouching and enhancing; webgallery with or without password protection; Special Effects on 5 photos; and 1 8"x10" fine art high quality print. *</p>
      <p>*Each additional hour or location available for $100.00. Locations beyond 20 miles will require additional fees. Additional DVD priced at $25.00 each.</p>
           <hr width="50%" align="left" />
      <p><strong>Prints</strong>: (Fine Art High Quality)**</p>
      <p>Individual prices: 8"x10" = $12.99; 10"x13" = $19.99; 2 - 5"x7" = $12.99; 4 - 4"x6" = $11.99</p>
      <p>(Custom sizes available - Custom framing available)</p>
      <p><strong>Package 1:</strong></p>
      <p>3 - 8"x10"; 4 - 5"x7"; 4 - 4"x6" = $50.00</p>
      <p><strong>Package 2:</strong></p>
      <p>5 - 8"x10"; 6 - 5"x7"; 6 - 4"x6" = $90.00</p>
      <p><strong>Package 3:</strong></p>
      <p>8 - 8"x10"; 4 - 5"x7"; 4 - 4"x6" = $125.00</p>
      <p><strong>Package 4:</strong> (Basic Prints)</p>
      <p>Any 100 photos printed 4"x6" = $100.00</p>
           <hr width="50%" align="left" />
      <p><strong>Custom video:</strong>**</p>
      <p>Any 100 photos put to royalty-free music = $50.00</p>
          <hr width="50%" align="left" />
      <p><strong>Custom thank you cards for your guests:</strong>**</p>
      <p>300 cards - 4"x6" = $350.00</p>
      <p>100 cards - 4"x6" = $150.00</p>
     <hr width="50%" align="left" />
      <p><strong>Custom Albums Available: </strong>(prices vary - special order)</p>
      <p>Bride & Groom Albums</p>
      <p>Parent Albums</p>
           <hr width="50%" align="left" />
      <p>**Please be aware that your DVD will be available within a week; Web Gallery within 5-7 business days; Prints, Cards or Video within 2-6 weeks. Thank you!</p>
    </div>
    <div class="TabbedPanelsContent style5">
      <p> Contact DND Perspective:</p>
      <p>The best way to reach us is via email .</p>
      <p>You can alternately reach us anytime at ...!</p>
    </div>
    <div class="TabbedPanelsContent">
      <div align="center">
        <p><span class="style1">About Info</span></p>
        <p> </p>
      </div>
    </div>
</div>
</div>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<script type="text/javascript">

</script>
</body>
</html>

You called it: your links to the SpryAssets are linking to your hard drive, not to the files within the folder on the server.
Correct these links:
<script src="file:///C:/Users/work/Desktop/Sites/SpryAssets/SpryTabbedPanels.js" type="text/javascript"></script>
<link href="file:///C:/Users/work/Desktop/Sites/SpryAssets/SpryTabbedPanels.css" rel="stylesheet" type="text/css" />
And you should be good to go.
Beth
ps. If you run into more difficulties with the Spry Widgets, take your questions to the Dreamweaver Spry Forum http://forums.adobe.com/community/labs/spry, where they will get quicker attention.
B

Multi page recordset output from ASP page on Spry Tabbed Panel Widget

I am using a simple Spry Tabbed panel set on my asp page to show the output from different ASP pages, inside the tabbed panels. The tabbed panels on the page under consideration (destination page) display the output from different asp pages (source pages). The source asp pages generate multi page outputs which are paginated on the source page itself and pagination links are displayed on the source page itself.
However, we dont want to display the source page outside of the tabbed panel, but instead the output content from the source asp pages should show inside the tabbeed panels only. The first page generated by the source asp page displays correctly inside the tabbed panel. However, when the user clicks on the links for the next page generated by the source asp page, but which is being displayed inside the destination page tabbed panel, they dont display the next page inside the tabbed panel. Instead the source asp page displays the output outside the tabbed panel destination page.
Please advise on how to ensure that the user can page through the recordset generated by the source asp page by clicking on the pagination links at the bottom of the records, while ensuring that the output displays within the tabbed panels on the destination asp page.
I am enclosing the source code being used to generate the spry tabbed panel widget and also updating it with the output from the source asp page. In this case, the code given below is from the main page containing the widget and the source asp page is "sample.asp", which generates multi page output.
Please note that I am not too keen on using xml data sets output from the source asp page, but would be more comfortable with directly using the asp pages to fill the tabbed panel content.
Please help
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
<script language="javascript" src="/SpryAssets/SpryTabbedPanels.js" type="text/javascript"></script>
<script src="/SpryAssets/xpath.js" type="text/javascript"></script>
<script src="/SpryAssets/SpryData.js" type="text/javascript"></script>
<link href="/SpryAssets/SpryTabbedPanels.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="TabbedPanels1" class="TabbedPanels">
<ul class="TabbedPanelsTabGroup">
      <li class="TabbedPanelsTab" tabindex="0" onclick="Spry.Utils.updateContent('two','sample.asp?page=' <%=i%>); Spry.Data.initRegions();" >Tab 1</li>
       <li class="TabbedPanelsTab" tabindex="0">Tab 2</li>
</ul>
<div class="TabbedPanelsContentGroup">
    <div id=two class="TabbedPanelsContent">Content 1</div>
    <div class="TabbedPanelsContent">Content 2</div>
</div>
</div>
<script type="text/javascript">
var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1");
</script>
</body>

I fully agree that the problem does not lie with tthe tabbed panels.
The solution would probably be first required to be tried using ajax on any div tab.
Then the same code would have to be used on Sprytabbed panel. Hence, the following may be advised:
1. Sample code for server side pagination and displaying inside any div tag and refreshing it using ajax. the update link would also lie inside the div tag which would show the next/ previous page without reloading the page.
2. Then adapting the refresh technique using ajax in the Spry Tabbed panel using the inbuilt updatecontent method of the Spry Tabbed panels.
In order to achieve the above, I am getting the recordset output in the tab content as expected. The recordset is also getting the pagination links from server side asp as required.
However, it is also generating the following error.
Webpage error details
Message: Unterminated string constant
Line: 9
Char: 56
Code: 0
URI: http://localhost/test/test5.asp
The sourcecode is as given below. If you can help with the error indicated above, my problem would probably get solved.
<html><head>
<title>Untitled Document</title>
<link href="/SpryAssets/SpryTabbedPanels.css" rel="stylesheet" type="text/css">
<script src="/SpryAssets/SpryURLUtils.js" type="text/javascript"></script>
<script src="/SpryAssets/SpryTabbedPanels.js" type="text/javascript"></script>
<script src="/SpryAssets/SpryData.js" type="text/javascript"></script>
<script src="/SpryAssets/xPath.js" type="text/javascript"></script>
</head>
<body>
<div id="TabbedPanels1" class="TabbedPanels">
<ul class="TabbedPanelsTabGroup">
    <li class="TabbedPanelsTab" tabindex="0" onclick="Spry.Utils.updateContent('one','untitled-5.asp');">Tab 1</li>
    <li class="TabbedPanelsTab" tabindex="0" >Tab 2</li>
</ul>
<div class="TabbedPanelsContentGroup">
    <div id=one class="TabbedPanelsContent">Content 1</div>
    <div id ="two" class="TabbedPanelsContent">Content 2</div>
</div>
</div>
<script type="text/javascript">
var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1");
</script>
</body>
</html>

Stop all sounds or unload SWFs in Spry Tabbed Pages

Hello
I am using the Dreamweaver Spry Tabbed pages for a project.
On several of the tabbed pages I have flash content running in iFrames.
If the user does not stop the movie before clicking on another tab the sound will continue and the movie will keep running in the background.
How do I script the tabbed panel code to unload the swf content before going to another tab? And to reload the content when returning to pages with swf content again?
Thank you on beforehand.
ggaarde

Hi Sudarshan
Please go to:
http://gggraphic.com/t-mobile/tab_flash_test/
Tab 1 shows a flv by embedding the code right in the HTML
Tab 2 just shows text: Content 2
Tab 3 shows a flv imported from another HTML page in a iFrame
None of the movies are set to autoplay - you have to click the arrow to start them.
This is what I found:
On the Mac:
In Safari, Chrome and Firefox:
When playing the movie in Tab 1 (embedded flash object) > start the movie > then click tab 2 = the movie readily stops as desired, and loads the text on tab 2.
When playing the movie in Tab 3 (iFrame version) > start the movie > then click tab 2 = the movie keeps playing, and the sound will continue.
On the PC:
In IE 8 (which is my main audience) It makes no difference if the flash content is embedded or iFramed in = when clicking tab 2 the movies continues playback no matter which one (tab 1 or tab 3) is playing.
Chrome: (takes longer to load) Same as on the Mac = the embedded verion provides the desired function.
Firefox: (takes longer to load) Surprise! It does not matter is the Flash is embedded or iFramed in = When tab 2 is clicked the playback of either of the Flash versions stop.
What I would like:
Ideally I would love a fix for IE 8 that would allow stop playback of the iFrame version, since it offers many advantages over the embedded version.
Can you help me?
Thanks on beforehand.
ggaarde
The automatically generated standard Spry Assets are unchanged from your default.
This is my code for the tabbed system:
<!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>Untitled Document</title>
<script src="../../SpryAssets/SpryTabbedPanels.js" type="text/javascript"></script>
<script src="../../Scripts/swfobject_modified.js" type="text/javascript"></script>
<link href="../../SpryAssets/SpryTabbedPanels.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="TabbedPanels1" class="TabbedPanels">
<ul class="TabbedPanelsTabGroup">
    <li class="TabbedPanelsTab" tabindex="0">Tab 1</li>
    <li class="TabbedPanelsTab" tabindex="0">Tab 2</li>
    <li class="TabbedPanelsTab" tabindex="0">Tab 3</li>
</ul>
<div class="TabbedPanelsContentGroup">
    <div class="TabbedPanelsContent">Flash Content - flash object embedded in code<br>
      <object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="640" height="360">
        <param name="movie" value="TreeRemoval.swf" />
        <param name="quality" value="high" />
        <param name="wmode" value="opaque" />
        <param name="swfversion" value="6.0.65.0" />
        
        <param name="expressinstall" value="../../Scripts/expressInstall.swf" />
        
        
        <object type="application/x-shockwave-flash" data="TreeRemoval.swf" width="640" height="360">
          
          <param name="quality" value="high" />
          <param name="wmode" value="opaque" />
          <param name="swfversion" value="6.0.65.0" />
          <param name="expressinstall" value="../../Scripts/expressInstall.swf" />
          
          <div>
            <h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
            <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
          </div>
          
        </object>
        
      </object>
    </div>
    <div class="TabbedPanelsContent">Content 2</div>
    <div class="TabbedPanelsContent">Content 3 - Flash content in iFrame <br>
    <iframe src="http://gggraphic.com/t-mobile/tab_flash_test/iFrame_source.html    " style="border:0px #FFFFFF none;" name="myiFrame" scrolling="no" frameborder="0" marginheight="0px" marginwidth="0px" height="360px" width="640px"></iframe>
    </div>
</div>
</div>
<script type="text/javascript">
var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1");
swfobject.registerObject("FlashID");
</script>
</body>
</html>

Spry Tab question

I've got the use of the spry tab figured out, but what I'd like to know is if I can change the 'look' of the tabs. Rather than just have them be plain ol' squares, I'd like to change the style of them (more than just the color). Is it possible to change the shapes? Or to specify a .jpg to use as the tab?
Thanks!

I appreciate all the feedback, but I have a few more questions...
I want to do something like the example I've provided, but have two questions in that regard.
The 1st - those tabs overlap. Is their an easy way to accomplish that, as a newbie? I don't know much, still learning. Obviously it would be easier to create tabs that don't overlap and avoid this issue altogether, but I really like the look.
My 2nd question is the drop shadow. I can create the drop shadow in Photoshop, but I'm wondering if there's an easier way to do it in Dreamweaver. Just apply the Spry Tab Menu and tell it to put a drop shadow behind it. Is there something that easy, or do I need to create the drop shadow in Photoshop and use div tags to basically put it 'around' the spry tab menu? Does that even make sense? I know what I mean in my head, but might not be explaining it properly...

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

Using links in Spry tabs

Similar Messages

Maybe you are looking for