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

Similar Messages

Help Using Spry tabbed panel as a menu.

Thanks in advance to all who take the time to read and any assistance you can offer.
I'm picking up where someone else started a website. They used Spry tabbed panels as a menu system (CS4). Each Panel is a top-level "menu" and when it opens, sub-menus (hyperlinks) come up vertically under the panel. I REALLY don't want to start over if I don't have to - need the site up and running - but cannot figure out how to make the "HOME" tabbed panel (the first one) actually take users back to the home page. For now, I've created a "submenu" (link) under HOME tabbed panel to help the user navigate back to the home page.
HELP?
http://www.orange.k12.nc.us/ec/beta/default.html

Thank you Gramps - for your prompt and helpful response! Your solution absolutely fixed the problem I asked about.
If I had followed forum advisories and asked the question correctly, the navigation on this website would probably be working perfectly by now. Your solution fixes the home page. Can you look at one more page and advise please??
On the "subpages" of this site, the same tabbed panel "fake menu" exists. I replaced the equivalent line of code in the template for those pages (at line 45) with what you gave me. I'm obviously missing something in the code to send the user back to the HOME page from these pages.
In the sample link below, you will be starting from a "subpage" of the site. Clicking on the "HOME" tab leads you not to the actual home page (default.html in the root directory) but to a default.html page within the subdirectory for the page you are on (which doesn't exist.) Can I add something to that line of code to get them back to the home page?
Again... thank you!!
http://www.orange.k12.nc.us/ec/beta/Students/Student_Resources.html

Help! Spry Tabbed Panels

Hi,
I have a problem with my spry tabbed panels. The default tab
is set to be the 1st tab, when I move to 2nd tab and navigate
through the content, as the page refreshes, and before it is fully
loaded it shows the content of the first tab for about 20 seconds
or so....then the page finally goes to the desired content on the
2nd tab....
How can I make it so this does not happen and it looks like a
smooth transition as I navigate through my pages?
Thanks,
Brandan98

I think that's the way Spry is programmed. Have you tried
posting on the
Spry forum? That might elicit more knowledgeable help.
Al Sparber - PVII
http://www.projectseven.com
Fully Automated Menu Systems | Galleries | Widgets
Elevating Dreamweaver Widgets to a Higher Level
http://www.projectseven.com/products/tools/elevators
"Brandan98" <[email protected]> wrote in
message
news:fttlqs$b3m$[email protected]..
> Hi,
>
> I have a problem with my spry tabbed panels. The default
tab is set to be
> the
> 1st tab, when I move to 2nd tab and navigate through the
content, as the
> page
> refreshes, and before it is fully loaded it shows the
content of the first
> tab
> for about 20 seconds or so....then the page finally goes
to the desired
> content
> on the 2nd tab....
>
> How can I make it so this does not happen and it looks
like a smooth
> transition as I navigate through my pages?
>
> Thanks,
> Brandan98
>

HELP WITH SPRY TABBED PANEL -

On one page I created a spry-tabbed panel with a distinctive look.
On another page, same website, I created another spry tabbed panel with its own distinctive look, its own color scheme.
On doing the second page I discovered I was also inadvertantly changing the color, boarders etc to the spry tabbed panel on my first page.
Don't want to do that.
How do I create a spry panel on 2 different pages within the same web site and let each have its own independent spry set of attributes
Howard Blume
[email protected]
max os x system10.6.6
dreamweaver 5

Hi Ken:
When I insert a new spry panel it appears with all the css from the other page.
When I began to make changes the other page reflexs those changes.
Don't know how to get a separate SpryCss sheet. Do you?

Need help with spry collapsible panel (menu)

I learn as I go when I created my website http://www.invitation-fascination.com/shapes.html and so far I've created a page with 13 spry collapsible panels- I think it came out pretty well. Now this is what I want to add to the page:
I want to create a selector (drop down) menu above the panels with the option to select any one of the 13 panels.
Once selected it will move directly to that panel and open it.
I've tried the piselect thing and with the "open" and "close" button that will programatically open the panels, but what I want is for the panel to be selected from the menu and then the page goes directly to that panel and it then opens.
Is there a way this can be done? Please help
I'm really not that good at this stuff- please be easy with your response- thank you

Have a look at the last example http://labs.adobe.com/technologies/spry/samples/collapsiblepanel/CollapsiblePanelGroupSamp le.html
Gramps

Need help with Spry Collapsible panels

I'm fairly inexperienced with Dreamweaver (CS4) and especially new to the Spry feature, so bear with me... I need all the help I can get! I've inserted six Spry collapsible panels to an HTML page and uploaded everything (including SpryCollapsiblePanel.css and SpryCollapsiblePanel.js), but they're automatically displaying as open and I can't click on them or close them. I'd like them to be closed until selected and opened.
What am I doing wrong?
Here's the URL: http://www.nicolegriffith.com/trustm.html
Thank you!

I just looked at your code, and your SpryAssets content is not there. This is the extent of your SpryCollapsablePanel.js
<?xml version="1.0" encoding="iso-8859-1"?>
<!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" xml:lang="en" lang="en">
<head>
<title>404 - Not Found</title>
</head>
<body>
<h1>404 - Not Found</h1>
</body>
</html>
Make sure your spry assests folder is in your root directory and upload the files once you know they are where they should be.
Gary

Need help on spry tabs

i designed a pop up menu in fireworks and inserted in the web
page that contains spry tabs
the menu is getting behind the spry tab

Can any one replay for this i have a similar problem

Why does editing the spry horizontal menu on my template alter the spry tabbed panels on my page?

Most of the pages on my site are created using the same template I developed. Today, I edited the horizontal main menu on the template, which changed all the pages on my site correctly, except now all the pages with tabbel panels in the body are showing as a bulleted list instead of tabbed panels. Please Help!?!
In fact, there is no longer any css styles for any tabbed panels any longer...what did I do?

Oh Brother, of course! I should have waited to post until I was out of
my freak out mode. Thanks a lot for the help.

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

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

Modified Spry Tabbed Panels causing a bug in Dreaweaver.

Whenever I try to edit a page with a spry tabbed panel in Dreamweaver, I get a spiraling pinwheel, then finally, a popup window saying, "the file SpryTabbedPanelsDesignTime.js has been running a long time" and I have to click "no" to continue, only to have the whole thing reoccur in a few seconds.
I have modified the widget constructor, in order to link to secondary panels from another page, which all works perfectly. However it is frustrating to keep getting the error message as a result of this modification.
<script type="text/javascript">

</script>
I have seen the issue addressed in adobe forums and have attempted the fix to the SpryTabbedPanelsDesignTime.js file as suggested here:
http://kb2.adobe.com/cps/401/kb401257.html .
I am not sure why this fix isn't working for me, as it seems to be working for others.
I am alos getting another similar popup error saying, "WidgetDomTranslator.js running a long time..."
I have attached the modified SpryTabbedPanelsDesignTime.js file that was supposed to fix the problem, but has not.
If any one can help it would be so very much appreciated!!

I have never heard of that problem, but reading the technote that you pointed to seems to indicate that it's a problem with Dreamweaver CS3, which shipped with Spry 1.4.
I have used the params technique many times in Dreamweaver CS4 without problem. The main difference is that Dreamweaver CS4 ships with Spry 1.6.1. You can update Dreamweaver CS3 to Spry 1.6.1 by downloading the Spry updater from http://www.adobe.com/go/labs_spry_download.
Hopefully, that should fix your problem.

Spry tabbed panel

Hi,
I've paced a Spry tabbed panel into a page below 3 thumbnails of images, you click on the tab and a larger image drops down, that works just fine but I can't figure out how to have the contents of all tabs to be empty on load so no large images in the content area are visible, is this possible?
Thanks in advance
Pete

Sorry Ben, don't have this page uploaded yet but I've included the code from the HTML page.
Thanks Pete
<!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=iso-8859-1" />
<title>Web design professional web site design & development Auckland Tauranga Wellington Filemaker Pro relational databases by Trident Solutions</title>
<meta name="Description" content="Trident Solutions build professional websites and develop relational databases for clients in New Zealand and Australia." />
<meta name="Keywords" content="Web site design, New Zealand Australia, Filemaker Pro databases design company," />
<meta name="Copyright" content="Copyright Trident Solutions 2010. All rights reserved" />
<meta name="Publisher" content="web design" />
<meta name="Distribution" content="Global" />
<meta name="Revisit" content="10 days" />
<meta name="Language" content="English" />
<meta name="Rating" content="General" />
<link href="css_files/styles.css" rel="stylesheet" type="text/css" />
<link href="css_files/body_class.css" rel="stylesheet" type="text/css" />
<style type="text/css">
#apDiv1 {
    position:absolute;
    width:200px;
    height:21px;
    z-index:27;
    left: 689px;
    top: 616px;
    background-color: #FF0000;
#apDiv3 {
    position:absolute;
    width:77px;
    height:30px;
    z-index:1;
#apDiv4 {
    position:absolute;
    width:83px;
    height:26px;
    z-index:1;
    top: 181px;
#apDiv5 {
    position:absolute;
    width:200px;
    height:115px;
    z-index:27;
    left: 68px;
    top: 265px;
body {
    background-color: #FFF;
</style>
<script src="SpryAssets/SpryCollapsiblePanel2.js" type="text/javascript"></script>
<script src="SpryAssets/SpryTabbedPanels.js" type="text/javascript"></script>
<link href="SpryAssets/SpryTabbedPanels.css" rel="stylesheet" type="text/css" />
</head>
<body class="services">
<div id="centered">
<div id="container">
<div id="buttons">
   <a class="home" href="index.html">Home</a>
    <a class="services" href="services.html">services</a>
    <a class="clients_examples" href="client_examples.html">client examples </a>
    <a class="filemaker_pro_database" href="filemaker_pro_database.html">databases</a>
    <a class="company_info" href="company_info.html">company info </a>
    <a class="contact_us_feedback_form" href="contact_us_feedback_form.html">contact us feedback form</a>
    <a class="photo_gallery" href="photo_gallery.html" target="_blank">photo gallery</a> </div>
<div id="header_text">
    <h1>Web design & development<br />
      Filemaker Pro relational databases</h1>
    <h1>Digital photography</h1>
</div>
<div id="masthead"></div>
<div id="apDiv2"></div>
<div id="rh_title_heading"></div>
<div id="services_table">
    <div id="web_title2">
      <h2>Services provided by Trident
      </h2>
      <div id="dotted_line_top"></div>
    </div>
    <p> </p>
    <p><img src="images/http_icon.jpg" alt="web icon" width="124" height="94" class="img" /><img src="images/database_icon.jpg" alt="filemaker icon" width="124" height="94" class="img" /><img src="images/digital_camera.jpg" alt="photos" width="124" height="94" class="img" />
    </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <div id="services_image3">
      <p><img src="images/sydney_cove_tn.jpg" alt="" width="181" height="121" class="img" /><img src="images/mount_tn.jpg" width="181" height="121" class="img" /><img src="images/bridge_tn.jpg" width="181" height="121" class="img" /></p>
      <p> </p>
      </p>
      <p><br />
    </p>
</div>
<p> </p>
<div id="image_3_large">
<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="TabbedPanelsContent1">Content 1</div>
      <div class="TabbedPanelsContent2">Content 2</div>
      <div class="TabbedPanelsContent3">Content 3</div>
</div>
</div>
<p> </p>
</div>
<p> </p>
</div>
<div id="rh_text_box_css">
    <h3>CSS </h3>
    <p class="main_text"><strong>CSS</strong> stands for <strong>C</strong>ascading <strong>S</strong>tyle <strong>S</strong>heets<br />
      Styles define how to display HTML elements<br />
      Styles were added to HTML 4.0 to solve a problem<strong><br />
        </strong>External Style Sheets can save a lot of work<br />
      External Style Sheets are stored in <strong>CSS files</strong></p>
    <div id="read2"><a href="http://www.w3schools.com/css/css_intro.asp" target="_blank"><img src="images/b_read.gif" alt="read" width="72" height="21" border="0" /></a></div>
    <p class="main_text"> </p>
</div>
<div id="index_lh_top_box"></div>
</div>
<div id="back_shadow">Content for id "back_shadow" Goes Here</div>
<p> </p>
<div id="rh_text_box_flash"><span class="main_text_rh_box">
<h3 class="home" id="sprytrigger1"><strong>Flash Animation</strong></h3>
    </span><span class="main_text"><span id="sprytrigger2">Web sites come</span> to life with the power of Flash <br />
    animation, display interactive photo
    </span><span class="main_text">    how to albums, <br />
    diagrams with movement and tutorials can all<br />
be done in Flash</span><span class="main_text">
<p class="main_text"> </p>
    </span>
<div id="read1"><a href="http://www.adobe.com/products/flash/whatisflash/" target="_blank"><img src="images/b_read.gif" alt="read" width="72" height="21" border="0" /></a></div>
</div>
<div id="rh_text_box_seo">
<h3>Search Engine optimisation (SEO) </h3>
      <p class="main_text">As an Internet marketing strategy, SEO <br />
        considers how search engines work and what <br />
        people search for. Optimising a web site primarily <br />
        involves editing its content and HTML and <br />
        associated coding to both increase <br />
        the site's ranking with search engines. </p>
<div id="read3"><a href="http://en.wikipedia.org/wiki/Search_engine_optimization" target="_blank"><img src="images/b_read.gif" alt="read" width="72" height="21" border="0" /></a></div>
</div>
<div id="rh_text_xhtml">
<div id="read4"><a href="http://www.w3schools.com/xhtml/xhtml_intro.asp" target="_blank"><img src="images/b_read.gif" alt="read" width="72" height="21" border="0" /></a></div>
      <h3><span class="main_text_rh_box">XHTML</span> What Is XHTML?</h3>
      <span class="main_text">XHTML stands for EXtensible HyperText Markup<br />
Language<br />
XHTML is almost identical to HTML 4.01<br />
XHTML is a stricter and cleaner version of HTML<br />
XHTML is HTML defined as an XML application<br />
XHTML is a W3C Recommendation</span>
      <p> </p>
</div>
    <div id="footer_text">Copyright 2010. Trident Solutions. Comments regarding this site, <span class="class1"><a href="mailto:[email protected]">please contact the web master.</a></span></div>
</div>
<script type="text/javascript">
var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1");
</script>
</body>
</html>

Spry tabbed panels don't edit

Hello,
I have cs5 master collection. I have the spry tabbed panels in one page. My problem:
I cannot edit the content in the spry tabbed panels, the panels open but when I click on the content I cannot have access inside the panels so i cannot change the text,
running vista business
anybody any ideas why?

Hi,
unfortunately, often only helps to install your spry or your DW again. This can happen after installing updates or you had a system crash. I would start with the spry (Do you use the latest spry version > link: http://labs.adobe.com/technologies/spry/home.html?).
Incidentally, all this is done quickly, I had to do this already too, and now everything works like a charm!
Good luck!
Hans-Günter

Spry tabbed panels not opening in IE on Vista

Link:
About
page
Link:
Story
page
Spry tabbed panels on these pages display fine in Firefox and
Safari.
But in IE on two separate Vista-running PCs, everything
except the tabs themselves loads, until you click refresh one or
more times. Both PCs were on broadband connections and I checked
each PC several times just to make sure it wasn't just an
intermittent connection.
Way to fix this for IE? As far as my client is concerned,
it's a bug.

Dear all, thanks for your replies.
I have tried Barascu Diana's fix to both pages linked at the
top, but am presently unable to test it on IE6. Anyone able to see
if those tabs are now appearing?
<DIV class="TabbedPanel" id="TabbedPanels1" style
="position:relative">
(Hope I did this right?)
I also temporarily tried kinblas' fix, but removing relative
positioning there caused the tabs to hover over to the left of the
page.

Remove halo around spry tabbed panels tab

I am using a spry tabbed panel on my page. In Safari, whem I click on a tab, the tab is surrounded by a halo. I assume this halo is some Safari default rendering. Anyone now how to get rid of this halo? I'm guessing it can be done with a css statement.
Thanks,
Patrick

One small note before your Ben's advice;
The effect you are talking about is called "outline" or "focus border". Its added by the browsers for accessibility reasons. It allows uses who navigate by keyboard see where they are on the page. If you remove this focus, your page will be less accessible for these users..

Need help linking spry tabbed panel from external page

Similar Messages

Maybe you are looking for