Spry Slideshow Error

I am using Dreamweaver CS5.5 from the 5.5 Master Collection
This has been addressed before, but I didn't quite understand the fix (and it seemed like a lot of other people didn't as well). So I am re-posting this question.
I am using a Spry Slideshow on my website, and when uploaded to the server, these are the errors I recieve:
SpryPanelSet.js requires SpryWidget.js!
SpryFadingPanels.js requires SpryPanelSet.js!
SpryImageSlideShow.js requires SpryWidget.js!
SpryPanAndZoomPlugin.js requires SpryImageSlideShow.js!
The slideshow works great when previewed in all 4 browsers, but once uploaded to my server, it doesn't work in any browser.
The first time this was posted, this link was posted as a fix, but I have no idea what to do with this information: http://labs.adobe.com/technologies/spry/ui/includes/SpryWidget.js
The original post/question is here: http://forums.adobe.com/thread/771773?decorator=print&displayFullThread=true
I am very new at web development, so please make your answers very clear and easy to follow! Also know, my slideshow is within an APDiv.
My website can be found here: http://www.leapfest.com
Thank you ahead of time for your help and I hope to hear from you soon! I can't keep that non-functioning slideshow online for too long!
EDIT: I have removed the slideshow from the website to avoid deterring traffic.

I found this answer on the same forum I was looking at previously. I must have missed it last time. I don't know why it works, but it does.
IN the Files window (F8)
Set to local server, find Spry-UI-1.7/includes/widget.js right click, edit, rename to widgetTEST -DONT UPDATE changes to related files.
Upload the renamed file to server using the upload arrow in file control, Click NO for dependent files, we just need that one.
Set to show remote server and rename the file as per Step 1, but this time change the name back from widgetTEST to widget.js
Repeat Step 3 for local server
I also enabled Cloaking on the file on local server so it didnt try to upload that file again. If you used another program or webhost filemanagement to get the working copy onto your remote server, use DW to Download the file from your server so it is synchronised
Thanks to toofewloginnames for this response!!!
You can see it in action at leapfest.com

Similar Messages

Text in Spry Slideshow, not working in Explorer.

Hi,
I have attempted to search for a similar topic, but am not able to find anything.
I have input the spry slideshow into my page, and it is fully functional for safari, chrome, firefox, but seems like it is only not working in IE.
The text that is supposed to be showing up to the right of the images is not showing with IE.
I had read a couple things on opacity, or such but am not sure if it applies to the text as well.
www.i4homedesign.ca
This is the first time I have posted on this forum and am not sure if I need to be including anything else.
Thanks
i4homedesign.

Here is the code for the Spry Slideshow if it helps...
<link href="Spry-UI-1.7/css/ContentSlideShow/wanderlust/wanderlust-brown.css" rel="stylesheet" type="text/css">
<script src="Spry-UI-1.7/includes/SpryDOMUtils.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryDOMEffects.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryWidget.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryPanelSelector.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryPanelSet.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryFadingPanels.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryContentSlideShow.js" type="text/javascript"></script>
<script type="text/xml">

