Spry Validations not working javascript:Spry.Widget.Form.destroyAll() in popup

iam using spry to validate controls in a popup.in that
validations are working fine but the problem is when we click
cancel button also thse validations are firing...
i am using
javascript:Spry.Widget.Form.destroyAll() to destroy
validations...but it is not working.
when we click on cancel button how to destroy the validations
as well as hide the popup...
can anyone help me...

Thanks! (While I'm REALLY not comfortable with code yet (working on it :-) I atleast understood that it was a PHP issue (yay).
Studied the code in the examples in the book. And added:
<pre>
<?php if ($_POST) {print_r($_POST);} ?>
</pre>
It worked. (I'm local testing, with no connection to a database yet. Just trying to get the basic pages to work first.)
Hopefully the more I work on all of this, the more I'll begin to "get it"! And I'm almost up to the Chapter on PHP. So, I'm hoping to will become clearer as I read on.
Thanks for the help in pointing me in the right direction!!!
-- Jami

Similar Messages

Spry validation not working in IE9

I am using DW CS5.5 and have a form on a PHP page and have set spry validation for 2 text fields and a textarea.
Also using CAPTCHA on the form.
The 2 text fields are a simple required validation and the textarea is required plus a max character validation
It works in Firefox, Chrome, Safari, Opera, and IE Compatibility View, but does not work in IE9.
The CAPTCHA works in IE9 and all other browsers but can't get the spry validation to work.
Here is the page
http://www.fandapartyrentals.com/testimonials.php

altruistic gramps wrote:
It is up to you, you could remove the counter; personally I would leave it there because once the focus has moved from the text area, the number of (remaining) words will show.
Another solution is to force IE8 standards document mode as in
<head>

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" >
<title>My webpage</title>
</head>
The problem with the above is that the rendering will also follow IE8 mode.
Gramps
Thanks for your help,
I used the meta tag to emulate IE8 and it works as needed.

Spry validation not working in latest FF or Chrome

Hello,
A simple Spry validation script that we're using is not working in the latest editions of Firefox or Chrome. (However it is working in IE). Meaning, it doesn't validate the form elements as it's supposed to (like missing email address) except for in IE. I can't seem to crack this one. Please have a look at the page:
http://www.golfturf.rutgers.edu/lp/Copy%20of%203-week-turf-short-course-lp1.asp
Any help would be appreciated. Thank you.

Arnout,
Thank you for your input and for catching that folder pointing issue. However I fixed that and it still didn't remedy the issue. I would update the the latest Spry but I'm not sure that's needed because I have another page using the same Spry where the validation is working perfect in all browsers:
http://www.golfturf.rutgers.edu/ppc-turf-form.html
Everything looks the same.
Can you offer any more advice?
Thank you,

Spry validation not working on HTML5 page in IE9

I have a HTML5 / CSS3 data capture site here: http://shapewearpanel.co.uk/
On the textfield input towards the bottom of the page I have a SPRY validation applied to prevent entry of more than 250 characters and to count down the characters as they are typed.
This works fine in all browsers except IE7 and IE9. I'm not to worried about IE7 but I am concerned about IE9.
The exceed 250 characters validation doesn't work, the block doesn't work and the countdown only triggers on blur and submit rather than change (which defeats the object really).
The page defaults to IE9 compatibility / IE7 on my standards lists in developer tools and this works OK but doesn't implement CSS3 so I loose my rounded corners which I can put up with but it would be nice if SPRY worked across all modern browsers otherwise there is no point in using it.
Does anybody know any fixes for this problem, has anyone else experienced it?

Have you tried adding <meta http-equiv="X-UA-Compatible" content="IE=8" />?
Gramps

Client Side Javascript Validation not Working in Struts 1.x version

hi,
I'm following the steps provioded in the below link for Javascript Client side validation but still it is not working.I'm struggling to get this work.
[http://www.visualbuilder.com/jsp/struts/tutorial2/pageorder/9/|http://www.visualbuilder.com/jsp/struts/tutorial2/pageorder/9/]
"The framework automatically generates the browser specific JavaScript and validate the data only at the client side."From the above statement i undertstand that framework itself generates the javascript function for validating the field mentioned in validations.xml file so that we dont have to explicitly write a javascript function for
validating the fields
(or)
Do we need to call an explicit function
Please need help on this.
I have followed all the steps mentioned on the above link but Client Side Javascript Validation not Working in Struts 1.x version....
Thanks and Regards,
Deepak

Hi,
Please find my steps below....still getting an error.
2> which version of commons-validation.jar needs to be downloaded ...Link please
    downloaded the latest commons-validation.jar and placed in lib.refreshed the project,and did a build.
    3> which DTD name to be specified in "validator-rules.xml" which is in accordance to commons-validator.jar file.
validator-rules.xml ::
<!DOCTYPE form-validation PUBLIC
          "-//Apache Software Foundation//DTD Commons Validator Rules Configuration 1.0//EN"
          "http://jakarta.apache.org/commons/dtds/validator_1_0.dtd">validation.xml:
<!DOCTYPE form-validation PUBLIC
"-//Apache Software Foundation//DTD Commons Validator Rules Configuration 1.0//EN"
"http://jakarta.apache.org/commons/dtds/validator_1_0.dtd">
i did as u said and im gettiong the below errorNov 5, 2009 4:33:08 PM org.apache.struts.validator.ValidatorPlugIn initResources
SEVERE: Invalid byte 2 of 2-byte UTF-8 sequence.
org.apache.commons.digester.xmlrules.XmlLoadException: Invalid byte 2 of 2-byte UTF-8 sequence.
     at org.apache.commons.digester.xmlrules.FromXmlRuleSet.addRuleInstances(FromXmlRuleSet.java:139)
     at org.apache.commons.digester.Digester.addRuleSet(Digester.java:1610)
     at org.apache.commons.digester.xmlrules.DigesterLoader.createDigester(DigesterLoader.java:89)
     at org.apache.commons.validator.ValidatorResourcesInitializer.initialize(ValidatorResourcesInitializer.java:122)
     at org.apache.struts.validator.ValidatorPlugIn.initResources(ValidatorPlugIn.java:238)
     at org.apache.struts.validator.ValidatorPlugIn.init(ValidatorPlugIn.java:181)
     at org.apache.struts.action.ActionServlet.initModulePlugIns(ActionServlet.java:1036)
     at org.apache.struts.action.ActionServlet.init(ActionServlet.java:455)
     at javax.servlet.GenericServlet.init(GenericServlet.java:212)
     at org.apache.catalina.core.StandardWrapper.loadServlet(StandardWrapper.java:1139)
     at org.apache.catalina.core.StandardWrapper.load(StandardWrapper.java:966)
     at org.apache.catalina.core.StandardContext.loadOnStartup(StandardContext.java:3996)
     at org.apache.catalina.core.StandardContext.start(StandardContext.java:4266)
     at org.apache.catalina.core.ContainerBase.addChildInternal(ContainerBase.java:760)
     at org.apache.catalina.core.ContainerBase.addChild(ContainerBase.java:740)
     at org.apache.catalina.core.StandardHost.addChild(StandardHost.java:544)
     at org.apache.catalina.startup.HostConfig.deployDirectory(HostConfig.java:927)
     at org.apache.catalina.startup.HostConfig.deployDirectories(HostConfig.java:890)
     at org.apache.catalina.startup.HostConfig.deployApps(HostConfig.java:492)
     at org.apache.catalina.startup.HostConfig.start(HostConfig.java:1150)
     at org.apache.catalina.startup.HostConfig.lifecycleEvent(HostConfig.java:311)
     at org.apache.catalina.util.LifecycleSupport.fireLifecycleEvent(LifecycleSupport.java:120)
     at org.apache.catalina.core.ContainerBase.start(ContainerBase.java:1022)
     at org.apache.catalina.core.StandardHost.start(StandardHost.java:736)
     at org.apache.catalina.core.ContainerBase.start(ContainerBase.java:1014)
     at org.apache.catalina.core.StandardEngine.start(StandardEngine.java:443)
     at org.apache.catalina.core.StandardService.start(StandardService.java:448)
     at org.apache.catalina.core.StandardServer.start(StandardServer.java:700)
     at org.apache.catalina.startup.Catalina.start(Catalina.java:552)
     at sun.reflect.NativeMethodAccessorImpl.invoke0(Native Method)
     at sun.reflect.NativeMethodAccessorImpl.invoke(Unknown Source)
     at sun.reflect.DelegatingMethodAccessorImpl.invoke(Unknown Source)
     at java.lang.reflect.Method.invoke(Unknown Source)
     at org.apache.catalina.startup.Bootstrap.start(Bootstrap.java:295)
     at org.apache.catalina.startup.Bootstrap.main(Bootstrap.java:433)
Need help forum members.....
Please reply to my question 1 which has been asked before as belowDo i need to write explicit javascript function for validation in Struts (or) struts generates the javascript function by itself.??? Please explain with an example....
Edited by: Deepak_A_L on Nov 5, 2009 4:37 PM

HP ProBook 440 G2, Finger print reader not working when I upgraded form Win 7 Pro to Win 8.1 Pro

My HP ProBook 440 G2, Finger print reader not working when I upgraded form Win 7 Pro to Win 8.1 Pro.
In device manager showing that biometric reader is working properly. But actually the finger printer reader is not reading or senseing. It seems like "dummy" part. Please help me to correctly configure step by step for this issue.
thankyou
Hillet
This question was solved.
View Solution.

Have you installed the Validity Sensor Fingerprint driver software for Windows 8.1?
http://h20564.www2.hp.com/hpsc/swd/public/detail?sp4ts.oid=6943811&swItemId=ob_134806_1&swEnvOid=415...
See page 64 in the following Windows 8.1 user manual for Validity Fingerprint setup information
http://h20565.www2.hp.com/hpsc/doc/public/display?sp4ts.oid=6943810&docId=emr_na-c04371762&docLocale...
****Please click on Accept As Solution if a suggestion solves your problem. It helps others facing the same problem to find a solution easily****
2015 Microsoft MVP - Windows Experience Consumer

Spry select menu validation not working for all menus

This is VERY strange...I have two menus which show depending on the selection in another menu. The other, or main, menu has the spry validation working fine. So does the validation for one of the other 'child' menus. But the other child menu validation does not work, despite the fact that the code is nearly identical for both except for the spry ids and select ids (of course). You can see the form working at:
https://registrations.ucc.usyd.edu.au/profile.php
If you select, say, Arts faculty from the faculty menu, then you will get another menu for schools. Validation works for these when the submit button is pressed. However, if you select 'Not Faculty' from the faculty menu another menu will show instead of the school menu. This is the menu that is not validating.
I have attached my php page for the code in this form.
The same problem exists for other menus that are in hidden divs further down the page.
Any help appreciated!!!!

Your key is the "suitcase fusion for a font manager" line.
There is a bug where you won't be able to create a button if you have a bad font, or a duplicate font, installed.
First try shutting off all of the fonts you have open with Suitcase, and see if that helps. If so, open one suitcase at a time until you figure out which font is the culprit.
If shutting off all but the basic System fonts does not help, you might have to reinstall your system, or somehow update your core System fonts. I don't know how to do that, but there was a recent article at http://www.tidbits.com/ that discussed fonts and their maintenance. But ultimately it's a font problem.

Javascript drop-down Spry menu not working

I downloaded the Spry UI 1.7 menu bar from the widget browser and pasted the code into DW CS4. I could not place it as you can in CS5. DW throws up javascript errors, but the styled menu bar works in live view and in the testing environment on Firefox and IE6 (!). However, once I load it, it does not work. It appears as if the browser can't find the javascript or the styles. I've pasted the styles in my main style sheet and in the referenced sheet at: Spry-UI-1.7/css/Menu/basic/SpryMenuBasic.css. I've verified that the Spry-UI-1.7 folder is loaded and contains all the relevant files.
Any idea what I'm doing wrong? I've been working on this on and off for two days.
Here is the live page:
http://www.wengerfeeds.com/test/test2.html
Code
<script type="text/javascript" src="Spry-UI-1.7/includes/SpryDOMUtils.js"></script>
<script type="text/javascript" src="Spry-UI-1.7/includes/SpryDOMEffects.js"></script>
<script type="text/javascript" src="Spry-UI-1.7/includes/SpryWidget.js"></script>
<script type="text/javascript" src="Spry-UI-1.7/includes/SpryMenu.js"></script>
<script type="text/javascript" src="Spry-UI-1.7/includes/plugins/MenuBar2/SpryMenuBarKeyNavigationPlugin.js"></script>
<script type="text/javascript" src="Spry-UI-1.7/includes/plugins/MenuBar2/SpryMenuBarIEWorkaroundsPlugin.js"></script>
<script type="text/javascript">
</script>
<link href="Spry-UI-1.7/css/Menu/basic/SpryMenuBasic.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="wrap">
<div class="top"></div>
<div class="nav"> <ul id="MenuBar">
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About Us</a>
<ul>
<li><a href="history.html">History</a></li>
<li><a href="mission.html">Mission</a></li>
<li><a href="sustainability.html">Sustainability</a></li>
<li><a href="locations.html">Locations</a></li>
<li><a href="tour.html">Tour</a></li>
<li><a href="media.html">Media</a></li>
<li><a href="millogram.html">Newsletter</a></li>
<li><a href="links.html">Links</a></li>
</ul>
</li>
<li><a href="products.html">Products</a>
<ul>
<li><a href="feed.html">Feed</a>
<ul>
<li><a href="layers.html">Layer Feed</a></li>
<li><a href="broilers.html">Broiler Feed</a></li>
<li><a href="swine.html">Swine Feed</a></li>
<li><a href="turkey.html">Turkey Feed</a></li>
<li><a href="specialty.html">Specialty Feed</a></li>
</ul>
    </li>
<li><a href="soychoice.html">SoyChoiceTM</a></li>
<li><a href="soyoil.html">Soy Oil</a></li>
<li><a href="eggs.html">Eggs</a></li>
<li><a href="research.html">Research</a></li>
</ul>
</li>
<li><a href="services.html">Services</a>
<ul>
<li><a href="eggmarketing.html">Egg Marketing Services</a></li>
<li><a href="flock.html">Flock & Pullet Services</a></li>
<li><a href="lab.html">Laboratory Services</a></li>
<li><a href="hauling.html">Hauling & Warehousing</a></li>
<li><a href="booking.html">Purchasing & Booking</a></li>
<li><a href="http://www.wengerfeeds.wordpress.com">Knowledge Center</a></li>
<li><a href="grain.html">Grain Receiving</a></li>
</ul>
</li>
<li><a href="http://www.wengerfeeds.info">Markets</a></li>
<li><a href="opps.html">Opportunities</a>
<ul>
<li><a href="careers.html">Career</a></li>
<li><a href="contracts.html">Contracts</a></li>
</ul>
</li>
<li><a href="contact.html">Contact Us</a></li>
</ul>
<script type="text/javascript">
var MenuBar = new Spry.Widget.MenuBar2("#MenuBar", {
      widgetID: "MenuBar",
      widgetClass: "MenuBar MenuBarRightShrink",
      insertMenuBarBreak: true,
      mainMenuShowDelay: 100,
      mainMenuHideDelay: 200,
      subMenuShowDelay: 200,
      subMenuHideDelay: 200
</script></div>

Thanks, Gary. Thanks for the reply. I appreciate it.
It felt like it wasn't finding the js, but I didn't know why. It turns out my host didn't like the folder name. When you download the folder for the Spry 2.0 menu from the widget browser, all your js and css is stored in a folder named "Spry-UI-1.7." The menu worked locally, but once I loaded it, my server didn't like the folder name. I renamed the folder "Spry" and reset the paths, and it worked. I'm posting this here in case anyone else has this problem. Cheers

Spry email validation not working [was: Please help!]

When visitors contact me via the contact form on my website ( http://clockdoctors.co.uk/Contact%20me.html) the 'email spry validation field' is not working. The message that i receive in my inbox from this form doesnt show their email address and so i have no way of getting back to them.
Please can anyone help!?
Here is the form-to-mail.php
<?php
$name = $_POST['name'];
$visitor_email = $_POST['email'];
$message = $_POST['message'];
//Validate first
if(empty($name)||empty($visitor_email))
    echo "Name and email are mandatory!";
    exit;
if(IsInjected($visitor_email))
    echo "Bad email value!";
    exit;
$email_from = '$visitor_email \r\n';//<== update the email address
$email_subject = "New Form submission";
$email_body = "You have received a new message from the user $name.\n".
    "Here is the message:\n $message".
$to = "[email protected],[email protected]";//<== update the email address
$headers = "From: $email_from \r\n";
$headers .= "Reply-To: $visitor_email \r\n";
//Send the email!
mail($to,$email_subject,$email_body,$headers);
//done. redirect to thank-you page.
header('Location: http://clockdoctors.co.uk/Thanks20%.html');
// Function to validate against any email injection attempts
function IsInjected($str)
$injections = array('(\n+)',
              '(\r+)',
              '(\t+)',
              '(%0A+)',
              '(%0D+)',
              '(%08+)',
              '(%09+)'
$inject = join('|', $injections);
$inject = "/$inject/i";
if(preg_match($inject,$str))
    return true;
else
    return false;
?>
[Subject line edited by moderator to indicate nature of problem]

Ok this is my, form-to-mail.php. Is this what you need to view or is there something else?
<?php
$name = $_POST['name'];
$visitor_email = $_POST['email'];
$message = $_POST['message'];
//Validate first
if(empty($name)||empty($visitor_email))
    echo "Name and email are mandatory!";
    exit;
if(IsInjected($visitor_email))
    echo "Bad email value!";
    exit;
$email_from = "$visitor_email \r\n";//<== update the email address
$email_subject = "New Form submission";
$email_body = "You have received a new message from the user $name.\n".
    "Here is the message:\n $message".
$to = "[email protected],[email protected]";//<== update the email address
$headers = "From: $email_from \r\n";
$headers .= "Reply-To: $visitor_email \r\n";
//Send the email!
mail($to,$email_subject,$email_body,$headers);
//done. redirect to thank-you page.
header('Location: http://clockdoctors.co.uk/Thanks20%.html');
// Function to validate against any email injection attempts
function IsInjected($str)
$injections = array('(\n+)',
              '(\r+)',
              '(\t+)',
              '(%0A+)',
              '(%0D+)',
              '(%08+)',
              '(%09+)'
$inject = join('|', $injections);
$inject = "/$inject/i";
if(preg_match($inject,$str))
    return true;
else
    return false;
?>

Spry Menu not working correctly

Hopefully this is the right part of the forum to post this question, if not, I apologize.
I have created a site in dreamweaver and am using a single Spry Menu Bar. I have read tons of forum postings about Drop down menus not working in IE, however, mine don't work in any browser or in the Live View either. I have a feeling it has something to do with either the div containing the menu bar or the sizing, but I can't tell. Please help.
ul.MenuBarHorizontal
          margin: 0;
          padding: 0;
          list-style-type: none;
          font-size:17px;
          font-family:Tahoma, Geneva, sans-serif;
          cursor: default;
          width: 100%;
/* 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:6.8em;
          height:3.5em;
          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: 1020;
          cursor: default;
          width: 8.2em;
          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: 8.2em;
/* 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: 1px solid #CCC;
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
          display: block;
          cursor: pointer;
          background-color: #CCC;
          padding: 0.7em 0.5em;
          color: #333;
          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: #33C;
          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: #33C;
          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;
          filter:alpha(opacity:0.1);
/* 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;
                    float: left;
                    background: #FFF;
Here is the code for the page
<!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>
<script language="javascript" type="text/javascript" src="http://www.onbile.com/websites/41ea989914d81eb7bd2e415141cd40fe"></script>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>GuitarFusion.com - Play. Learn. Make Music</title>
<link href="guitarfusionblogstyle.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
</script>

<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-15280994-2']);
_gaq.push(['_trackPageview']);
(function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
</script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
</head>
<body onload="MM_preloadImages('images/homeOver.jpg','images/BioOver.jpg','images/LearnOver.jpg ','images/LessonsOver.jpg','images/ContactOver.jpg')">
<div id="wrapper">
<div id="header">
<div id="logo"></div>
<div id="social"><a href="http://www.facebook.com/pages/Guitarfusion/208575872514732"><img src="../images/facebook_32.png" width="32" height="32" alt="Facebook" border="0"/></a><a href="http://www.linkedin.com/in/sammills"><img src="../images/linkedin_32.png" width="32" height="32" alt="Linkedin" border="0" /></a><a href="http://www.myspace.com/lucid77"><img src="../images/myspace_32.png" width="32" height="32" alt="Myspace" border="0" /></a><a href="http://twitter.com/#!/guitarfusion"><img src="../images/twitter_32.png" width="32" height="32" alt="Twitter" border="0"></a><a href="http://www.guitarfusion.com/blog"><img src="../images/wordpress_32.png" width="32" height="32" alt="Wordpress" border="0"/></a><a href="http://www.youtube.com/guitarfusiondotcom"><img src="../images/youtube_32.png" width="32" height="32" alt="Youtube" border="0" /></a></div>

<div id="navdropdown">
<ul id="MenuBar1" class="MenuBarHorizontal">
    <li><a href="#">Home</a>      </li>
    <li><a href="#" class="MenuBarItemSubmenu">About Me</a>
      <ul>
        <li><a href="#" title="A little about myself.">Biography</a></li>
        <li><a href="#">Cirriculum Vitae</a></li>
        <li><a href="#" title="See me play or teach.">Mp3 & Videos</a></li>
        <li><a href="#" title="Where am I am playing?">Performances</a></li>
        <li><a href="#" title="Want me to play your event or party?">Booking</a></li>
      </ul>
    </li>
    <li><a class="MenuBarItemSubmenu" href="#">Lessons</a>
      <ul>
        <li><a href="#" title="What will you learn?">Syllabus</a>          </li>
        <li><a href="#" title="How much does this cost?">Pricing</a></li>
        <li><a href="#" title="Where do lessons take place?">Locations</a></li>
        <li><a href="#" title="What books and supplies will you need?"> Books & Supplies</a></li>
</ul>
    </li>
    <li><a href="#" class="MenuBarItemSubmenu">Learn Online</a>
      <ul>
        <li><a href="#">Guitar</a></li>
        <li><a href="#">Bass</a></li>
      </ul>
    </li>
    <li><a href="#" class="MenuBarItemSubmenu">Contact</a>
      <ul>
        <li><a href="#">Email </a></li>
        <li><a href="#" title="Facebook, Twitter, Etc..">Social Media</a></li>
      </ul>
    </li>
</ul>
</div>
</div>
<div id="content">
<div id="blog_header"></div>
<div id="sidebar">
<form method=post action="http://poll.pollcode.com/Vp1c"><table border=0 width=150 bgcolor="#ffffff" cellspacing=0 cellpadding=2><tr><td colspan=2><font face="Verdana" size=-1 color="teal"><center><b>Most useful video lesson topics:</b></center></font></td></tr><tr><td width=5><input type=radio name=answer value="1"></td><td><font face="Verdana" size=-1 color="000000">Open Chords</font></td></tr><tr><td width=5><input type=radio name=answer value="2"></td><td><font face="Verdana" size=-1 color="000000">Barre Chords</font></td></tr><tr><td width=5><input type=radio name=answer value="3"></td><td><font face="Verdana" size=-1 color="000000">Scales</font></td></tr><tr><td width=5><input type=radio name=answer value="4"></td><td><font face="Verdana" size=-1 color="000000">Arpeggios</font></td></tr><tr><td width=5><input type=radio name=answer value="5"></td><td><font face="Verdana" size=-1 color="000000">Music Reading</font></td></tr><tr><td width=5><input type=radio name=answer value="6"></td><td><font face="Verdana" size=-1 color="000000">Picking Technique</font></td></tr><tr><td width=5><input type=radio name=answer value="7"></td><td><font face="Verdana" size=-1 color="000000">Strumming Patterns</font></td></tr><tr><td width=5><input type=radio name=answer value="8"></td><td><font face="Verdana" size=-1 color="000000">Tab Reading</font></td></tr><tr><td width=5><input type=radio name=answer value="9"></td><td><font face="Verdana" size=-1 color="000000">Songwriting</font></td></tr><tr><td width=5><input type=radio name=answer value="10"></td><td><font face="Verdana" size=-1 color="000000">Improvisation</font></td></tr><tr><td width=5><input type=radio name=answer value="11"></td><td><font face="Verdana" size=-1 color="000000">Triads</font></td></tr><tr><td colspan=2><center><input type=submit value="Vote"> <input type=submit name=view value="View"></center></td></tr><tr><td bgcolor="white" colspan=2 align=right><font face="Verdana" size=-2 color="black">pollcode.com <a href=http://pollcode.com/><font color="navy">free polls</font></a></font></td></tr></table></form><a href="./studies.html">
<img src="images/studies.jpg" border="0" /></a><br/><br/>
<script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
version: 2,
type: 'profile',
rpp: 4,
interval: 6000,
width: 'auto',
height: 200,
theme: {
    shell: {
      background: '#aee5f5',
      color: '#4b508f'
    tweets: {
      background: '#dbdbdb',
      color: '#333333',
      links: '#336699'
features: {
    scrollbar: true,
    loop: false,
    live: false,
    hashtags: true,
    timestamp: true,
    avatars: false,
    behavior: 'all'
}).render().setUser('guitarfusion').start();
</script></font><br/>
<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like-box href="http://www.facebook.com/pages/Guitarfusion/208575872514732" width="200" show_faces="true" border_color="" stream="true" header="true"></fb:like-box>
</div>
<div id="blog">
<?php
/* Short and sweet */
define('WP_USE_THEMES', false);
require('./blog/wp-blog-header.php');
?>
<?php
require('./blog/wp-blog-header.php');
?>
<?php
$posts = get_posts('numberposts=10&order=ASC&orderby=post_title');
foreach ($posts as $post) : start_wp(); ?>
<?php the_date(); echo "<br />"; ?>
<h2><?php the_title(); ?>    </h2>
<?php the_content() ?>
<a class="bloglink" href="<?php the_permalink() ?>">
Read more...</a><br />
<?php
endforeach;
?>
</div>
<div id="ad_middle"></div>
<div id="blog_bottom2">
<h1> Free Stuff</h1>
<br/>
<ul>
<li><a href="http://www.metronomeonline" target="_new">Online Metronome</a> - Metronomes are a great tool to use during practice to keep a steady tempo and to help increase speed of passages. Use this online metronome if you do not already have a stand alone metronome.</li><br/>
<li><a href="http://itunes.apple.com/us/app/id347846503">Iphone / Itouch Metronome</a> - This is an example of several free metronome apps that are available for your phone. Android users can also find free metronomes on the Marketplace. Be sure and read the ratings, some are better at keeping time than others.</li><br/>
<li><a href="https://market.android.com/details?id=com.pedrocorp.android.guitar&feature=search_result">Android Phone Metronome / Tuner / Chord Dictionary</a>This handy little app will not only provide you with a tuner, but has a built-in metronome and chord dictionary. - </li><br/>
<li><a href="http://tuxguitar.herac.com.ar/" target="_new">Free Guitar Tab Editor</a> - View / Create Tab - Free alternative to GuitarPro Software. Use this software to open .gp3, .gp4, .gp5 files and search for music online.</li><br/>
<li><a href="http://www.blanksheetmusic.net/">Free Blank Sheet Music</a> - Print blank sheet music. Choose from standard notation, treble, bass, alto clefs, and tablature. </li><br/>
<li><a href="http://www.911tabs.com/">Free Tablature Search Engine</a> - This is a great search engine to find tabs. I mainly use this to find .gp5 files for my Tux Guitar Software. </li>
</ul>
</div>
<div id="blog_bottom"><span style="float:left;">
<img src="images/mapad.jpg" /></span>
<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps?q=1060+West+State+Road+434,+Longwood,+FL&sll=28.697815,-81.364 128&hl=en&sspn=0.006295,0.006295&ie=UTF8&hq=&hnear=1060+Florida+434,+Longwood,+Florida+327 50&ll=28.70572,-81.364145&spn=0.026349,0.036478&z=14&iwloc=A&output=embed"></iframe><br /><small><a href="http://maps.google.com/maps?q=1060+West+State+Road+434,+Longwood,+FL&sll=28.697815,-81.364 128&hl=en&sspn=0.006295,0.006295&ie=UTF8&hq=&hnear=1060+Florida+434,+Longwood,+Florida+327 50&ll=28.70572,-81.364145&spn=0.026349,0.036478&z=14&iwloc=A&source=embed" style="color:#0000FF;text-align:right">View Larger Map</a></small>
</div>
</div>
<div id="footer">
<ul>
<li><a href="../index.html">Home</a></li>
<li><a href="../biography.html">Biography</a></li>
<li><a href="../learn.html">Learn Guitar</a></li>
<li><a href="../Lessons.html">Guitar Lessons</a></li>
<li><a href="../contact.html">Schedule Lessons</a></li>
<li><a href="mailto:[email protected]">Contact Webmaster</a></li>
</ul>
© 2006-2011 Guitarfusion.com All Rights Reserved. Unauthorized Use Prohibited.
</div>
</div>
</body>
</html>
And here is the code for the index.php's css
body {
          background-color: #ff9933;
          font-family:Verdana, Geneva, sans-serif;
          font-size:11px;
p {
          text-align:center;
          text-indent:15px;
#wrapper {
          width:960px;
          height:100%;
          margin-left:30px;
          position:absolute;
#header {
          width:960px;
          height:310px;
          background-image: url(images/gfheader.gif);
          background-position:center;
          background-repeat:no-repeat;
          position:relative;
          z-index:0;
#logo {
          height:242px;
          width:235px;
          background-image:url(images/GuitarFusionLogo.gif);
          position:relative;
          top:40px;
          left:80px;
          z-index:1;
          visibility:hidden;
#nav {
          width:600px;
          height:45px;
          z-index:2;
          position:relative;
          top:12px;
          left:290px;
          visibility:hidden;
#navdropdown {
          background-color:#999;
          width:600px;
          height:45px;
          z-index:3;
          position:relative;
          top:12px;
          left:290px;
#content {
          width:840px;
          height:1800px;
          background-color:#fff;
          position:relative;
          margin-left:60px;
#social {
          width:195px;
          height:32px;
          border:none;
          position:relative;
          text-align:right;
          bottom:25px;
          right:65px;
          float:right;
          z-index:3;
          visibility:hidden;
.social {
          margin-left:50px;
#blog {
          width:600px;
          height:500px;
          border: thin solid #000;
          position:relative;
          top:15px;
          left:15px;
          float:left;
          z-index:1;
          overflow:auto;
          background-color:#d6e8f7;
#blog_header {
          width:625px;
          height:45px;
          background-Image:url(images/blogheader.gif);
          position:relative;
          top:20px;
          left:5px;
          z-index:2;
          float:left;
.nav {
          margin-left:20px;
#sidebar {
          width:200px;
          height:1500px;
          border:none;
          left:-10px;
          top:10px;
          position:relative;
          float:right;
#ad_middle {
          width:600px;
          height:200px;
          border: thin solid #000;
          position:relative;
          top:15px;
          left:15px;
          z-index:1;
          overflow:auto;
          float:left;
          background-color:#EFF5E9;
          background-image:url(images/lessonsad.jpg);
          background-repeat:no-repeat;
          background-position:center;
#blog_bottom {
          width:600px;
          height:370px;
          border: thin solid #000;
          position:relative;
          top:15px;
          left:15px;
          z-index:1;
          overflow:auto;
          float:left;
          background-color:#F6F6F6;
#contentwrapper {
          width:650px;
          height:500px;
          position:relative;
          top:50px;
          float:left;
          margin-left:95px;
#header_content {
          width:624px;
          height:43px;
          background-image:url(images/Header.gif);
          text-align:center;
          font-size:28px;
          font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
          line-height:40px;
          color:#FFF;
          position:relative;
          left:10px;
#bio_content {
          width:600px;
          height:1000px;
.biopic {
          float:left;}
#learn_content {
          width:600px;
          height:100%;
#faq {
          width:700px;
          height:600px;
          background-color:#f8f8f8;
          border:thin solid #000;
          margin-left:60px;
#books {
          width:750px;
          height:700px;
          position:relative;
          float:left;
          margin-left:35px;
fieldset {
margin: 1em 0;
padding: 1em;
border : 1px solid #ccc;
background: #f8f8f8;
legend {
font-weight: bold;
#form_content {
          position:relative;
          left:160px;
          height:880px;
          width:500px;
          text-align:center;
          background-color:#E7EFFF;
          border:double #900;
form div {
          background-color:#f8f8f8;
          padding:0px;
          margin:0px;
#footer {
          width:960px;
          height:40px;
          bottom:0px;
          position:relative;
          text-align:center;
          line-height:1px;
          font-size:10px;
          padding-bottom:10px;
#footer ul li {
          display:inline;
          margin:20px;
#footer ul li a {
          text-decoration:none;}
          #blog_bottom2 {
          width:600px;
          height:370px;
          border: thin solid #000;
          position:relative;
          top:15px;
          left:15px;
          z-index:1;
          overflow:auto;
          float:left;
          background-color:#F6F6F6;
          text-align:center;
#studies{
                    width:600px;
                    height:800px;
                    position:relative;
                    margin-left:110px;
                    text-align:center;
                    background:#f8f8f8;
#blog_bottom2 ul li
          {list-style-type:none
Any help is appreciated.

You do not have a constructor for the menu bar as in
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
</script>
There are too many mistakes in the JS outside of the Spry Menu Bar. Have a look at the following which includes all errors, not just the JS
Validation Output:   117 Errors
Line 21, Column 38: character "&" is the first character of a delimiter but occurred as data var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=… ✉
This message may appear in several cases:
You tried to include the "<" character in your page: you should escape it as "<"
You used an unescaped ampersand "&": this may be valid in some contexts, but it is recommended to use "&", which is always safe.
Another possibility is that you forgot to close quotes in a previous tag.
Line 21, Column 40: cannot generate system identifier for general entity "i" … var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=… ✉
An entity reference was found in the document, but there is no reference by that name defined. Often this is caused by misspelling the reference name, unencoded ampersands, or by leaving off the trailing semicolon (;). The most common cause of this error is unencoded ampersands in URLs as described by the WDG in "Ampersands in URLs".
Entity references start with an ampersand (&) and end with a semicolon (;). If you want to use a literal ampersand in your document you must encode it as "&" (even inside URLs!). Be careful to end entity references with a semicolon or your entity reference may get interpreted in connection with the following text. Also keep in mind that named entity references are case-sensitive; &Aelig; and æ are different characters.
If this error appears in some markup generated by PHP's session handling code, this article has explanations and solutions to your problem.
Note that in most documents, errors related to entity references will trigger up to 5 separate messages from the Validator. Usually these will all disappear when the original problem is fixed.
Line 21, Column 40: general entity "i" not defined and no default entity … var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=… ✉
This is usually a cascading error caused by a an undefined entity reference or use of an unencoded ampersand (&) in an URL or body text. See the previous message for further details.
Line 21, Column 41: reference not terminated by REFC delimiter …var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x… ✉
If you meant to include an entity that starts with "&", then you should terminate it with ";". Another reason for this error message is that you inadvertently created an entity by failing to escape an "&" character just before this text.
Line 21, Column 41: reference to entity "i" for which no system identifier could be generated …var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x… ✉
This is usually a cascading error caused by a an undefined entity reference or use of an unencoded ampersand (&) in an URL or body text. See the previous message for further details.
Line 21, Column 39: entity was defined here var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=…
Line 21, Column 50: character "&" not allowed in attribute specification list …,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc; ✉
Line 21, Column 50: element "a.length" undefined …,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc; ✉
You have used the element named above in your document, but the document type you are using does not define an element of that name. This error is often caused by:
incorrect use of the "Strict" document type with a document that uses frames (e.g. you must use the "Frameset" document type to get the "<frameset>" element),
by using vendor proprietary extensions such as "<spacer>" or "<marquee>" (this is usually fixed by using CSS to achieve the desired effect instead).
by using upper-case tags in XHTML (in XHTML attributes and elements must be all lower-case).
Line 21, Column 51: character "&" is the first character of a delimiter but occurred as data …,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc; ✉
This message may appear in several cases:
You tried to include the "<" character in your page: you should escape it as "<"
You used an unescaped ampersand "&": this may be valid in some contexts, but it is recommended to use "&", which is always safe.
Another possibility is that you forgot to close quotes in a previous tag.
Line 21, Column 60: character "&" is the first character of a delimiter but occurred as data …,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc; ✉
This message may appear in several cases:
You tried to include the "<" character in your page: you should escape it as "<"
You used an unescaped ampersand "&": this may be valid in some contexts, but it is recommended to use "&", which is always safe.
Another possibility is that you forgot to close quotes in a previous tag.
Line 21, Column 62: cannot generate system identifier for general entity "x.oSrc" …,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc; ✉
An entity reference was found in the document, but there is no reference by that name defined. Often this is caused by misspelling the reference name, unencoded ampersands, or by leaving off the trailing semicolon (;). The most common cause of this error is unencoded ampersands in URLs as described by the WDG in "Ampersands in URLs".
Entity references start with an ampersand (&) and end with a semicolon (;). If you want to use a literal ampersand in your document you must encode it as "&" (even inside URLs!). Be careful to end entity references with a semicolon or your entity reference may get interpreted in connection with the following text. Also keep in mind that named entity references are case-sensitive; &Aelig; and æ are different characters.
If this error appears in some markup generated by PHP's session handling code, this article has explanations and solutions to your problem.
Note that in most documents, errors related to entity references will trigger up to 5 separate messages from the Validator. Usually these will all disappear when the original problem is fixed.
Line 21, Column 62: general entity "x.oSrc" not defined and no default entity …,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc; ✉
This is usually a cascading error caused by a an undefined entity reference or use of an unencoded ampersand (&) in an URL or body text. See the previous message for further details.
Line 21, Column 68: reference to entity "x.oSrc" for which no system identifier could be generated …,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc; ✉
This is usually a cascading error caused by a an undefined entity reference or use of an unencoded ampersand (&) in an URL or body text. See the previous message for further details.
Line 21, Column 61: entity was defined here …,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
Line 29, Column 76: character ";" not allowed in attribute specification list … var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) ✉
Line 29, Column 76: element "a.length" undefined … var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) ✉
You have used the element named above in your document, but the document type you are using does not define an element of that name. This error is often caused by:
incorrect use of the "Strict" document type with a document that uses frames (e.g. you must use the "Frameset" document type to get the "<frameset>" element),
by using vendor proprietary extensions such as "<spacer>" or "<marquee>" (this is usually fixed by using CSS to achieve the desired effect instead).
by using upper-case tags in XHTML (in XHTML attributes and elements must be all lower-case).
Line 41, Column 57: character "&" is the first character of a delimiter but occurred as data …var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { ✉
This message may appear in several cases:
You tried to include the "<" character in your page: you should escape it as "<"
You used an unescaped ampersand "&": this may be valid in some contexts, but it is recommended to use "&", which is always safe.
Another possibility is that you forgot to close quotes in a previous tag.
Line 41, Column 59: cannot generate system identifier for general entity "parent.frames.length" …var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { ✉
An entity reference was found in the document, but there is no reference by that name defined. Often this is caused by misspelling the reference name, unencoded ampersands, or by leaving off the trailing semicolon (;). The most common cause of this error is unencoded ampersands in URLs as described by the WDG in "Ampersands in URLs".
Entity references start with an ampersand (&) and end with a semicolon (;). If you want to use a literal ampersand in your document you must encode it as "&" (even inside URLs!). Be careful to end entity references with a semicolon or your entity reference may get interpreted in connection with the following text. Also keep in mind that named entity references are case-sensitive; &Aelig; and æ are different characters.
If this error appears in some markup generated by PHP's session handling code, this article has explanations and solutions to your problem.
Note that in most documents, errors related to entity references will trigger up to 5 separate messages from the Validator. Usually these will all disappear when the original problem is fixed.
Line 41, Column 59: general entity "parent.frames.length" not defined and no default entity …var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { ✉
This is usually a cascading error caused by a an undefined entity reference or use of an unencoded ampersand (&) in an URL or body text. See the previous message for further details.
Line 41, Column 79: reference not terminated by REFC delimiter …var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { ✉
If you meant to include an entity that starts with "&", then you should terminate it with ";". Another reason for this error message is that you inadvertently created an entity by failing to escape an "&" character just before this text.
Line 41, Column 79: reference to entity "parent.frames.length" for which no system identifier could be generated …var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { ✉
This is usually a cascading error caused by a an undefined entity reference or use of an unencoded ampersand (&) in an URL or body text. See the previous message for further details.
Line 41, Column 58: entity was defined here …var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
Line 45, Column 15: character "&" is the first character of a delimiter but occurred as data if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms… ✉
This message may appear in several cases:
You tried to include the "<" character in your page: you should escape it as "<"
You used an unescaped ampersand "&": this may be valid in some contexts, but it is recommended to use "&", which is always safe.
Another possibility is that you forgot to close quotes in a previous tag.
Line 45, Column 17: cannot generate system identifier for general entity "d.all" if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms… ✉
An entity reference was found in the document, but there is no reference by that name defined. Often this is caused by misspelling the reference name, unencoded ampersands, or by leaving off the trailing semicolon (;). The most common cause of this error is unencoded ampersands in URLs as described by the WDG in "Ampersands in URLs".
Entity references start with an ampersand (&) and end with a semicolon (;). If you want to use a literal ampersand in your document you must encode it as "&" (even inside URLs!). Be careful to end entity references with a semicolon or your entity reference may get interpreted in connection with the following text. Also keep in mind that named entity references are case-sensitive; &Aelig; and æ are different characters.
If this error appears in some markup generated by PHP's session handling code, this article has explanations and solutions to your problem.
Note that in most documents, errors related to entity references will trigger up to 5 separate messages from the Validator. Usually these will all disappear when the original problem is fixed.
Line 45, Column 17: general entity "d.all" not defined and no default entity if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms… ✉
This is usually a cascading error caused by a an undefined entity reference or use of an unencoded ampersand (&) in an URL or body text. See the previous message for further details.
Line 45, Column 22: reference not terminated by REFC delimiter if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms… ✉
If you meant to include an entity that starts with "&", then you should terminate it with ";". Another reason for this error message is that you inadvertently created an entity by failing to escape an "&" character just before this text.
Line 45, Column 22: reference to entity "d.all" for which no system identifier could be generated if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms… ✉
This is usually a cascading error caused by a an undefined entity reference or use of an unencoded ampersand (&) in an URL or body text. See the previous message for further details.
Line 45, Column 16: entity was defined here if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms…
Line 45, Column 47: character "&" is the first character of a delimiter but occurred as data …x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; ✉
This message may appear in several cases:
You tried to include the "<" character in your page: you should escape it as "<"
You used an unescaped ampersand "&": this may be valid in some contexts, but it is recommended to use "&", which is always safe.
Another possibility is that you forgot to close quotes in a previous tag.
Line 45, Column 50: reference not terminated by REFC delimiter …x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; ✉
If you meant to include an entity that starts with "&", then you should terminate it with ";". Another reason for this error message is that you inadvertently created an entity by failing to escape an "&" character just before this text.
Line 45, Column 50: reference to entity "i" for which no system identifier could be generated …x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; ✉
This is usually a cascading error caused by a an undefined entity reference or use of an unencoded ampersand (&) in an URL or body text. See the previous message for further details.
Line 21, Column 39: entity was defined here var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=…
Line 45, Column 65: character ";" not allowed in attribute specification list …x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; ✉
Line 45, Column 65: element "d.forms.length" undefined …x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; ✉
You have used the element named above in your document, but the document type you are using does not define an element of that name. This error is often caused by:
incorrect use of the "Strict" document type with a document that uses frames (e.g. you must use the "Frameset" document type to get the "<frameset>" element),
by using vendor proprietary extensions such as "<spacer>" or "<marquee>" (this is usually fixed by using CSS to achieve the desired effect instead).
by using upper-case tags in XHTML (in XHTML attributes and elements must be all lower-case).
Line 47, Column 13: character "&" is the first character of a delimiter but occurred as data for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].docum… ✉
This message may appear in several cases:
You tried to include the "<" character in your page: you should escape it as "<"
You used an unescaped ampersand "&": this may be valid in some contexts, but it is recommended to use "&", which is always safe.
Another possibility is that you forgot to close quotes in a previous tag.
Line 47, Column 15: cannot generate system identifier for general entity "d.layers" for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].docum… ✉
An entity reference was found in the document, but there is no reference by that name defined. Often this is caused by misspelling the reference name, unencoded ampersands, or by leaving off the trailing semicolon (;). The most common cause of this error is unencoded ampersands in URLs as described by the WDG in "Ampersands in URLs".
Entity references start with an ampersand (&) and end with a semicolon (;). If you want to use a literal ampersand in your document you must encode it as "&" (even inside URLs!). Be careful to end entity references with a semicolon or your entity reference may get interpreted in connection with the following text. Also keep in mind that named entity references are case-sensitive; &Aelig; and æ are different characters.
If this error appears in some markup generated by PHP's session handling code, this article has explanations and solutions to your problem.
Note that in most documents, errors related to entity references will trigger up to 5 separate messages from the Validator. Usually these will all disappear when the original problem is fixed.
Line 47, Column 15: general entity "d.layers" not defined and no default entity for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].docum… ✉
This is usually a cascading error caused by a an undefined entity reference or use of an unencoded ampersand (&) in an URL or body text. See the previous message for further details.
Line 47, Column 23: reference not terminated by REFC delimiter for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].docum… ✉
If you meant to include an entity that starts with "&", then you should terminate it with ";". Another reason for this error message is that you inadvertently created an entity by failing to escape an "&" character just before this text.
Line 47, Column 23: reference to entity "d.layers" for which no system identifier could be generated for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].docum… ✉
This is usually a cascading error caused by a an undefined entity reference or use of an unencoded ampersand (&) in an URL or body text. See the previous message for further details.
Line 47, Column 14: entity was defined here for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].docum…
Line 47, Column 23: character "&" is the first character of a delimiter but occurred as data for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].docum… ✉
This message may appear in several cases:
You tried to include the "<" character in your page: you should escape it as "<"
You used an unescaped ampersand "&": this may be valid in some contexts, but it is recommended to use "&", which is always safe.
Another possibility is that you forgot to close quotes in a previous tag.
Line 47, Column 26: reference not terminated by REFC delimiter for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].docum… ✉
If you meant to include an entity that starts with "&", then you should terminate it with ";". Another reason for this error message is that you inadvertently created an entity by failing to escape an "&" character just before this text.
Line 47, Column 26: reference to entity "i" for which no system identifier could be generated for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].docum… ✉
This is usually a cascading error caused by a an undefined entity reference or use of an unencoded ampersand (&) in an URL or body text. See the previous message for further details.
Line 21, Column 39: entity was defined here var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=…
Line 47, Column 42: character ";" not allowed in attribute specification list …or(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].documen… ✉
Line 47, Column 42: element "d.layers.length" undefined …or(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].documen… ✉
You have used the element named above in your document, but the document type you are using does not define an element of that name. This error is often caused by:
incorrect use of the "Strict" document type with a document that uses frames (e.g. you must use the "Frameset" document type to get the "<frameset>" element),
by using vendor proprietary extensions such as "<spacer>" or "<marquee>" (this is usually fixed by using CSS to achieve the desired effect instead).
by using upper-case tags in XHTML (in XHTML attributes and elements must be all lower-case).
Line 49, Column 9: character "&" is the first character of a delimiter but occurred as data if(!x && d.getElementById) x=d.getElementById(n); return x; ✉
This message may appear in several cases:
You tried to include the "<" character in your page: you should escape it as "<"
You used an unescaped ampersand "&": this may be valid in some contexts, but it is recommended to use "&", which is always safe.
Another possibility is that you forgot to close quotes in a previous tag.
Line 49, Column 10: character "&" is the first character of a delimiter but occurred as data if(!x && d.getElementById) x=d.getElementById(n); return x; ✉
This message may appear in several cases:
You tried to include the "<" character in your page: you should escape it as "<"
You used an unescaped ampersand "&": this may be valid in some contexts, but it is recommended to use "&", which is always safe.
Another possibility is that you forgot to close quotes in a previous tag.
Line 59, Column 76: character "<" is the first character of a delimiter but occurred as data …=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3) ✉
This message may appear in several cases:
You tried to include the "<" character in your page: you should escape it as "<"
You used an unescaped ampersand "&": this may be valid in some contexts, but it is recommended to use "&", which is always safe.
Another possibility is that you forgot to close quotes in a previous tag.
Line 65, Column 9: end tag for "d.layers.length" omitted, but OMITTAG NO was specified </script> ✉
You may have neglected to close an element, or perhaps you meant to "self-close" an element, that is, ending it with "/>" instead of ">".
Line 47, Column 26: start tag was here for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].docum…
Line 65, Column 9: end tag for "d.forms.length" omitted, but OMITTAG NO was specified </script> ✉
You may have neglected to close an element, or perhaps you meant to "self-close" an element, that is, ending it with "/>" instead of ">".
Line 45, Column 50: start tag was here …x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
Line 65, Column 9: end tag for "a.length" omitted, but OMITTAG NO was specified </script> ✉
You may have neglected to close an element, or perhaps you meant to "self-close" an element, that is, ending it with "/>" instead of ">".
Line 29, Column 67: start tag was here … var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
Line 65, Column 9: end tag for "a.length" omitted, but OMITTAG NO was specified </script> ✉
You may have neglected to close an element, or perhaps you meant to "self-close" an element, that is, ending it with "/>" instead of ">".
Line 21, Column 41: start tag was here …var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x…
Line 121, Column 579: end tag for "img" omitted, but OMITTAG NO was specified …ight="32" alt="Twitter" border="0"></a><a href="http://www.guitarfusion.com/bl… ✉
You may have neglected to close an element, or perhaps you meant to "self-close" an element, that is, ending it with "/>" instead of ">".
Line 121, Column 492: start tag was here …="http://twitter.com/#!/guitarfusion"><img src="../images/twitter_32.png" widt…
Line 225, Column 14: an attribute value specification must be an attribute value literal unless SHORTTAG YES is specified <form method=post action="http://poll.pollcode.com/Vp1c"><table border=0 width=… ✉
Line 225, Column 72: an attribute value specification must be an attribute value literal unless SHORTTAG YES is specified …poll.pollcode.com/Vp1c"><table border=0 width=150 bgcolor="#ffffff" cellspacin… ✉
Line 225, Column 80: an attribute value specification must be an attribute value literal unless SHORTTAG YES is specified …lcode.com/Vp1c"><table border=0 width=150 bgcolor="#ffffff" cellspacing=0 cell… ✉
Line 225, Column 114: an attribute value specification must be an attribute value literal unless SHORTTAG YES is specified …dth=150 bgcolor="#ffffff" cellspacing=0 cellpadding=2><tr><td colspan=2><font … ✉
Line 225, Column 128: an attribute value specification must be an attribute value literal unless SHORTTAG YES is specified …r="#ffffff" cellspacing=0 cellpadding=2><tr><td colspan=2><font face="Verdana"… ✉
Line 225, Column 146: an attribute value specification must be an attribute value literal unless SHORTTAG YES is specified …acing=0 cellpadding=2><tr><td colspan=2><font face="Verdana" size=-1 color="te… ✉
Line 225, Column 174: an attribute value specification must be an attribute value literal unless SHORTTAG YES is specified …d colspan=2><font face="Verdana" size=-1 color="teal"><center><b>Most useful v… ✉
Line 225, Column 197: document type does not allow element "center" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag …"Verdana" size=-1 color="teal"><center><b>Most useful video lesson topics:</b>… ✉
The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you need a containing element, or possibly that you've forgotten to close a previous element.
One possible cause for this message is that you have attempted to put a block-level element (such as "<p>" or "<table>") inside an inline element (such as "<a>", "<span>", or "<font>").
Line 225, Column 277: an attribute value specification must be an attribute value literal unless SHORTTAG YES is specified …center></font></td></tr><tr><td width=5><input type=radio name=answer value="1… ✉
Line 225, Column 291: an attribute value specification must be an attribute value literal unless SHORTTAG YES is specified …</td></tr><tr><td width=5><input type=radio name=answer value="1"></td><td><fo… ✉
Line 225, Column 302: an attribute value specification must be an attribute value literal unless SHORTTAG YES is specified …tr><td width=5><input type=radio name=answer value="1"></td><td><font face="Ve… ✉
Line 225, Column 323: end tag for "input" omitted, but OMITTAG NO was specified … type=radio name=answer value="1"></td><td&gt

Links not working in Spry Accordian Menu

When clicked the links in the left side accordian menu do not work. However, the child-links work great. Example: http://www.richartbuilders.com/remodel.php
HEAD TAGS:
<script src="SpryAssets/SpryAccordion.js" type="text/javascript"></script>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal2.css" rel="stylesheet" type="text/css" />
<link href="SpryAssets/SpryAccordion.css" rel="stylesheet" type="text/css" />
<link href="content.css" rel="stylesheet" type="text/css" />
HTML:
<div id="navSide">
    <div id="sideWrapper">
      <div id="Accordion1" class="Accordion" tabindex="0">
        <div class="AccordionPanel">
          <div class="AccordionPanelTab"><a href="../remodel.php">Remodel</a></div>
          <div class="AccordionPanelContent"></div>
         </div>
        <div class="AccordionPanel">
          <div class="AccordionPanelTab"><a href="../windowsdoors.php">Windows & Doors</a></div>
          <div class="AccordionPanelContent"></div>
          </div>
        <div class="AccordionPanel">
          <div class="AccordionPanelTab"><a href="../weatherization.php">Weatherization</a></div>
          <div class="AccordionPanelContent"></div>
         </div>
        <div class="AccordionPanel">
          <div class="AccordionPanelTab"><a href="#">Electrical...</a></div>
          <div class="AccordionPanelContent">
            <ul>
              <li><a href="residential.php">Residential</a></li>
              <li><a href="commercial.php">Commercial</a></li>
            </ul>
          </div>
        </div>
      </div>
    </div>
</div>
<script type="text/javascript">
var Accordion1 = new Spry.Widget.Accordion("Accordion1" ,{ useFixedPanelHeights:false, defaultPanel:0});
</script>
external CSS:
@charset "UTF-8";
/* SpryAccordion.css - version 0.5 - Spry Pre-Release 1.6.1 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
/* This is the selector for the main Accordion container. For our default style,
* we draw borders on the left, right, and bottom. The top border of the Accordion
* will be rendered by the first AccordionPanelTab which never moves.
* If you want to constrain the width of the Accordion widget, set a width on
* the Accordion container. By default, our accordion expands horizontally to fill
* up available space.
* The name of the class ("Accordion") used in this selector is not necessary
* to make the widget function. You can use any class name you want to style the
* Accordion container.
.Accordion {
    overflow: hidden;
    border: 1px solid #CCC;
    width: 145px;
/* This is the selector for the AccordionPanel container which houses the
* panel tab and a panel content area. It doesn't render visually, but we
* make sure that it has zero margin and padding.
* The name of the class ("AccordionPanel") used in this selector is not necessary
* to make the widget function. You can use any class name you want to style an
* accordion panel container.
.AccordionPanel {
    margin: 0px;
    padding: 0px;
/* This is the selector for the AccordionPanelTab. This container houses
* the title for the panel. This is also the container that the user clicks
* on to open a specific panel.
* The name of the class ("AccordionPanelTab") used in this selector is not necessary
* to make the widget function. You can use any class name you want to style an
* accordion panel tab container.
* NOTE:
* This rule uses -moz-user-select and -khtml-user-select properties to prevent the
* user from selecting the text in the AccordionPanelTab. These are proprietary browser
* properties that only work in Mozilla based browsers (like FireFox) and KHTML based
* browsers (like Safari), so they will not pass W3C validation. If you want your documents to
* validate, and don't care if the user can select the text within an AccordionPanelTab,
* you can safely remove those properties without affecting the functionality of the widget.
.AccordionPanelTab {
    background-color: #F2F2F2;
    margin: 0px;
    padding: 12px;
    cursor: pointer;
    font-family: "Myriad Pro", Verdana, Geneva, sans-serif;
    font-size: 14px;
    color: #0071BC;
    border-bottom: 1px solid #CCC;
    /* [disabled]text-transform: uppercase; */
.AccordionPanelTab a {
    text-decoration:none;
    color: #0071BC;
/* This is the selector for a Panel's Content area. It's important to note that
* you should never put any padding on the panel's content area if you plan to
* use the Accordions panel animations. Placing a non-zero padding on the content
* area can cause the accordion to abruptly grow in height while the panels animate.
* Anyone who styles an Accordion *MUST* specify a height on the Accordion Panel
* Content container.
* The name of the class ("AccordionPanelContent") used in this selector is not necessary
* to make the widget function. You can use any class name you want to style an
* accordion panel content container.
.AccordionPanelContent {
    overflow: auto;
    margin: 0px;
    padding: 0px;
.AccordionPanelContent ul {
    list-style-type:none;
    margin:0;
    line-height: 22px;
    font-family:"Myriad Pro", "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:14px;
.AccordionPanelContent ul li {
    color:#666;
.AccordionPanelContent ul li a {
    display:block;
    padding-top: 5px;
    padding-right: 0px;
    padding-bottom: 5px;
    padding-left: 0px;
.AccordionPanelContent ul li a:link, .AccordionPanelContent ul li a:visited {
    text-decoration:none;
    color:#0071BC;
.AccordionPanelContent ul li a:hover, .AccordionPanelContent ul li a:active {
    color:#FF9900;
.AccordionPanelTab a:link, .AccordionPanelTab a:visited {
    color:#0071BC;
.AccordionPanelTabHover a:hover, .AccordionPanelTabHover a:active {
    color:#FF9900;
/* This is an example of how to change the appearance of the panel tab that is
* currently open. The class "AccordionPanelOpen" is programatically added and removed
* from panels as the user clicks on the tabs within the Accordion.
.AccordionPanelOpen .AccordionPanelTab {
    background-color: #FFFFFF;
/* This is an example of how to change the appearance of the panel tab as the
* mouse hovers over it. The class "AccordionPanelTabHover" is programatically added
* and removed from panel tab containers as the mouse enters and exits the tab container.
.AccordionPanelTabHover {
.AccordionPanelOpen .AccordionPanelTabHover {
    color: #555555;
/* This is an example of how to change the appearance of all the panel tabs when the
* Accordion has focus. The "AccordionFocused" class is programatically added and removed
* whenever the Accordion gains or loses keyboard focus.
.AccordionFocused .AccordionPanelTab {
    /* [disabled]background-color: #3399FF; */
/* This is an example of how to change the appearance of the panel tab that is
* currently open when the Accordion has focus.
.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
    /* [disabled]background-color: #33CCFF; */
/* Rules for Printing */
@media print {
.Accordion {
overflow: visible !important;
.AccordionPanelContent {
display: block !important;
overflow: visible !important;
height: auto !important;

When clicked the links in the left side accordian menu do not work. However, the child-links work great. Example: http://www.richartbuilders.com/remodel.php
HEAD TAGS:
<script src="SpryAssets/SpryAccordion.js" type="text/javascript"></script>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal2.css" rel="stylesheet" type="text/css" />
<link href="SpryAssets/SpryAccordion.css" rel="stylesheet" type="text/css" />
<link href="content.css" rel="stylesheet" type="text/css" />
HTML:
<div id="navSide">
    <div id="sideWrapper">
      <div id="Accordion1" class="Accordion" tabindex="0">
        <div class="AccordionPanel">
          <div class="AccordionPanelTab"><a href="../remodel.php">Remodel</a></div>
          <div class="AccordionPanelContent"></div>
         </div>
        <div class="AccordionPanel">
          <div class="AccordionPanelTab"><a href="../windowsdoors.php">Windows & Doors</a></div>
          <div class="AccordionPanelContent"></div>
          </div>
        <div class="AccordionPanel">
          <div class="AccordionPanelTab"><a href="../weatherization.php">Weatherization</a></div>
          <div class="AccordionPanelContent"></div>
         </div>
        <div class="AccordionPanel">
          <div class="AccordionPanelTab"><a href="#">Electrical...</a></div>
          <div class="AccordionPanelContent">
            <ul>
              <li><a href="residential.php">Residential</a></li>
              <li><a href="commercial.php">Commercial</a></li>
            </ul>
          </div>
        </div>
      </div>
    </div>
</div>
<script type="text/javascript">
var Accordion1 = new Spry.Widget.Accordion("Accordion1" ,{ useFixedPanelHeights:false, defaultPanel:0});
</script>
external CSS:
@charset "UTF-8";
/* SpryAccordion.css - version 0.5 - Spry Pre-Release 1.6.1 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
/* This is the selector for the main Accordion container. For our default style,
* we draw borders on the left, right, and bottom. The top border of the Accordion
* will be rendered by the first AccordionPanelTab which never moves.
* If you want to constrain the width of the Accordion widget, set a width on
* the Accordion container. By default, our accordion expands horizontally to fill
* up available space.
* The name of the class ("Accordion") used in this selector is not necessary
* to make the widget function. You can use any class name you want to style the
* Accordion container.
.Accordion {
    overflow: hidden;
    border: 1px solid #CCC;
    width: 145px;
/* This is the selector for the AccordionPanel container which houses the
* panel tab and a panel content area. It doesn't render visually, but we
* make sure that it has zero margin and padding.
* The name of the class ("AccordionPanel") used in this selector is not necessary
* to make the widget function. You can use any class name you want to style an
* accordion panel container.
.AccordionPanel {
    margin: 0px;
    padding: 0px;
/* This is the selector for the AccordionPanelTab. This container houses
* the title for the panel. This is also the container that the user clicks
* on to open a specific panel.
* The name of the class ("AccordionPanelTab") used in this selector is not necessary
* to make the widget function. You can use any class name you want to style an
* accordion panel tab container.
* NOTE:
* This rule uses -moz-user-select and -khtml-user-select properties to prevent the
* user from selecting the text in the AccordionPanelTab. These are proprietary browser
* properties that only work in Mozilla based browsers (like FireFox) and KHTML based
* browsers (like Safari), so they will not pass W3C validation. If you want your documents to
* validate, and don't care if the user can select the text within an AccordionPanelTab,
* you can safely remove those properties without affecting the functionality of the widget.
.AccordionPanelTab {
    background-color: #F2F2F2;
    margin: 0px;
    padding: 12px;
    cursor: pointer;
    font-family: "Myriad Pro", Verdana, Geneva, sans-serif;
    font-size: 14px;
    color: #0071BC;
    border-bottom: 1px solid #CCC;
    /* [disabled]text-transform: uppercase; */
.AccordionPanelTab a {
    text-decoration:none;
    color: #0071BC;
/* This is the selector for a Panel's Content area. It's important to note that
* you should never put any padding on the panel's content area if you plan to
* use the Accordions panel animations. Placing a non-zero padding on the content
* area can cause the accordion to abruptly grow in height while the panels animate.
* Anyone who styles an Accordion *MUST* specify a height on the Accordion Panel
* Content container.
* The name of the class ("AccordionPanelContent") used in this selector is not necessary
* to make the widget function. You can use any class name you want to style an
* accordion panel content container.
.AccordionPanelContent {
    overflow: auto;
    margin: 0px;
    padding: 0px;
.AccordionPanelContent ul {
    list-style-type:none;
    margin:0;
    line-height: 22px;
    font-family:"Myriad Pro", "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:14px;
.AccordionPanelContent ul li {
    color:#666;
.AccordionPanelContent ul li a {
    display:block;
    padding-top: 5px;
    padding-right: 0px;
    padding-bottom: 5px;
    padding-left: 0px;
.AccordionPanelContent ul li a:link, .AccordionPanelContent ul li a:visited {
    text-decoration:none;
    color:#0071BC;
.AccordionPanelContent ul li a:hover, .AccordionPanelContent ul li a:active {
    color:#FF9900;
.AccordionPanelTab a:link, .AccordionPanelTab a:visited {
    color:#0071BC;
.AccordionPanelTabHover a:hover, .AccordionPanelTabHover a:active {
    color:#FF9900;
/* This is an example of how to change the appearance of the panel tab that is
* currently open. The class "AccordionPanelOpen" is programatically added and removed
* from panels as the user clicks on the tabs within the Accordion.
.AccordionPanelOpen .AccordionPanelTab {
    background-color: #FFFFFF;
/* This is an example of how to change the appearance of the panel tab as the
* mouse hovers over it. The class "AccordionPanelTabHover" is programatically added
* and removed from panel tab containers as the mouse enters and exits the tab container.
.AccordionPanelTabHover {
.AccordionPanelOpen .AccordionPanelTabHover {
    color: #555555;
/* This is an example of how to change the appearance of all the panel tabs when the
* Accordion has focus. The "AccordionFocused" class is programatically added and removed
* whenever the Accordion gains or loses keyboard focus.
.AccordionFocused .AccordionPanelTab {
    /* [disabled]background-color: #3399FF; */
/* This is an example of how to change the appearance of the panel tab that is
* currently open when the Accordion has focus.
.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
    /* [disabled]background-color: #33CCFF; */
/* Rules for Printing */
@media print {
.Accordion {
overflow: visible !important;
.AccordionPanelContent {
display: block !important;
overflow: visible !important;
height: auto !important;

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>

Spry dataset not working in Template - please help

Hi all,
I have a situation where when I pull a spry dataset from an
xml file and display the contents in a table which works fine in a
regular html page but not a template formed page for repeatable
region.
The error I get is FAILED TO RETRIEVE DATA SET FOR SPRY
REPEAT. Prior to that it tells me GetParentDataSet is null or not
an object. I tried setting up a repeat region around the repeated
rows but that didn't work either. So I pulled everything else out
that might be causing the problem but nothing. I checked the
pathing as well for the spry assets and it checks out okay.
Anyway, here's the template.
<!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"
xmlns:spry="
http://ns.adobe.com/spry">
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=utf-8" />

<title>Untitled Document</title>


<link href="../styles/style.css" rel="stylesheet"
type="text/css">
<link href="../styles/linkB.css" rel="stylesheet"
type="text/css">
<link href="../styles/linkA.css" rel="stylesheet"
type="text/css">

<script src="../SpryAssets/xpath.js"
type="text/javascript"></script>
<script src="../SpryAssets/SpryData.js"
type="text/javascript"></script>
<script type=”text/javascript”>
// Setup nested data sets:
var dsReagCons = new
Spry.Data.XMLDataSet("../xml/consumables.xml",
"electrodes_and_accessories/item[@catno='il_acl100_7000_coag_systems']");
</script>
</head>
<body>

This
is a test

<div spry:region="dsReagCons">
<table align='center' width='680' border='1'
cellpadding='3' cellspacing='0' class='form'>
<tr>
<td colspan='5' class='prodHead' >Electrodes and
Accessories</td>
</tr>
<tr class='prodHead2'>
<td spry:sort="ddi_cat_no" width='80'>Diamond<br
/>
Cat. No.</td>
<td spry:sort="oem_cat_no" width='80'>OEM<br />
Cat. No.</td>
<td width='300'>Description</td>
<td spry:sort="models" width='100'>Models</td>
<td width='45'>UOM</td>
</tr>
<tr spry:repeat="dsReagCons">
<td>{dsReagCons::ddi_cat_no}</td>
<td>{dsReagCons::oem_cat_no}</td>
<td>{dsReagCons::desc}</td>
<td>{dsReagCons::models}</td>
<td>{dsReagCons::uom}</td>
</tr>
</table>
</div>
</body>
</html>
What am I missing here? Like I said I even tried putting a
repeat region around the table itself.
Thanks,
-- Jim

Hey,
Good to have a comm expert on this. Actually I solved the
problem. It was combination of what I was doing within the template
and the way the xml file was formed. Also, I had to use a template
parameter to feed a spry:test filter.
Thanks for getting back to me anyway.
-- Jim

Slimbox not working with Spry Dataset

Hi there,
I'm trying to populate a page with Spry Dataset and use Slimbox2 to show a set of 4 images when a thumbnail is clicked.
The original webpage WITHOUT Spry Dataset is here:
http://shadowmuseum.com/portfolio/p-web.html
Currently it works with just slimbox, but as soon as I add a Spry Dataset, the large images won't load anymore. When a thumbnail is clicked on, it opens the 1st large image of the set in a new page, completely removing the lightbox effect.
I've scouted the internet for solutions; it's been suggested that slimbox doesn't work because spry doesn't have time to load the content first. But I'm not savvy with javascript at all, so have no idea how to work around it....
Any help would be greatly appreciated.
Thanks a lot.
P.S. Below is the HTML code for the page with both spry & slimbox:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /><meta name="keywords" content="Shadow Museum, design, photography, london, web, web design, ana, ana lorraine lui, benjamin, backhouse, E1, E8, N16, graphic design, st martins, creative, agency, bespoke, multi-disciplinary" /><meta name="description" content="London based bespoke multi-disciplinary creative agency. Services include web design, photography, print design, and filmmaking." />

<title>Shadow Museum || London-based bespoke multi-disciplinary creative agency</title>
<script type="text/javascript" src="../zzAssets/scripts/Lightbox/jquery-1.3.1.min.js"></script>
<script type="text/javascript" src="../zzAssets/scripts/Lightbox/js/slimbox2.js"></script>
<script src="../zzAssets/scripts/SpryAssets/xpath.js" type="text/javascript"></script>
<script src="../zzAssets/scripts/SpryAssets/SpryData.js" type="text/javascript"></script>
<link rel="stylesheet" href="../zzAssets/scripts/Lightbox/css/slimbox2.css" type="text/css" media="screen" />

<link href="../zzAssets/scripts/main.css" rel="stylesheet" type="text/css" />
<script src="../zzAssets/scripts/SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="../zzAssets/scripts/SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="../zzAssets/scripts/clock/clockp.js"></script>
<script type="text/javascript" src="../zzAssets/scripts/clock/clockh.js"></script>

<script type="text/javascript">

</script>

</head>
<body>
<div id="clock_a"></div>
<div id="menu">
<ul id="mainMenu" class="MenuBarHorizontal">
    <li><a href="../index.html">Home</a>      </li>
    <li><a href="../news/news.html">News</a></li>
    <li><a class="MenuBarItemSubmenu" href="#">About</a>
        <ul>
          <li><a href="../about/our_story.html">Our Story</a></li>
          <li><a href="../about/our_values.html">Our Values</a></li>
        </ul>
    </li>
    <li><a href="#" class="MenuBarItemSubmenu">Services</a>
      <ul>
        <li><a href="../services/web_design.html">Web Design</a></li>
        <li><a href="../services/print_design.html">Print Design</a></li>
        <li><a href="../services/photography.html">Photography</a></li>
        <li><a href="../services/filmmaking.html">Filmmaking</a></li>
        </ul>
    </li>
    <li><a href="#" class="MenuBarItemSubmenu">Portfolio</a>
      <ul>
        <li><a href="p-web.html">Web Design</a></li>
        <li><a href="p-print.html">Print Design</a></li>
        <li><a href="p-photography.html">Photography</a></li>
        <li><a href="p-filmmaking.html">Filmmaking</a></li>
      </ul>
    </li>
    <li><a href="../contact/contact.html">Contact</a></li>
</ul>
</div>

<div id="content">
<div id="p-web">
    <h2>Web Portfolio</h2>
     <div class="SpryHiddenRegion" spry:region="dsWeb">
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr spry:repeat="dsWeb">
        <td align="center" valign="top">
               <a href="../zzAssets/images/p-web/{pic1}" rel="{label}" title="{title}"><img src="../zzAssets/images/p-web/{thm}" width="180" height="130" /></a>
               <a href="../zzAssets/images/p-web/{pic2}" rel="{label}" title="{title}"></a>
               <a href="../zzAssets/images/p-web/{pic3}" rel="{label}" title="{title}"></a>
               <a href="../zzAssets/images/p-web/{pic4}" rel="{label}" title="{title}"></a>
          </td>
        <td align="left" valign="top">
               <h3>{title}</h3>
               {info}
               <p><a href="http://{url}" target="_blank">{url-label}</a></p>
          </td>
      </tr>
    </table>
     </div>
    <p> </p>
</div>
</div>

<div id="footer">
<div id="watermarkRight">
    <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
      <tr>
        <td align="left" valign="top">©2009 Shadow Museum | Company Number 6576238
          | <a href="../terms.html" class="colourless">Terms & Conditions</a></td>
        <td align="right" valign="top">contact us: <a href="mailto:[email protected]">[email protected]</a></td>
      </tr>
    </table>
</div>
</div>
<script type="text/javascript">

</script>
</body>
</html>

You are not re-initializing the lightbox library code after Spry have generated the markup.
You can use the Spry region observer onPostUpdate to get notified of region re-generation and recall the initialization code of the lightbox.

Spry Accordion not working in AIR

Hi,
I'm trying to make an AIR application using HTML/CSS/Javascript and Spry.
I have an xml dataset populating a spry accordion panel widget. Everything works perfectly in the browser but when I preview it in Adobe AIR, there is no accordion functionality;
Here is my code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns:spry="http://ns.adobe.com/spry">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="author" content="Dionne Lie-Sam-Foek" />
<title>TV Show Manager</title>
<link href="_Assets/css/main.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="_Assets/frameworks/AIRAliases.js"></script>
<script type="text/javascript" src="_Assets/javascript/functions.js"></script>
<script src="_Assets/spry/xpath.js" type="text/javascript"></script>
<script src="_Assets/spry/SpryData.js" type="text/javascript"></script>
<script src="_Assets/spry/SpryNestedXMLDataSet.js" type="text/javascript"></script>
<script src="_Assets/spry/SpryAccordion.js" type="text/javascript"></script>
<script type="text/javascript">
var dsSeasons = new Spry.Data.XMLDataSet("http://www.tvrage.com/feeds/episode_list.php?sid=3908", "Show/Episodelist/Season", {sortOnLoad:"@no", sortOrderOnLoad:"descending"});
var dsEpisodes = new Spry.Data.NestedXMLDataSet(dsSeasons, "episode", {sortOnLoad:"seasonnum", sortOrderOnLoad:"descending"});
dsSeasons.setColumnType("@no", "number");
var observer = { onPostUpdate: function(notifier, data) { var acc = new Spry.Widget.Accordion('accordion', { useFixedPanelHeights: false, duartion: 300 }); }};
Spry.Data.Region.addObserver('accordion', observer);
</script>
<link href="_Assets/spry/SpryAccordion.css" type="text/css" rel="stylesheet" />
</head>
<body>
<div id="wrapper">
<div id="main">
    <h1>TV Show Title</h1>
    <div id="showInfo" spry:region="dsSeasons dsEpisodes" class="SpryHiddenRegion">
        <h2>Episode List</h2>
            <div id="accordion" class="Accordion">
            <div class="AccordionPanel" spry:repeat="dsSeasons">
                <h3 class="AccordionPanelTab">Season {@no}</h3>
                    <div class="AccordionPanelContent">
                        <table spry:repeatchildren="dsEpisodes">
                            <tr class="{dsEpisodes::ds_EvenOddRow}">
                                <td><input name="seen" type="checkbox" value="1" /></td>
                                <td>{function::seasonnr}<span class="ex">x</span>{dsEpisodes::seasonnum}</td>
                                <td>{function::airdate}</td>
                                <td><a href="{dsEpisodes::link}" target="_blank">{dsEpisodes::title}</a></td>
                            </tr>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>
I hope someone can point me in the right direction

I just wanted to bump this to include a link to the test site:
http://bpneiman.freehostia.com/testoftemp2.htm
The links on the page do not work. The accordion spry works in Firefox, but not for me in IE8. I was hoping someone else could take a look and tell me if it is working for them.
Thanks.

Spry Validations not working javascript:Spry.Widget.Form.destroyAll() in popup

Similar Messages

Maybe you are looking for