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>

Similar Messages

Spry Tabbed Panels - not correct in IE but correct in Chrome and MF

Hi,
I'm having problems with an extension I used for a client, so I want to use the Spry tabbed panels form dreamweaver, but they in IE8 it puts all the content under each other in the first tab ??
In Chrome and MF its correct. Do you know about this problem or is it because I did something wrong?
see: www.zorgfilosofie.nl/index2
The other pages where made with an extension but with that script my client can't edit with contribute. That's why I want to implement Dreamweaver Spry Tabbed Panels.
Thanks for answering!
Carla

Hello there from down under J
Het was mooi weer, maar vandaag regent het.
Toch zijn hier in deze kamer veel zonnestralen, want het probleem is opgelost!
I searched the whole evening for alternative but it did’t work with templates.
With the js files the problem is solved.
I don’t understand why the js file was not correct, because I just bought CS5.5
Where do I have to put de file so the problem will not happen again when I make another site?
Thanks a lot!
Best regards and take some sun with you!
Carla
Van: altruistic gramps [email protected]
Verzonden: woensdag 5 oktober 2011 2:16
Aan: Carla Leliveld
Onderwerp: Spry Tabbed Panels - not correct in IE but correct in Chrome and MF
Re: Spry Tabbed Panels - not correct in IE but correct in Chrome and MF
created by altruistic gramps <http://forums.adobe.com/people/altruistic+gramps> in Spry Framework for Ajax - View the full discussion <http://forums.adobe.com/message/3954185#3954185

Spry tabbed panel not displaying correctly in IE , in other browsers it is fine, what is the fix

Spry tabbed panel not displaying correctly in IE , in other browsers it is fine, what is the fix

As an FYI: Adobe discontinued developing the Spry framework last year. And Spry was removed from DW CC. You can keep using Spry if you wish, but most of us have switched to other solutions that work better in IE10 and Touch Screens.
Nancy O.

Spry Sliding Panels not working in IE

I've been working for about 12 hours straight on getting this
working correctly - my Sliding Panels just aren't working at all in
IE. The panels load properly - for example, you can see only the
first loaded panel, not all of them - but when I click a link to
switch to the next, nothing happens. Firebug is reporting no
errors, and neither is IE. Here is the relevant code:
<head><script type="text/javascript"
src="SpryAssets/SprySlidingPanels.js"></script>
<link type="text/css" rel="stylesheet"
href="SpryAssets/SprySlidingPanels.css"></head>
<div id="mainContent">
<div id="panelwidget" class="SlidingPanels">
<div class="SlidingPanelsContentGroup">
<div class="SlidingPanelsContent" id="main">Main
Content<br /><a href="images/news.png" rel="lytebox"
title="Omgtest!"><img src="images/news.png"
/></a><br /> <a href="javascript:void(0);"
onclick="sp1.showPanel('series');">TEST</a></div>
<div class="SlidingPanelsContent" id="series">Series
and Models</div>
<div class="SlidingPanelsContent" id="about">About and
Bio</div>
</div>
</div>
<script type="text/javascript">var sp1 = new
Spry.Widget.SlidingPanels("panelwidget");</script>
</div>
The following might be somewhat related: I am using the
Lytebox javascript library, which is a Lightbox clone (that doesn't
use prototype), as well as a preloader for my mouseover nav bar,
with this code:
<script type="text/javascript">
function init() {
MM_preloadImages('images/menu/main_click-trans.png','images/menu/main_hover-trans.png','i mages/menu/series_click-trans.png',
'images/menu/series_hover-trans.png','images/menu/about_click-trans.png','images/menu/abo ut_hover-trans.png');}
</script>
My nav bar links to the panels like this:
onclick="MM_nbGroup('down','group1','Main','images/menu/main_click-trans.png',1);
sp1.showPanel('main'); return false"
However, a plaintext link inside of the first panel - "<a
href="javascript:void(0);"
onclick="sp1.showPanel('series');">TEST</a>" - does not
work either.
Just for fun I thought I would try adding min-height:0; zoom:
1; to the CSS classes for slidingpanels.... no dice there as well.
URL is
www.goldensealdrums.com/wip
Any ideas? I am at a complete loss. Thanks.