</script>
<style type="text/css">
a:link {
color: #FFF;
a:visited {
color: #CCC;
a:hover {
color: #999;
body,td,th {
font-family: "MS Serif", "New York", serif;
</style>
</HEAD>
<BODY text="#FFFFFF" LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>
<table align="center" width="1000" border="0" cellpadding="0" cellspacing="0">
<tr>
<td><br></td>
</tr>
<TABLE align="center" WIDTH=1000 BORDER=0 CELLPADDING=0 CELLSPACING=0>
<TR>
    <TD ROWSPAN=2><IMG SRC="images/header_01.gif" WIDTH=22 HEIGHT=112 ALT=""></TD>
    <TD COLSPAN=3><IMG SRC="images/header_02.gif" WIDTH=959 HEIGHT=90 ALT=""></TD>
    <TD ROWSPAN=2><IMG SRC="images/header_03.gif" WIDTH=19 HEIGHT=112 ALT=""></TD>
</TR>
<TR>
    <TD><IMG SRC="images/header_04.gif" WIDTH=13 HEIGHT=22 ALT=""></TD>
    <TD><IMG SRC="images/header_05.gif" ALT="" WIDTH=929 HEIGHT=22 border="0" usemap="#Map"></TD>
    <TD><IMG SRC="images/header_06.gif" WIDTH=17 HEIGHT=22 ALT=""></TD>
</TR>
<TR>
    <TD COLSPAN=5><IMG SRC="images/header_07.gif" WIDTH=1000 HEIGHT=8 ALT=""></TD>
</TR>
</TABLE>
<table align="center" width="930" border="0" cellpadding="0" cellspacing="0">
<tr>
    <td><br>
      <h1 align="center">SEE YOUR DREAMS BEFORE YOU BUILD</h1>
      <br>
      <div id="ImageSlideShow" align="center">
        <div class="article">
          <div class="photo"> <img src="Images/house-blueprint.jpg" width="370" height="247">
            <div class="caption">COMPREHENSIVE CONSTRUCTION DOCUMENTS</div>
          </div>
          <div class="story">
            <div class="banner">
              <div class="title">FULL WORKING PRINTS</div>
              <div class="subTitle">SOLID DESIGN</div>
            </div>
            <div class="content">
              <p>Framing and homebuilding experience.
                Incorporating both inspired creativity and practical design.</p>
            </div>
          </div>
        </div>
        <div class="article">
          <div class="photo"> <img src="Images/Home Render Image_1.png" width="1024" height="600">
            <div class="caption">LEADING EDGE 3D RENDERING</div>
          </div>
          <div class="story">
            <div class="banner">
              <div class="title">PHOTO REALISITC CAPABILITY</div>
              <div class="subTitle">LEADING EDGE RENDERINGS</div>
            </div>
            <div class="content">
              <p>Constantly seeking to be on the edge of new technology. Providing customers with comprehensive visualization of their home.</p>
            </div>
          </div>
        </div>
        <div class="article">
          <div class="photo"> <img src="Images/Heyn Bathroom Thea 2 Bloom.png" width="1328" height="774">
            <div class="caption">COMPETITIVE RATES, PROMPT TIMELINES</div>
          </div>
          <div class="story">
            <div class="banner">
              <div class="title">COMPETITIVE RATES</div>
              <div class="subTitle">Reasonable timelines.</div>
            </div>
            <div class="content">
              <p>Providing exceptional service in every aspect of the design process of your home.</p>
            </div>
          </div>
        </div>
        <div class="article">
          <div class="photo"> <img src="Images/Thea-Image-11097.gif" width="803" height="522">
            <div class="caption">INNOVATIVE DESIGN</div>
          </div>
          <div class="story">
            <div class="banner">
              <div class="title">INNOVATIVE DESIGN</div>
              </div>
            <div class="content">
              <p>Whether you're seeking a 'Ranch' house, 'Modern' two story, or 'Arts and Craft' bungalow or other style, we provide that "Little extra".</p>
            </div>
          </div>
        </div>
      </div>
      <script type="text/javascript">
// BeginOAWidget_Instance_2141541: #ImageSlideShow
var ImageSlideShow = new Spry.Widget.ContentSlideShow("#ImageSlideShow", {
widgetClass: "WLBSlideShow",
displayInterval: 8000,
transitionDuration: 2000
// EndOAWidget_Instance_2141541
</script>
    <br>
      <H2 align="center">PREMIERE RESIDENTIAL DRAFTING COMPANY</H2>
      <h3 style="margin-left:200">- Based in the Peace Region.<br>
        - Comprehensive design process.<br>
        - Full working prints.<BR>
        - Leading edge 3D imaging/rendering.<BR>
      </h3>
      <P align="center"> </p></td>
</tr>
</table>

Thumbnail images not showing up in my Spry slideshow

Hello - Everything seems to be working in my Spry slideshow. However, my thumbnail images are not showing up in Live view or browser. The images are all in the correct folder. Here is what the script looks like:
<ul id="ImageSlideShow" title="Our Products">
        <li><a href="images/ss_penny.jpg" title="All Things Pennies"><img src="images/ss_penny_thumb.jpg" alt="" /></a></li>
        <li><a href="images/ss_rides.jpg" title="Children's Kiosks"><img src="images/ss_rides_thumb.jpg" alt="" /></a></li>
        <li><a href="images/ss_ireality.jpg" title="Simulators"><img src="images/ss_ireality_thumb.jpg" alt="" /></a></li>
        <li><a href="images/ss_carousels.jpg" title="Carousels"><img src="images/ss_carousels_thumb.jpg" alt="" /></a></li>
        <li><a href="images/ss_candy.jpg" title="Candy Kiosks"><img src="images/ss_candy_thumb.jpg" alt="" /></a></li>
     </ul>
      <script type="text/javascript">
Is there something I'm missing?
Thank you

There is nothing wrong with the markup that you have shown, hence the problem will be located somwhere else.
Gramps

Menu behind spry slideshow dreamweaver cs5?

Using Dreamweaver CS5
Hi. I have a site with a css3 dropdown menu that seems to work fine on all of my pages except my photo gallery page. The menu appears behind the Spry Slideshow with Filmstrip that I got from the Widget Browser.
The site is not live and only on my local machine but here is the page html in a text doc: http://www.210usa.com/index.txt
Here is the main css: http://www.210usa.com/css_prob.txt
Here is the slideshow css: http://www.210usa.com/css_slideshow.txt
I have changed the z index but that is not helping at all. I found this for problems with flash docs but I am a real novice and do not know how to even put these tags in my code. Any help would be greatly appreciated.
Thanks

Grüss Dich sailor,
in my opinion "SpryTabbedPanels" actually only do what they should to do and so it inevitably leads to the covered menu items. I played a little bit around with the width from your "css3menu1/style.css"
height:22px;line-height:22px;border-width:0 0 3px 0;border-style:none;border-color:#009900;border-radius:10px;-moz-border-radius:10px;-webk it-border-radius:10px;padding:3px 10px; width: 650px;}
and I got this:
so you can see what I mean. To correct this you had to put down your "photo gallery for Mystic Pizza II" so far, till there is enough space for the panel. And therefore I would prefer a solution by using a "SpryMenuBarVertical" leftmost on your page (if you mean it's necessary so too on the right).
Glück auf!
Hans-Günter

Spry Slideshow with Filmstrip not working in IE Browsers

I'm working on a brand new website design and am trying to incorporate the Spry Slideshow with Filmstrip on a lot of the pages. It works and loads great on every browser except IE versions. On IE it will show it correctly for a second and then changes it to show one picture above the other. Can someone please help me figure out what to do to make it work for IE?
Here's a link to one of the test pages.
http://4034.sandbox.i3dthemes.net/oceankayakbanzai.html
Thanks for your help in advance!

I have a similar problem. I've added a note to reference your problem. I've not got an answer to date.
Cliff

Problem with Spry Slideshow Basic (1.0) in IE9

We've just added a Spry slideshow to a website and it works perfectly fine. Trouble is in IE9, just before the image loads in for a split second you can see a 'square broken image' icon. Why does this display in IE9 and in no other browser?
How do we fix this in IE9?
Thanks!

The missing image icon is definitely there - for a split second (or longer depending on the load time).
I have attached two screenshots (one from the homepage and the other from the top left of an interior page). You can see the icon at the top center of the rotating images.
Why would this happen ONLY in IE and no other browser? Is there a workaround for IE so it does not display this 'broken' image prior to the Spry Slideshow loading in?
Thanks for your time!
The icon can be seen at the top center of the imageS below...

Spry:state="error" field is always visible?!

I define layers to display the current spry:state, one for
spry:state="loading", the second for spry:state="error" and the
third for spry:state="ready". The problem is that
spry:state="error" field is always visible along with
spry:state="loading"?! Am I making some mistake or what? Here is a
part of relevant code:
<div id="vijesti" spry:region="pvVijestiMini"
class="vijestimini">
<div id="ucitavanjemini" spry:state="loading"
class="indikator">
<p>
<span><img
src="slike/pomocne/loader.gif"></span>
<span>Podaci se učitavaju...</span>
</p>
</div>
<div id="greskamini" spry:state="error"
class="indikator">
<p>
<span><img
src="slike/pomocne/loader2.gif"></span>
<span>Podaci ne postoje ili su
nedostupni...</span>
</p>
</div>
<div id="podaci" spry:state="ready">
<span class="vijestnaslov">Čikom vijesti
[{ds_UnfilteredRowCount}]</span>
<div id="redovimini" class="redovimini">
<div class="red" spry:repeat="pvVijestiMini">
<p class="podnaslov">
<span>{datum}</span><br>
<span class="naziv">{naziv}</span>
</p>
<p>
<span>{ukratko}<a
href="index.php?jezik=0&meni1=3&meni2=0&meni3=0"><img
src="slike/pomocne/dalje.gif"
class="dalje"></a></span>
</p>
</div>
</div>
<div id="navigacija">
<div spry:if="{ds_UnfilteredRowCount} == 0">Nema
podataka u tabeli "Vijesti"!</div>
<div spry:if="{ds_UnfilteredRowCount} > 0">
<div><a href="#"
onclick="pvVijestiMini.firstPage(); return
false;">|<</a><span> </span></div>
<div><a href="#"
onclick="pvVijestiMini.previousPage(); return
false;"><<</a></div>
<div> stranica {ds_PageNumber} od
{ds_PageCount} </div>
<div><a href="#" onclick="pvVijestiMini.nextPage();
return
false;">>></a><span> </span></div>
<div><a href="#" onclick="pvVijestiMini.lastPage();
return false;">>|</a></div>
</div>
</div>
</div>
</div>
The second question: How do I hide region container until it
gets filled with data?

Look, you got me all wrong. I don't want to hide a main
region, just the spry:state="error" appearing the same time as
spry:state="loading"!!!
<div id="ucitavanjemini" spry:state="loading"
class="indikator">
<p>
<span><img
src="slike/pomocne/loader.gif"></span>
<span>Podaci se učitavaju...</span>
</p>
</div>
<div id="greskamini" spry:state="error"
class="indikator">
<p>
<span><img
src="slike/pomocne/loader2.gif"></span>
<span>Podaci ne postoje ili su
nedostupni...</span>
</p>
</div>

Spry slideshow has a border around

How can I remove the border around the spry slideshow?
the website test is here:
http://www.ilovedoingwebsites.com/web/london/default.htm
It is anoying. Thank you

Hello, UPLee.
Thank you for visiting Apple Support Communities.
Try closing all open applications in multitasking and power cycling the device. Test accessing the application again. This could be related to VoiceOver being enabled. If this is the case you will experience this issue on all applications if touched and hear audio feedback. The second article will show you how to check and disable this feature if enabled.
iOS: Force an app to close
http://support.apple.com/kb/ht5137
iOS: Configuring accessibility features
http://support.apple.com/kb/HT5018
Cheers,
Jason H.

Spry Slideshow Loading Color

Hello, does anybody know if the Spry Slideshow Loading Color can be changed from Black?
None of the CSS seems to affect it. Any help would be appreciated.

In the HEAD section of your document you have
<style type="text/css">
body {
    background-image: url(Image/BG1a.png);
    margin-left: 20px;
    margin-top: 20px;
#ImageSlideShow.ImageSlideShow {
    width: 200px;
    height: 133px;
    border: solid 1px #000000;
#ImageSlideShow .ISSClip {
    background-color: #000000;
</style>
In the second and third selectors you have set respectively the border color and the background colour as black. Change those colours to suit.
Gramps

Spry Slideshow Shows All While Loading

The Spry Slideshow I built shows all the slides at once while it is loading for the first time. Is there a way to quell this, as it makes the viewer a little queasy -- especially on slow-loading connections. I tried moving the "unobtrusive" javascript file to the end of the page, but that did nothing.
Suggestions?

Excellent suggestion!
First, here are the JS files that get linked in the head of the web page:
SprySlidingPanels.js
SpryDOMUtils.js
Second, here is the basic structure of the slideshow (someone else worked on the CSS, so I cannot vouch for it--though the same thing seems to happen in any slideshow I build, so I seriously doubt there is a CSS issue causing this.)
<div id="newsTicker">
<div id="ticker" class="SlidingPanels">
<div class="SlidingPanelsContentGroup">
            <div id="item1" class="SlidingPanelsContent">
                <img src="irrelevant.jpg" width="641" height="246" alt="doesn't matter" />
                <div class="next"><a href="#" id="link2">Next >></a></div>
            </div>
            <div id="item2" class="SlidingPanelsContent">
                <img src="irrelevant.jpg" width="641" height="246" alt="doesn't matter" />
                <div class="prev"><a href="#" id="link1">Prev <<</a></div>
                <div class="next"><a href="#" id="link3">Next >></a></div>
            </div>
            <div id="item3" class="SlidingPanelsContent">
                <img src="irrelevant.jpg" width="641" height="246" alt="doesn't matter" />
                <div class="prev"><a href="#" id="link2">Prev <<</a></div>
                <div class="next"><a href="#" id="link4">Next >></a></div>
            </div>
            <div id="item4" class="SlidingPanelsContent">
                <img src="irrelevant.jpg" width="641" height="246" alt="doesn't matter" />
                <div class="prev"><a href="#" id="link3">Prev <<</a></div>
                <div class="next"><a href="#" id="link5">Next >></a></div>
            </div>
            <div id="item5" class="SlidingPanelsContent">
                <img src="irrelevant.jpg" width="641" height="246" alt="doesn't matter" />
                <div class="prev"><a href="#" id="link4">Prev <<</a></div>
            </div>
</div>
</div>
    <div class="bottback">
        <p class="navLinks">
          <a href="#" id="link1">Link</a> |
          <a href="#" id="link2">Link</a> |
          <a href="#" id="link3">Link</a> |
          <a href="#" id="link4">Link</a> |
          <a href="#" id="link5">Link</a>
        </p>
    </div>
</div>
Lastly, here is the "unobtrusive" code:
//Declare the variable name outside the function so it is global.
var sp;
function InitPage()
sp = new Spry.Widget.SlidingPanels("ticker");
Spry.$$("#link1").addEventListener("click", function(){sp.showPanel('item1');return false; }, false);
Spry.$$("#link2").addEventListener("click", function(){sp.showPanel('item2');return false; }, false);
Spry.$$("#link3").addEventListener("click", function(){sp.showPanel('item3');return false; }, false);
Spry.$$("#link4").addEventListener("click", function(){sp.showPanel('item4');return false; }, false);
Spry.$$("#link5").addEventListener("click", function(){sp.showPanel('item5');return false; }, false);
Spry.Utils.addLoadListener(InitPage);
What's weird is that I seem to be the only soul in the universe experiencing this. And yet, every single slideshow I develop shows all panels on load... why?

Spry menu error in EI Disappearing List Background Bug

I wanted to be able to update the menu once so I made the menu as a library item. At first the menu kept dissapearing in EI, somehow I fixed it so it actually does show up properly now but Dreamweaver is still showing the error " Disappearing List Background Bug in EI" all in the opening of the <ul> . And now I have also noticed that there is an issue with the first menu, when rolling over the "company tab" it drops down the sub-menu and let you click on "about" it goes to the page but from there when you roll over the menu's they dont change color and they dont show the sub-menu. This work fine if I go to any other menu on that bar exept for the first one. I dont know what to do, and apreciate any help!
Here is website:
http://phantazia.ca/
@charset "UTF-8";
/* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
LAYOUT INFORMATION: describes box model, positioning, z-order
/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 14px;
    cursor: default;
    width: auto;
    font-family: Arial, Helvetica, sans-serif;
    z-index: 10;
    background-color: #424242;
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
    z-index: 1000;
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    position: relative;
    text-align: left;
    cursor: pointer;
    width: 8em;
    float: left;
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    z-index: 20;
    cursor: default;
    width: 13em;
    position: absolute;
    left: -1000em;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
    left: auto;
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
    width: 13em;
    background-color: #424242;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #FFF;
    color: #FFF;
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
    position: absolute;
    margin: -5% 0 0 95%;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
    left: auto;
    top: 0;
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-top-color: #666;
    border-bottom-color: #666;
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
    display: block;
    cursor: pointer;
    padding: 0.5em 0.75em;
    color: #FFF;
    text-decoration: none;
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
    background-color: #424242;
    color: #FFF;
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
    background-color: #0689C4;
    color: #FFF;
SUBMENU INDICATION: styles if there is a submenu under a given menu item
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
    background-image: url(SpryMenuBarDown.gif);
    background-repeat: no-repeat;
    background-position: 95% 50%;
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
    background-image: url(SpryMenuBarRight.gif);
    background-repeat: no-repeat;
    background-position: 95% 50%;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
    background-image: url(SpryMenuBarDownHover.gif);
    background-repeat: no-repeat;
    background-position: 95% 50%;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
    background-image: url(SpryMenuBarRightHover.gif);
    background-repeat: no-repeat;
    background-position: 95% 50%;
BROWSER HACKS: the hacks below should not be changed unless you are an expert
/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
    position: absolute;
    z-index: 1010;
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
    ul.MenuBarHorizontal li.MenuBarItemIE
    display: inline;
    f\loat: left;
    background-color: #424242;

The reason the menu does not work in the about page is because there is no link to SpryMenuBar.js on the page.
The following shows the first few lines of your document for index.html
<!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>
<link rel= href="/favicon.ico" rel="shortcut icon" type="image/x-icon" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>B SHARP SYSTEMS | Company</title>
<link href="layout.css" rel="stylesheet" type="text/css" />
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
and the following for about.html
<!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>
<link rel= href="/favicon.ico" rel="shortcut icon" type="image/x-icon" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>B SHARP SYSTEMS | Provider of highly scalable technology solutions located in California, USA</title>
<link href="layout.css" rel="stylesheet" type="text/css" />
<style type="text/css">

</style>
<style type="text/css">

</style>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
Gramps

Spry validation error message position

Hi all,
I really like the spry validation however I would like it so that when you hit submit and the form has errors, another error message appears near the button so the user knows when there is an error.
Is this possible?
Cheers

http://labs.adobe.com/technologies/spry/samples/validationwidgets/TextareaValida tionSample.html
Check out the section on "You can define a separate HTML element to display the error messages for this widget."

Spry Validation Error in Internet Explorer

Hi,
I have a PHP form with Spry Validation for Textfields and Selction.
The init part in the HTML form looks like this:
      var spryradioanrede = new Spry.Widget.ValidationRadio("spryradioanrede", {isRequired:true, validateOn:["change,blur"]});
       var sprytextfieldvorname = new Spry.Widget.ValidationTextField("sprytextfieldvorname", "none", {isRequired:true, validateOn:["change,blur"]});
       var sprytextfieldnachname = new Spry.Widget.ValidationTextField("sprytextfieldnachname", "none", {isRequired:true, validateOn:["change,blur"]});
       var sprytextfieldstrasse = new Spry.Widget.ValidationTextField("sprytextfieldstrasse", "none", {isRequired:true, validateOn:["change,blur"]});
       var sprytextfieldhausnummer = new Spry.Widget.ValidationTextField("sprytextfieldhausnummer", "none", { validateOn:["change,blur"]});
       var sprytextfieldplz = new Spry.Widget.ValidationTextField("sprytextfieldplz", "none", {useCharacterMasking:true, pattern:"00000", validateOn:["change,blur"]});
       var sprytextfieldort = new Spry.Widget.ValidationTextField("sprytextfieldort", "none", {isRequired:true, validateOn:["change,blur"]});
       var sprytextfieldemail = new Spry.Widget.ValidationTextField("sprytextfieldemail", "email", { validateOn:["change,blur"]});
       var sprytextfieldvorwahl = new Spry.Widget.ValidationTextField("sprytextfieldvorwahl", "none", {validation:isNumeric,isRequired:false, validateOn:["change,blur"]});
       var sprytextfieldrufnummer = new Spry.Widget.ValidationTextField("sprytextfieldrufnummer", "none", {validation:isNumeric, isRequired:false, validateOn:["change,blur"]});
       var sprytextfieldausweisnummer = new Spry.Widget.ValidationTextField("sprytextfieldausweisnummer", "none", {validation:isValididentitycard, validateOn:["blur"]});
       var sprytextfieldstaatsangehoerigkeit = new Spry.Widget.ValidationTextField("sprytextfieldstaatsangehoerigkeit", "none", {isRequired:true, validateOn:["change,blur"]});
       var spryselectfieldtag = new Spry.Widget.ValidationSelect("spryselectfieldtag", {isRequired:true, validateOn:["change,blur"]});
       var spryselectfieldmonat = new Spry.Widget.ValidationSelect("spryselectfieldmonat", {isRequired:true, validateOn:["change,blur"]});
       var spryselectfieldjahr = new Spry.Widget.ValidationSelect("spryselectfieldjahr", {isRequired:true, validateOn:["change,blur"]});
When loading the page an error in Internet Explorer 8 occures:
Error Details from IE:
Benutzer-Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; .NET CLR 1.1.4322; .NET CLR 2.0.50727; .NET CLR 3.0.04506.30; MDDR; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729)
Zeitstempel: Mon, 31 Aug 2009 08:54:38 UTC
Meldung: 'this.input.defaultValue' ist Null oder kein Objekt
Zeile: 1734
Zeichen: 2
Code: 0
URI: http://.../SpryAssets/SpryValidationTextField.js
When loading the page the first time it's not a big problem. But when the users enters some unvalid data the page lodes again and in the onload section from the body the function validateall is startet.
function validateall()    {
                status = 0;
                status += spryradioanrede.validate();
                status += sprytextfieldvorname.validate();
                status += sprytextfieldnachname.validate();
                status += sprytextfieldstrasse.validate();
                status += sprytextfieldstrasse.validate();
                status += sprytextfieldplz.validate();
                status += sprytextfieldort.validate();
                status += sprytextfieldemail.validate()
                status += sprytextfieldvorwahl.validate();
                status += sprytextfieldrufnummer.validate();
                status += sprytextfieldausweisnummer.validate();
                status += sprytextfieldstaatsangehoerigkeit.validate();
                status += spryselectfieldtag.validate();
                status += spryselectfieldmonat.validate();
                status += spryselectfieldjahr.validate();
                if (status < 15) {
                    return 0;
                } else {
                    return 1;
The error occurs again and the validation is not yet done. Which means, that the fields with problems will not be marked. When entering the field afterward and changing or blur everything works ok and the field is marked in red. Only the onload is not working.
Any ideas, what the problem is?
Thank
Michael

It seems to be an Error in Spry,
Open the SpryValidationTextField.js
find:
Spry.Widget.ValidationTextField.prototype.reset = function() {
     this.removeHint();
     this.oldValue = this.input.defaultValue;
     this.resetClasses();
     if (Spry.is.ie) {
          //this will fire the onpropertychange event right after the className changed on the container element
          //IE6 will not fire the first onpropertychange on an input type text after a onreset handler if inside that handler the className of one of the elements inside the form has been changed
          //to reproduce: change the className of one of the elements inside the form from within the onreset handler; then the onpropertychange does not fire the first time
          this.input.forceFireFirstOnPropertyChange = true;
          this.input.removeAttribute("forceFireFirstOnPropertyChange");
     var self = this;
     setTimeout(function() {self.putHint();}, 10);
and replace with:
Spry.Widget.ValidationTextField.prototype.reset = function() {
     this.removeHint();
     this.oldValue = this.input && this.input.defaultValue ? this.input.defaultValue : "";
     this.resetClasses();
     if (Spry.is.ie) {
          //this will fire the onpropertychange event right after the className changed on the container element
          //IE6 will not fire the first onpropertychange on an input type text after a onreset handler if inside that handler the className of one of the elements inside the form has been changed
          //to reproduce: change the className of one of the elements inside the form from within the onreset handler; then the onpropertychange does not fire the first time
          this.input.forceFireFirstOnPropertyChange = true;
          this.input.removeAttribute("forceFireFirstOnPropertyChange");
     var self = this;
     setTimeout(function() {self.putHint();}, 10);
To see if it helps

Need help with this Spry "processTokens()" error

I am using Dreamweaver CS4 Beta, and using the new Spry data
set wizard to create a data connection using an HTML file that
contains a table of simple data. Getting through the guided steps
of creating the data set and the master/detail page is a piece of
cake, but when I run the page in a browser I get this white box
with the red header in the lower right corner of the browser that
reads
"processTokens(): Value reference has no data set specified:
{Content}". It obviously doesn't like something about the data
in the content column but I don't know exactly what to do from
here, not having seen this error before.
A quick note about the source file for the data. It's an HTML
file with a table that has two columns (name and content). The
content column has some basic HTML but nothing beyond simple text
formatting and mailto links. The table has been given an ID too.
I didn't have much luck finding anything on this error on
google or anywhere else for that matter. Does anyone know what
causes this or how to solve the problem?

I solved my own problem, so I figured I would post it in case
someone
else runs into this.
When inserting a new spry dataset from Dreamweaver CS4 onto a
site
that already has sprydata.js on it, you must delete the
existing
sprydata.js so that CS4 will copy the newer version onto the
site. Otherwise, it sees that the filename exists already and
won't
update it. The older sprydata.js that comes from CS3 does not
work well with the new spry dataset tool in CS4.

PSE Slideshow Error

Hi, I'm currently using PSE 7 and having problems viewing a slideshow I created a while back. When trying to view the slide show, PSE plays the first several seconds of the slideshow, but then crashes. Here is my system info:
Adobe Photoshop Elements 7.0.0.0
Core Version: 7.0 (20080916.r.508356)
Language Version: 7.0 (20080916.r.508356)
Current Catalog:
Catalog Name: My Catalog
Catalog Location: C:\ProgramData\Adobe\Photoshop Elements\Catalogs\My Catalog\
Catalog Size: 1.2MB
Catalog Cache Size: 7MB
System:
Operating System Name: Vista
Operating System Version: 6.0 Service Pack 2
System Architecture: Intel CPU Family:6 Model:15 Stepping:11 with MMX, SSE Integer, SSE FP
Built-in Memory: 2GB
Free Memory: 1.3GB
Important Drivers / Plug-ins / Libraries:
Microsoft DirectX Version: 9.0
Apple QuickTime Version: 7.69
Adobe Reader Version: 9.4
Adobe Acrobat Version: Not installed
CD and DVD drives:
E: (ATAPI DVD BUS: 2 ID: 2 Firmware: A)
Here's Event Viewer's error:
Faulting application PhotoshopElementsOrganizer.exe, version 7.0.0.0, time stamp 0x48d000e8, faulting module PhotoshopElementsOrganizer.exe, version 7.0.0.0, time stamp 0x48d000e8, exception code 0xc0000005, fault offset 0x008100c6, process id 0x16f4, application start time 0x01cc321956eea774.
I've tried to update my video card's driver, update QuickTime and upgrade to PSE 9. None of which solved the issue. Any ideas as to what could be causing the issue would be much appreciated!

Cec,
Check out this thread:
http://www.adobeforums.com/webx/.59b6cef8/10
There are two possible solutions: Try deleting the "slideshow.dat" preferences file, and see if you have WinDVD installed.
To help other users here, please post back as to whether either of these worked.

Spry Slideshow Error

Similar Messages

Maybe you are looking for