Spry links to tabbed panels causing havoc

I have successfully used the tutorial from David Powers' Foundation blog to create a link to an accordion panel, but when I try to create links to 2 different tabbed panel pages, it causes 2 problems within DW.
First the links work to open the correct tabs and the pages display fine on IE7, Firefox and Safari.
Once I add the 'conditional operator' javascript at the end of the page, it causes the tab contents to display continuously out past the end of the widget container in DW, but not on the actual page, live or preview.
The bad problem is that if I close the file and re-open, and sometimes on save, I get the hourglass while it hangs, then after about 40-60 seconds, I get this message:
A script file in c:\..........\Spry\EditUtils.js has been running for a long time. Continue?
I answer No and the page opens and everything seems to work ok, I can edit and such, other than the tab contents running off the page.
I have checked the pages and removed all errors except tabindex and table bordercolor (which are allowed even though they show error on validate). And I have confirmed that the necessary spry link code is the same as the accordion panel page that works, except for the different identifiers of panel vs tab.
Here is a link to the page and the page:
http://www.wilsonchiropractic.net/Services/Hormone.html?tab=1#TabbedPanels1
http://www.wilsonchiropractic.net/Services/Hormone.html
This is the relevant spry link code:
<script type="text/javascript" src="../SpryAssets/SpryURLUtils.js"></script>
<script type="text/javascript"> var params = Spry.Utils.getLocationParamsAsObject(); </script>
var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1", {defaultTab: params.tab ? params.tab : 0});
When I take out the latter operator from the bottom line-
, {defaultTab: params.tab ? params.tab : 0}
  everything goes back to normal.
Please Help! Thank You!!
--Jeff
Message was edited by: jeff_w01 9-24-09:
I have since re-created a simple page with the only complex element being the spry navigation bar. All else is essentially a stripped down version of the same page with an accordion panel which works. (all my pages are identical in header, navigation and footer - central frame holds differing content within tab or accordion panels).
I put a simple 2-tab panel onto a new page and added the above JavaScript for linking to spry tabs or accordions. It still does the same thing within DW; the separate tab panels run out down the page and it hangs with the eventual message: A script file in c:\..........\Spry\EditUtils.js has been running for a long time. Continue?
I have tried isolating as many variables as I can think of, but not having any luck....

Hi Jeff,
I am not able to reproduce this issue on a new page, but it looks like you have found that the following code is the problem:
{defaultTab: params.tab ? params.tab : 0}
Can you instead try the default constructor and then set the tab via the showTab() function for this tabbed panel?  This is essentially what happens with the constructor you are having trouble with.
Hope that helps.
Thanks,
Josh Margulis
Adobe Senior Solutions Engineer