Thanks for your help :] I ended up realizing that a huge
bloated js navbar wasn't all that great of an idea anyway, so I
scrapped it and used a CSS-based one instead...much cleaner and
works better (no preloading! woohoo.) It looks like the problem was
probably an amalgamation of many things, but it's resolved now.
quote:
IE doesn't seem to like the PNG images you are using
understatement of the decade.

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

Accordian panels not displaying all content

I'm using the accordion panel spry. But, the panels are a
fixed height and don't change depending on the amount of content
that is inside of them. How do I change that? I don't want a scroll
bar for overflow like the default. I just want the panels to open
to show all of the content.
This is my page:
http://creative.generalgrowth.com/jeremy/b2btest/clients.html

".V1" <[email protected]> wrote in message
news:gnhlic$8k0$[email protected]..
>
quote:
Originally posted by:
MisterEggMan
> >> var Accordion1 = new
Spry.Widget.Accordion("Accordion1",
> {useFixedPanelHeights: false});
>
> Where in the code does this go?
>
> Check the source code of your page, search for your own
Accordion
> constructor
> and add the option.. Its probably under your accordion
or at the bottom of
> your
> page.
> @AL
> its not bad design decision, the outline is actually an
accessibility
> features
> of browsers its there for a reason..
You're absolutely wrong. I can't even discuss this without
getting
indigestion. If you really believe that putting focus on the
whole bleedin
widget is accessible in the context of web UI conventions,
then there is
nothing more I can say to you except to reiterate that you
are very wrong.
Spry does not work as expected with a keyboard. I submit that
the only
people who would know how to use a spry widget with a
keyboard are you, the
couple of guys who developed Spry, and anyone who has read
through the Spry
documentation, as well as a few people around here who like
to fire me up
for entertainment.
> And there is nothing wrong with Spry Accordions so its
utterly useless
> that
> you even recommend an other script.
Moo is a superior script with much more refined behaviors and
works as
expected with a keyboard.
Al Sparber - PVII
http://www.projectseven.com
The Finest Dreamweaver Menus | Galleries | Widgets
http://www.projectseven.com/go/pop
The Ultimate DW Menu System

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

Why are clipping adjustments in the basic panel not being saved, updated or shown in the histogram? I am using LR 5.7 on a MAC OSX 10.8 etc.

Why are clipping adjustments in the basic panel not being saved, updated or shown in the histogram? I am using LR 5.7 on a MAC OSX 10.8 etc.

Here is more information and hopefully a better explanation. My version of
LR-5.7 (OS X 10.8.5) apparently does not save the .NEF (Nikon RAW) edits
done in the basic module. That means that I can correct exposure,
highlights, shadows etc. but once I go to another picture and returned to
the edited one the histogram (on the edited photo) and specifically the
clipping triangles are white or some other color. This is normally suppose
to indicate that some channel or all channels are clipped in the
highlight/shadow areas. If I adjust any slider in the Basic panel even as
little as one +/- value or press the J-key, the histogram will now show the
original edit. Moving on to another photo and then returning to to
previously edited one and again the edits are "not saved" and I have to hit
the J-key or adjust a slider to see the previously edited information
reflected in the histogram.
This is especially frustrating for fours reasons. If I have edited a shoot
and return to it I cannot see from the clipping information whether the
original edit was correct and of course I might re-edit it (to some now
incorrect value). This brings up the second issue synchronization. I can't
rely on it because if I go back to fine tune a specific image in the batch
the triangles are white or some other color for that and every image. I have
to hit the J-key to show/hide clipping or the back slash key to see
before/after previews. This is the third issue which is very time consuming
and inefficient regarding my workflow. The forth issue is that I have
noticed that normally when an image is saved in PS, LR adds a copy of the
saved version to its catalogue. I have noticed that the PS to LR saves are
all wrong in terms of exposure (they are much lighter in tone) than the
original LR edit and the PS edit on my screen. If I check the PS to LR photo
in LR I notice that the Basic panel values have been changed and that I have
to sync the image with the originally edited RAW/NEF LR file to get it to
look the same.
Note 1). I am using an Apple cinema display and a calibrated Eizo ColorEdge
monitor to view my NEF files. I have reverted back to using LR 4 however I
am not sure if I should expect compatibility problems with Camera Raw 7.4 in
LR 4 vs. Camera Raw 8.6 in LR 5.
Note 2.) I am going to do an import converting everything to .dng to see if
this is a work around.
Note 3). I would be interested in knowing if this issue is related to the PS
RAW engine ver. 8.6, the Adobe created NEF calibrations or LR 5.
Note 4). I have duplicated this issue in OS X 10.8.5, OS X 9.xx and OS X
10.10.1
Hopefully someone else has noticed this problem. Any shared information
would be valuable. Thanks for the reply.

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>

