Spry Panels

Has anyone had a problem with DW crashing when opening pages
with Spry panels? Adobe tech support suggested creating new site
defs. That worked for awhile but the problem has recurred. Any have
a fix?

It's not working in the second page because the script that initializes the tabbed panels is before the HTML code for the panels. It needs to come after. Move this code below the tabbed panels div:
<script type="text/javascript">

</script>

Similar Messages

How to automatically open and close collapsable spry panels?

I designed a collapsable spry panel in DW to open and close automatically, with a 10 sec delay, unless person clicks on tab to close immediately.
The spry panel opens automatically, but will only close if i click the tab.
Is there a way for the collapsable spry panels to close automatically?
[Moved to Spry forum by moderator]

Arnout,
I feel certain the answer I need is in the reply you posted here, but I need a little more help to know exactly what to do. I am using a collapsible panel to show and hide a series of onload panoramic photos near the top of my page. What I want is for the collapsible panel to be open on some pages and closed on others and I want the animation of the panel closing to be seen too. I'm thinking this should be achievable with some sort of onload trigger or something. Currently I've gotten close to what I want by referencing two different .js files (one for the "open" panel state and another for the "closed" panel state), but this doesn't show the graceful animation of the panel closing. Any ideas on how to achieve what I want? Here is the url of the test site I'm developing: http://www.gregdanpartners.com/lrre2/index.html
Thanks in advance.
Dan

Spry Panels and FireFox issue

I can't get my spry panels to position correctly in Firefox but are fine in the other browsers. Can someone please advise??
Thanks!
Janie
http://0000uhy.previewcoxhosting.com/Pages/ourservices.html

Hello,
In the sprymenubarvertical.css file, try changing position:
static; to
position: relative;
in the ul.MenuBarVertical li style.
Also, you should get rid of the link to test.css as it's an
html page in a
css file.
Take care,
Tim
"Striker" <[email protected]> wrote in message
news:fqkk1e$sak$[email protected]..
> Sorry Spry menus, and they show up in the top right in
FF
> .
> "Striker" <[email protected]> wrote in message
> news:fqkcfj$ki6$[email protected]..
>> www.scottmertens.com
>>
>> Any of the submenus on this site work fine in IE7,
but in Firefox the
>> submenu is positioned in to top left corner
partially off the screen and
>> not readable or clickable. Any ideas what is wrong?
>

Spry panels breaking in Explorer

In Explorer only, getting a "object expected" char 1 error message for
this line
<script type="text/javascript">
var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1");
</script>
This is the page:
http://thefamilyphonebook.com/schools-pre-kindergarten.php
works fine in other browsers...any insight, most appreciated...
This page, http://thefamilyphonebook.com/test.php is ok in explorer...
But when I add in the spry panels to that page, it breaks again in Explorer...
http://thefamilyphonebook.com/schools-pre-kindergartenTEST.php
Any assistance, most appreciated.
Thanks,

Change
<script src="SpryAssets/SpryTabbedPanels.js" type="text/javascript"></script>
to
<script src="http://labs.adobe.com/technologies/spry/widgets/tabbedpanels/SpryTabbedPanels.js" type="text/javascript"></script>
This means that your SpryTabbedPanels.js has been corrupted.
To get the latest versions have a look here

Spry Panel State - open/closed ?

Hello Guys/Gals,
I don't want to re-invent the wheel here if at all possible...
Has anyone ever included the Spry Collapsible Panel in menu by PHP Includes?
Here is what I need to accomplish, the spry panels are in 1 file which is included throughout the entire site with php includes.
I need the open/closed state to be remembered - so if you open panel #2 and click a link, you end up on that page with only panel #2 open.
If the user closes that panel, then the panel is closed on any page visited.
Tracking user with cookies or what?
Can someone point me to any example code for this?
Thanks,
RD

Does this help:
http://www.spry-it.com/examples/spry-widget-cookie-history/
http://www.spry-it.com/examples/spry-widget-cookie-history/#collapsiblepanel

Spry panel looks mental

Can anyone tell me why my spry panel has gone like this, it
just went mental on me
http://i193.photobucket.com/albums/z10/KarlHurrell/Picture1.png
Thanks in advance
Karl

Does this help:
http://www.spry-it.com/examples/spry-widget-cookie-history/
http://www.spry-it.com/examples/spry-widget-cookie-history/#collapsiblepanel

Automatically Show Blog Content in Spry Panel?

Hi Everyone -
I currently have a Wordpress blog at http://www.roadkillcreative.com/blog and I'd like to get the latest blog entry (or a portion of) to show up in the "blog" spry panel at http://www.roadkillcreative.com/sports/
Currently I'm updating it manually. Does anyone know a way to do it automatically? Maybe a widget?
Thanks for the help!

Hi
The normal and possibly easiest way is to incorporate it as an rss feed.
PZ

How to hyperlink to particular spry panel tab