Similar Messages

  • 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">
    <!-- var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1", {defaultTab: (params.panel ? params.panel : 0)}); -->
    </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 tab panels causes a breakdown

    When I open a file start working with the spry tab panels the program just freez and shuts down.

    Hi AWepthon,
    In the time that the other experts get back to you, have a look at a similar discussion http://forums.adobe.com/message/5317083
    Thanks,
    Preran

  • Link to tabbed panel works once, but not again

    I have successfully linked from text in one tabbed panel to open another panel on the same page, using SpryURLUtils.js.
    <a href="?tab=2#TabbedPanels1">
    var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1", {defaultTab: params.tab ? params.tab : 0});
    When I return to the panel containing the link, the link no longer functions. So basically, it will work once, but not twice.
    Thoughts on what's happening?

    The example that you gave is great for opening a tab in a new page.To open panels on the same page see here http://labs.adobe.com/technologies/spry/samples/tabbedpanels/tabbed_panel_sample.htm
    Gramps

  • Spry Validation in Tabbed Panel

    I've created a form that has a number of sections which I
    have separated out using a spry tabbed panel. So far, so good.
    On one of the panels, however, is a select box that is
    required, so I have used a spry validation widget to look after it.
    Now, if the select box hasn't been used then and the submit button
    is clicked while one of the other panels is open, because the
    validation widget halts the form it makes it look as though nothing
    has happened. The warning message is only visible when the correct
    panel is open.
    My question is this: how do I either (a) force the panel with
    the error on to reopen or (b) make the error message show up
    elsewhere on the page so that it is visible? I tried positioning it
    absolutely above the whole panel but it still only shows up when
    the relevant panel is oen.

    I have actually added multiple tabbed panels inside of tabbed
    panels as well as collapsible panels inside of tabbed panels and
    vise versa. This works across all browsers (IE 6 & 7, FF 2,
    Safari 2 & 3).
    The key for me was to use <div style="clear: both"> (I
    put a comment here to satisfy IE6) </div> at the bottom of
    the tab, before the closing of the tab since I was using a lot of
    floating within the tabbed panels.
    If you share some code, I'm sure someone could give you a
    more specific answer.

  • 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

  • Accordian & Tabbed Panel Error

    When I have the tabbed panel content set to expand
    automatically (ie scroll bars do no appear, the content just
    expands as the data gets bigger (or vice versa if the content is
    less for the next tab)… it does as it should and the content
    area expands or contracts accordingly.
    However… if I insert the accordion widget within one of
    the content areas, if the accordion is set to auto AND the tabbed
    panels are set to auto, the tabbed content does not expand if the
    data within the accordion requires it to do so.
    Does this make sense?
    Let me know if I need to re-explain.
    Thank you.

    I'm having the same problem. as this problem resides on an
    intranet I don't have a url to a demo.
    However, to make it clearer - I have a spry accordion with
    tabbed panels in it. If the tabbed panel content height is more
    than let's say 500px (which is the accordion content height) then a
    scrollbar appears on the right. BUT this also causes another issue
    which is when you use the scroll bar to scroll through the content,
    the tab panels hover over the content!
    I've tried changing the content height for both BUT the page
    looks stupid when there is content far less than the set content
    height!
    hope you gifted people can help with this issue.
    I have updated my spry to 1.6.
    thanks
    Anis

  • Help, Spry Tabbed Panels are causing links not to work

    Here is the page: http://www.spalutions.com
    Here are the trouble spots:
    Menu at very top of page
    Home | Contact Us | Site Map
    Links within the panels
    Email link at the bottom of the content area
    Any help would be greatly appreciated!

    Fascinating.
    The Validator found three important errors you might fix to see if they help resolve the problem:
    at about line 107:
    <div class="editable"div id="contentWrapper">
    at about line 197:
    <div class="editable" div id="footer2"></div>
    and
    id="footer" twice on page
    After you fix these, run the Validator again: http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.spalutions.com%2Findex.html to find any more important issues.
    Then let us know if that helped!
    E. Michael Brandt
    www.divahtml.com
    www.divahtml.com/products/scripts_dreamweaver_extensions.php
    Standards-compliant scripts and Dreamweaver Extensions
    www.valleywebdesigns.com/vwd_Vdw.asp
    JustSo PictureWindow
    JustSo PhotoAlbum, et alia

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

  • 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 to specific spry tabbed panel - code not working

    Hi,
    I have followed the tutorial at
    http://foundationphp.com/tutorials/spry_url_utils.php
    with regard to being able to link to a specific tab. For some
    reason though, my code doesn't work. I am usign Dreamweaver cs3,
    and as soon as I head back to the design view, or preview it in a
    browser for that matter, all I see is each tab one above the other,
    and the tabs no longer work.
    My code is as follows:
    <script src="../SpryAssets/SpryTabbedPanels.js"
    type="text/javascript"></script>
    <link href="../SpryAssets/SpryTabbedPanels.css"
    rel="stylesheet" type="text/css" />
    <style type="text/css">
    <script type="text/javascript"
    src="SpryAssets/SpryURLUtils.js"></script>
    <script type="text/javascript"> var params =
    Spry.Utils.getLocationParamsAsObject(); </script>
    is in the head, and the body for the tabbed panels is:
    <div id="mainContent">
    <div id="TabbedPanels1" class="TabbedPanels">
    <ul class="TabbedPanelsTabGroup">
    <li class="TabbedPanelsTab" tabindex="0">1st
    Team</li>
    <li class="TabbedPanelsTab" tabindex="0">2nd
    Team</li>
    <li class="TabbedPanelsTab" tabindex="0">3rd
    Team</li>
    <li class="TabbedPanelsTab" tabindex="0">4th
    Team</li>
    </ul>
    <div class="TabbedPanelsContentGroup">
    <div class="TabbedPanelsContent">
    <table width="100%" border="1" cellpadding="5"
    cellspacing="1px" bordercolor="#929925">
    <tr>
    <td width="54%"><!-- TemplateBeginEditable
    name="playername1" -->
    <div align="center" class="style3 style5">Player
    name</div>
    <!-- TemplateEndEditable -->
    <p align="center"><!-- TemplateBeginEditable
    name="playerpic1" --><img alt="" name="playerpic" width="180"
    height="245" border="1" id="playerpic" /><!--
    TemplateEndEditable --></p>
    <!-- TemplateBeginEditable name="playerinfo1" -->
    <p align="center" class="style3 style6 style4">Click a
    player name to view their profile. </p>
    <!-- TemplateEndEditable -->
    <p align="center"> </p></td>
    <td width="46%"><p align="center"><!--
    TemplateBeginEditable name="teamphoto1" --><img alt=""
    name="teamphoto" width="250" height="150" border="1" align="top"
    id="teamphoto" /><!-- TemplateEndEditable --></p>
    <p align="center" class="style3 style4
    style6"><u>Squad list</u></p>
    <p align="center" class="style5"> </p>
    <p></p></td>
    </tr>
    </table>
    <p> </p>
    <p> </p>
    </div>
    <div class="TabbedPanelsContent">
    <table width="100%" border="1" cellpadding="5"
    cellspacing="1px" bordercolor="#929925">
    <tr>
    <td width="54%">
    <div align="center" class="style3"><!--
    TemplateBeginEditable name="playername2" --><span
    class="style5">Player name</span><!--
    TemplateEndEditable --></div>
    <p align="center"><!-- TemplateBeginEditable
    name="playerpic2" --><img alt="" name="playerpic" width="180"
    height="245" border="1" id="playerpic2" /><!--
    TemplateEndEditable --></p>
    <!-- TemplateBeginEditable name="playerinfo2" -->
    <p align="center" class="style3 style4 style6">Click a
    player name to view their profile.</p>
    <!-- TemplateEndEditable --></td>
    <td width="46%"><p align="center"><!--
    TemplateBeginEditable name="teamphoto2" --><img alt=""
    name="teamphoto" width="250" height="150" border="1" align="top"
    id="teamphoto2" /><!-- TemplateEndEditable --></p>
    <p align="center" class="style3 style4
    style6"><u>Squad list</u></p>
    <p align="center"> </p>
    <p></p></td>
    </tr>
    </table>
    </div>
    <div class="TabbedPanelsContent">
    <table width="100%" border="1" cellpadding="5"
    cellspacing="1px" bordercolor="#929925">
    <tr>
    <td width="54%"><!-- TemplateBeginEditable
    name="playername3" -->
    <p align="center" class="style3 style6 style4">Player
    name</p>
    <!-- TemplateEndEditable -->
    <p align="center"><!-- TemplateBeginEditable
    name="playerpic3" --><img alt="" name="playerpic" width="180"
    height="245" border="1" id="playerpic3" /><!--
    TemplateEndEditable --></p>
    <!-- TemplateBeginEditable name="playerinfo3" -->
    <p align="center" class="style3 style6 style4">Click a
    player name to view their profile.</p>
    <!-- TemplateEndEditable -->
    <p align="center"> </p></td>
    <td width="46%"><p align="center"><!--
    TemplateBeginEditable name="teamphoto3" --><img alt=""
    name="teamphoto" width="250" height="150" border="1" align="top"
    id="teamphoto3" /><!-- TemplateEndEditable --></p>
    <p align="center" class="style3 style4
    style6"><u>Squad list</u></p>
    <p align="center"> </p>
    <p></p></td>
    </tr>
    </table>
    </div>
    <div class="TabbedPanelsContent">
    <table width="100%" border="1" cellpadding="5"
    cellspacing="1px" bordercolor="#929925">
    <tr>
    <td width="54%"><!-- TemplateBeginEditable
    name="playername4" -->
    <div align="center" class="style3 style4
    style6">Player name</div>
    <!-- TemplateEndEditable -->
    <p align="center"><!-- TemplateBeginEditable
    name="playerpic4" --><img alt="" name="playerpic" width="180"
    height="245" border="1" id="playerpic4" /><!--
    TemplateEndEditable --></p>
    <!-- TemplateBeginEditable name="playerinfo4" -->
    <p align="center" class="style3 style4 style6">Click a
    player name to view their profile.</p>
    <!-- TemplateEndEditable -->
    <p align="center"> </p></td>
    <td width="46%"><p align="center"><!--
    TemplateBeginEditable name="teamphoto4" --><img alt=""
    name="teamphoto" width="250" height="150" border="1" align="top"
    id="teamphoto4" /><!-- TemplateEndEditable --></p>
    <p align="center" class="style3 style4
    style6"><u>Squad list</u></p>
    <p align="center" class="style5"> </p>
    <p></p></td>
    </tr>
    </table>
    </div>
    </div>
    </div>
    <p> </p>
    </div>
    <script type="text/javascript">
    <!--
    var TabbedPanels1 = new
    Spry.Widget.TabbedPanels("TabbedPanels1", {defaultTab:(params.tab ?
    params.tab : 0)});
    The link I would then use to link to tab 2 say, would be:
    ../"pagename".php?tab=2#TabbedPanels2
    Also, when I then go to click on the Spry tabbed panels
    region in design view, I get an error message saying:
    while executing inspectSelection in spry_tabbedpanels.htm, a
    javascript error occurred.
    I am pretty inexperienced with Spry and Java so I may have
    missed something simple.
    A solution would be much appreciated as this is driving me
    mad!
    Please let me know if you need me to post more code.
    Thanks in advance.
    p.s. I am using Dreamweaver CS3 and the SpryURLUtils.js
    script is from the Spry 1.6.1 prerelease framework.

    quote:
    Originally posted by:
    brownie_jedi
    Ok, so I've just changed the code to <script
    type="text/javascript"
    src="../SpryAssets/SpryURLUtils.js"></script>
    to mimic the code for <script
    src="../SpryAssets/SpryTabbedPanels.js"
    type="text/javascript"></script>
    since the spry files are all in the same folder. Is this what
    you meant?
    Having just installed firebug, I get the error params is not
    defined. So I guess that this all together means that the
    SpryURLUtils.js file is not being called correctly?
    p.s. Thanks for the speedy replies, much appreciated.
    Yes it means it cant find the file SpryURLUtils.js.
    in firebug theres a tab called scripts, if u click on it, u
    can see wich scripts are loaded. i suggest u check that out. Or
    post a online URL so we can see the problem for our selfs..

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

  • Spry Tabbed Panels and Pop Up Link from Image Hotspot

    I've created an image map with Hotspot links to either send to another web page or to open a previously created Pop Up window with information.
    I've imported my image, image map and Hotspots into a tab
    The issue I'm having is when clicking on the hotspot (within the Spry tabbed panel), to open the pop up page; it doesn't work
    If I select a Hotspot which sends users to another web page, that works ok.
    Would appreciate it if someone else who has run into this and what your recommendation is for a fix.
    thanks, R Silva

    Hi,
    Unable to post to a public server; however I've attached the files so the code can be reviewed.
    thanks

  • 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

Maybe you are looking for

  • Problem with telnet to router

    i am unable to telnet to my router.whenever i telnet to it, i get a black screen without any login prompt and when i press enter in the blank screen it returns back to my cmd prompt. i have enabled transport input telnet in my line vty 0 4.

  • Client not associating to closest AP bringing bad connectivity

    Hello, We have installed 40 AP in our building, thus using Cisco 1010/1020 Ligthweight AP and 4400-50 series Contollers. In some places, the laptop connect sometimes to bad signal AP instead of the one beeing vary close, thus bringing vary bad connec

  • How to get Supervisor/Managers name using SQ01...

    Hi, I am stumped and need your help. I have defined an infoset ZZ_HR_DATA with logical database. In the Infotype 0001, under additional selections, I have the field "Name of superior (organizational assignment)" and it's technical name is SYHR_A_P000

  • Overview fields used per document type in MM and FI

    Hello All, iIs there a possibility to get an overview of all fields used (mandatory, optional etc.) for each document type in MM and FI? I want to create a list which fields per document type are used in both MM and FI and which are only used in MM o

  • SAP adobe interactive form does not open via LE 2.5

    I try to open interactive form (created from SAP) via Nokia E71 and LE 2.5 but it says that i need newer version of reader??! What is newer versio and where i could find it? Thanks SAP man