On XP Machine dedicated to Lookout 6.5. The Hypertrends are not moving at proper pace according to the scale at the bottom of the trend graph. After 60 seconds it is 40 seconds behind, so the trace makes up the time with a straight line an repeats.

On XP Machine dedicated to Lookout 6.5. The Hypertrends are not moving at proper pace according to the scale at the bottom of the trend graph. After 60 seconds it is 40 seconds behind, so the trace makes up the time with a straight line and then repeats. Even without any traces on the graph, it does the same thing.
I've uninstalled and reinstalled the 6.5 software. Nothing else runs on this machine. It is dedicated to Lookout. I've installed a gauge object, with the same datapoint that the hypertrend is trying to graph, that updates very rapidly with no problem, so doesn't appear to be a network problem.
I'm only tracking one datapoint, at this time, until this issue is solved. Help please?

Here is the screen shot.
Definitions for this post:
- "streaming data" = Data coming in over ethernet from datapoint that is being polled.
- "1 scale-second" = 1 second of time based on the scale on the bottom of the graph
Remember that data continues to trace. However, according to the scale at the bottom of the graph, the graph traces 60 seconds of streaming data in @10 scale-seconds, then displays .01 second of streaming data over 50 scale-seconds. The .01 second of data is the long straight lines that you see between the rapid data traces that appear to be 50 scale-seconds.
Even without any datapoints being traced, the graph clicks forward 1 scale-second every 6 real-time seconds. It does this for @10 seconds then clicks forward @50 scale seconds, instantly. Then repeats, as you can see in the graph.
The gauge that is on the same control panel, that you see in the screen shot, is tracking the same data point as the graph. It is polling the data point at real time and never stops updating, so I know that the network is streaming just fine.
513.850.9509 - if I can help clear things up.
Attachments:
LookoutFunkyGraph.jpg ‏347 KB

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

Expanding text fields not moving next fields down the page

I have a multi-page form with several comment boxes that I want to be expandable (if needed). I've managed to get them to expand, but the fields following the field that is expanding dynamically are not bumping down the page. I've gone through and read about different things to try and use (flowed, western, expand to fit, etc), but the fields following the expanding fields are not moving.
I can send the form I am using to anyone who has a suggestion. I am confused with the hierarchy and where stuff needs to go in order to work correctly.
Thanks.

Hi, it is highly recommended that you create subforms in your form. By creating parts in your form you should create subforms for each of those parts. For the textfield you are trying to make it expandable and flowable to the next page, you must make every of its parents flowed. Your main page is actually set to positioned, even if your subform containing the textfield is flowed, if each of its parents are set to flowed it should work, otherwise it will not flow to next page.
If you set your page to flowed, it will reposition each of your fields because it is not in subforms. Make sure to create subforms for each parts, putting all fields in subforms. If you set your main page to flowed without creating subforms, all of your fields will be redesigned to be aligned left with the hierarchy order.
Hope this help.

Animated gif is not moving in the FireFox 3.6.3 ?

why animated gif is not moving in FireFox 3.6.3 ?
== This happened ==
Every time Firefox opened

Same problem in save mode. An animated gif will not start. No offending plugins or themes are installed.
But if I right-click on the animation and then on "Grafik-Info anzeigen" (maybe "show grafic info") then as soon as the info window starts the animation, it is also started in the browser!
And this error does not happen on all machines. My Win7 64bit does it right. My XP 32bit (freshly updated) freezes the animation. Weird world.

Spry Panels Not Moving

Similar Messages

Maybe you are looking for