I have spry panel which has 3 tabs. Everythings works fine.
When I load the page which has spry panel, the content of the
first tab is shown which is fine.
Now I am trying to make a link from another page which points
to the page which has spry panel. I can easily put the link but
what I want to do is when the link is clicked I was show the
content of third tab instead of the first tab. How do I do this?
Can someone please help me?

Meant to do? Meant to do anything you can get it to do
Put this in the head of your document:
<script src="SpryAssets/SpryURLUtils.js" type="text/javascript"></script>
<script type="text/javascript">
var params = Spry.Utils.getLocationParamsAsObject();
function MM_goToURL() { //v3.0
var i, args=MM_goToURL.arguments; document.MM_returnValue = false;
for (i=0; i<(args.length-1); i+=2) eval(args[i]+".location='"+args[i+1]+"'");
</script>
Link the SpryURLUtils.js per the first line in my quoted code.
The second script bit above calls the variable and sets up a function. Don't mess with it, just use it.
You'll have material like this in the foot of your page, just before the closing body tag:
<script type="text/javascript">

</script>
These help to make your widgets work. Don't worry if you don't have what I have exactly; I copied this from one of my sites. But the
var TabbedPanels1 = etc. etc. line you WILL have. You will also have a second one if you have TWO sets of tabbed panels on your page. The first should be TabbedPanels1, the second will be TabbedPanels2, etc., etc.
Here's a quote from my site, showing a "call" or link to widgets in other parts of the page. I set my whole site (except more recent pages) as ONE page, so this should be similar to how you set up your call:
<div class="image_gallery">      <a href="?tab=5&panel=3#TabbedPanelsTab&Accordion1" title="Disappeared Children" target="_self"><img src="images/homeArgentina.gif" alt="Argentina website" /></a><br />
      <em>Website (early project):<br />
      “Disappeared Children: We Search for Them”</em></div>
Note the <a href... tag. You don't need a page name, because you are staying on the same page. But this calls tab 5 AND panel 3. If you look at my page www.gravenimagedesign.net, look for the fourth image from the left on the top row on the "home" screen. Click on it, and see where it takes you.
Remember that all is based on zero being the first tab, 0, 1, 2, 3, etc.
Oops, gotta go. Let me know if you need more help with this. It is something that I have to dig back into my own code to remember.
Best,
Beth

Spry Panels Not Moving

Hello -
I was able to set up spry panels on a site, but when go to add the panels to another folder within that site, it breaks.
Here is the successful deployment:
http://www.roadkillcreative.com/newstalk/index.html
Here is the unsuccessful deployment:
http://www.roadkillcreative.com/sports/index.html
The strange this is that the panels work locally, but not online. Also, the CSS works, but not the panels don't move.
Any ideas?

It's not working in the second page because the script that initializes the tabbed panels is before the HTML code for the panels. It needs to come after. Move this code below the tabbed panels div:
<script type="text/javascript">

</script>

Using Spry Panels & Browser BackButton

Hi,
I successfullly programmed opening a Spry panel from a remote
link. However, I have run into another issue. Say a user clicks on
a link appearing on a panel, for instance, with a tab index of 2
(IOW, not the default panel), is taken to the page to which the
link is referring, and then hits the browser back button to get
back to the panel where he or she was. I know it is a redirect
situation, but don't know how to program it. Can you all help me
with this?
Thanks,
KT Pardue

This document contains JavaScript code for a widget that no
longer exists. If you don't remove
the code, the browser might display JavaScript errors when
loading the page. Would you like
Dreamweaver to find all instances of this code for you?
var sp1 = new Spry.Widget.SlidingPanels("PANELS",{
duration:850, fps: 60, defaultPanel:0 });
Yes No
Just above the end-body tag I have the script:
var Accordion1 = new Spry.Widget.Accordion("Accordion1",{
duration: 350, useFixedPanelHeights: false, defaultPanel: 0 });
The only ID I have is " <DIV id="Accordion1"
class="accordian_div Accordion">" as a container for the panels.
Should I
change an ID name or a var name ? The SlidingPanels work
fine. It's just that I'm using the "open recent files automatically
on startup" sort of option and each page displays the above
error and stops, until I reply to it, then continues to load the
next file.
- GR

Disable a mitre of spry panel with mitre

hello,
I use spry panel with mitre of dreamweaver in a dynamic
website (PHP) , and i want to disable a mitre of spry panel with
mitre ,by code ( javascrypt or PHP).
How to do ?
thanks

im so sorry im just a newbie in php, i still dont know how to publish it on the net, im using wamp server.
here are the codes for the recordset paging navigator which are inside the spry accordion content:
<td><?php if ($pageNum_rs_ProgramList > 0) { // Show if not first page ?>
                    <a href="<?php printf("%s?pageNum_rs_ProgramList=%d%s", $currentPage, 0, $queryString_rs_ProgramList); ?>">First</a>
                    <?php } // Show if not first page ?></td>
                  <td><?php if ($pageNum_rs_ProgramList > 0) { // Show if not first page ?>
                    <a href="<?php printf("%s?pageNum_rs_ProgramList=%d%s", $currentPage, max(0, $pageNum_rs_ProgramList - 1), $queryString_rs_ProgramList); ?>">Previous</a>
                    <?php } // Show if not first page ?></td>
                  <td><?php if ($pageNum_rs_ProgramList < $totalPages_rs_ProgramList) { // Show if not last page ?>
                    <a href="<?php printf("%s?pageNum_rs_ProgramList=%d%s", $currentPage, min($totalPages_rs_ProgramList, $pageNum_rs_ProgramList + 1), $queryString_rs_ProgramList);?>">Next</a>
                    <?php } // Show if not last page ?></td>
                  <td><?php if ($pageNum_rs_ProgramList < $totalPages_rs_ProgramList) { // Show if not last page ?>
                    <a href="<?php printf("%s?pageNum_rs_ProgramList=%d%s", $currentPage, $totalPages_rs_ProgramList, $queryString_rs_ProgramList); ?>">Last</a>
                    <?php } // Show if not last page ?></td>
                </tr>
              </table></td>
thanks in advance...

Creating Multiple Collapsible Spry Panels

Hey all. I am quite happy with the Lawn and Bed Maintenance spry panel on the site that i'm creating.
http://leaflandscaping.net/
However when I create the other spry panels, the content is different from the first one. I don't quite understand since it's linked to the same css code. Is there a work around? Please help, Thanks.

Your CSS applies only to your first panel as per
#wrapper #bodycontent #paragraph #CollapsiblePanel2 .CollapsiblePanelContent p {
    font-size: 14px;
    color: #FFF;
    font-family: Calibri;
    margin-top: 1em;
    margin-right: 1em;
    margin-bottom: 2em;
    margin-left: 3em;
    padding-bottom: 4em;
Just change the first line to
.CollapsiblePanelContent p {
Gramps

Linking to a Specific Spry panel (modified for RSS Reader)

Hi – I would like to implement the following tutorial however have it work for the Spry Framework RSS Reader: http://foundationphp.com/tutorials/spry_url_utils.php
I understand the concept of this article and have been able to implement the solution up to step 4 however for my solution I am not working with tabbed panels or an accordion widget but the RSS Reader from the latest Spry Framework. I would like to have a specific feed and article selected on the page depending on what link the user has come from.
So instead of working with the tabbed panel and accordion variables I would be using the variables:
var dsCategories
var dsFeeds
var dsChannel
var dsArticles
I would like to know if anyone can assist me in modifying the solution to suit this scenario? or if it is even possible?
Thanks.
Michael.

Hi Ben,
Thanks for pointing me to this tutorial.
To keep things easier for myself I have kept the variable name as row. I have added the following code to the head of my called page:
On lines 9-10:
<script type="text/javascript" src="js/SpryURLUtils.js"></script>
<script type="text/javascript"> var params = Spry.Utils.getLocationParamsAsObject();</script>
On lines 19-26:
//define the data set
            var ds1 = new Spry.Data.XMLDataSet("data/LocalFeeds.xml", "feeds/feed");
            //get the url parameter for the row number
            var params = Spry.Utils.getLocationParamsAsObject();
            //set an observer so that when the data is loaded, we update the current row to the url param value
            ds1.addobserver({ onPostLoad: function(ds, type) {
                                                                                                                            ds1.setCurrentRow(params.row); }
Currently my called page is still not loading in the wanted state with calling page passing the parameter row=2.
I aren’t sure what I am still missing but think it is perhaps something to do with setting the spry:region and spry:repeat to equal ds1? But not sure where I should be placing this.
Am I nearly there?
http://www.michael-williams.com.au/
Thanks.

Accordion Spry panel sizes

CS3 Accordion spry (can't see version in html) and I want to
make 1 of the panels a different size that the others. I have
already used the useFixedPanelHeights: false, defaultPanel: -1, so
they all close. I have text in the first panel and want to set the
height just to fit the size?

Hi,
to find out which Spry version do you have, open the
SpryAccordion.css file or the SpryAccordion.js file and look at the
beginning of these files. You should see there the Spry pre-release
version.
You probably have Spry 1.4 because this behavior works only
on spry 1.5.
An working sample you can find
here.
Diana

Spry panel - the first panel opens by default on entering the site

The first panel is open on default, I can close it, and access the others, but whenever i go there for the first time, its open. I want vistors to see the front page with all three panels closed. http://www.diocesanministriesfund.org
Also, not a big deal, but when you close one of the panels and return to the index page, it seems like the whole page gets stuck for a second and then renders.
Any help is appreciated, as always, Mary

Hi Mary
In this line near the bottom of your document you have
var SpryAccordion1 = new Spry.Widget.Accordion("SpryAccordion1", {useFixedPanelHeights:false, defaultPanel:0});
This is where you have told the accordion to open the first panel. If you want all panel closed then make the default panel a non-existing panel as in
var SpryAccordion1 = new Spry.Widget.Accordion("SpryAccordion1", {useFixedPanelHeights:false, defaultPanel:-1});
Gramps

Spry Panels

Similar Messages

Maybe you are looking for