Spry problem in IE

Exception caught while loading example.xml: [object Error]
This message shows in IE when i using spry table (when I
using FF it works normally)
This is my xml
<?xml version="1.0" encoding="utf-8"?><school>
<classroom>
<a>table</a>
<b>abc</b>
</classroom>
<classroom>
<a>me</a>
<b>croatia</b>
</classroom>
</school>
and this is my html code
<!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>
<script src="SpryAssets/xpath.js"
type="text/javascript"></script>
<script src="SpryAssets/SpryData.js"
type="text/javascript"></script>
<script type="text/javascript">
<!--
var example = new Spry.Data.XMLDataSet("example.xml",
"school/classroom");
//-->
</script>
</head>
<body>
<div spry:region="example">
<table>
<tr>
<th spry:sort="a">A</th>
<th spry:sort="b">B</th>
</tr>
<tr spry:repeat="example" spry:setrow="example">
<td>{a}</td>
<td>{b}</td>
</tr>
</table>
</div>
</body>
</html>
can somebody help me

Hi,
I tried to reproduce the error you mentioned using the xml
and the code you provided but I don't see any error there..
Are you still able to reproduce that error? Can you give us
an url where to see that error ?
Thanks,
Diana

Similar Messages

  • Spry problem on IE

    hello i've got a problem with a spry menu
    on opera and other there's no problem but on IE the will not appear correctly
    here to see on IE
    and for opera
    here is the code from the pages
    <%@LANGUAGE="VBSCRIPT" CODEPAGE="65001"%>
    <!--#include virtual="/Connections/cieffedb.asp" -->
    <%
    dim fs,fo,tfile,cpt,rsImage, crnd, first
    Set fs=Server.CreateObject("Scripting.FileSystemObject")
    Set fo=fs.GetFolder("c:\inetpub\wwwroot\slideshow")
    Set tfile=fo.CreateTextFile("sample.xml",true)
    set rsImage=server.CreateObject("adodb.recordset")
    connstring="dsn=cieffeDB"
    cpt = 0
    first = true
    randomize
    crnd = int(rnd(20)*10)
    rsImage.source = "select image from Images where id_page = 3 order by Rnd((-1000*id)*Time())"
    rsImage.activeconnection = connstring
    rsImage.locktype = 1
    rsImage.open()
    tfile.WriteLine("<?xml version=""1.0"" encoding=""UTF-8""?>")
    tfile.WriteLine("<slideshow>")
    while (cpt<15)
        tfile.WriteLine("<slide>")
        tfile.WriteLine("<image url='"&rsImage.Fields.Item("image").Value& "' duration='5' fill = 'stretch' />")
    tfile.WriteLine("<link>")
    tfile.WriteLine("<area x="& Chr(34)&"1"& Chr(34)& " y="& Chr(34)&"1"& Chr(34)&" width="& Chr(34)&"715"& Chr(34)&" height="& Chr(34)&"80"& Chr(34)&" url="& Chr(34)&"http://www.cieffe.be"& Chr(34)&" target="& Chr(34)&"_parent"& Chr(34)& "/>")
    tfile.WriteLine("</link>")  
    tfile.WriteLine("</slide>")
    rsImage.movenext()  
    cpt = cpt+1
    wend
    tfile.WriteLine("</slideshow>")
    tfile.Close
    rsImage.close
    set tfile=nothing
    set rsImage = nothing
    set fo=nothing
    set fs=nothing
    %>
    <%
    ' *** Logout the current user.
    MM_Logout = CStr(Request.ServerVariables("URL")) & "?MM_Logoutnow=1"
    If (CStr(Request("MM_Logoutnow")) = "1") Then
      Session.Contents.Remove("MM_Username")
      Session.Contents.Remove("MM_UserAuthorization")
      if application("langue") = "FR" then
      MM_logoutRedirectPage = "/acceuil.asp?lang=FR"
      end if
      if application("langue") = "NL" then
      MM_logoutRedirectPage = "/acceuil.asp?lang=NL"
      end if
      if application("langue") = "EN" then
      MM_logoutRedirectPage = "/acceuil.asp?lang=EN"
      end if
      ' redirect with URL parameters (remove the "MM_Logoutnow" query param).
      if (MM_logoutRedirectPage = "") Then MM_logoutRedirectPage = CStr(Request.ServerVariables("URL"))
      If (InStr(1, UC_redirectPage, "?", vbTextCompare) = 0 And Request.QueryString <> "") Then
        MM_newQS = "?"
        For Each Item In Request.QueryString
          If (Item <> "MM_Logoutnow") Then
            If (Len(MM_newQS) > 1) Then MM_newQS = MM_newQS & "&"
            MM_newQS = MM_newQS & Item & "=" & Server.URLencode(Request.QueryString(Item))
          End If
        Next
        if (Len(MM_newQS) > 1) Then MM_logoutRedirectPage = MM_logoutRedirectPage & MM_newQS
      End If
      session("login")=""
      Response.Redirect(MM_logoutRedirectPage)
    End If
    %>
    <%  application("langue") = Request.QueryString("lang")
    %>
    <%
    Dim categorie
    Dim categorie_cmd
    Dim categorie_numRows
    Set categorie_cmd = Server.CreateObject ("ADODB.Command")
    categorie_cmd.ActiveConnection = MM_cieffedb_STRING
    categorie_cmd.CommandText = "SELECT CategoryFR, CategoryNL, CategoryEN, N°, CommentaireFR,CommentaireNL, CommentaireEN FROM Categories"
    categorie_cmd.Prepared = true
    Set categorie = categorie_cmd.Execute
    categorie_numRows = 0
    %>
    <%
    Dim images
    Dim images_cmd
    Dim images_numRows
    Set images_cmd = Server.CreateObject ("ADODB.Command")
    images_cmd.ActiveConnection = MM_cieffedb_STRING
    images_cmd.CommandText = "SELECT image FROM images, categories WHERE N° = id_categorie"
    images_cmd.Prepared = true
    Set images = images_cmd.Execute
    images_numRows = 0
    %>
    <%
    Dim Repeat2__numRows
    Dim Repeat2__index
    Repeat2__numRows = 10
    Repeat2__index = 0
    images_numRows = images_numRows + Repea2__numRows
    %>
    <%
    Dim Repeat1__numRows
    Dim Repeat1__index
    Repeat1__numRows = 10
    Repeat1__index = 0
    categorie_numRows = categorie_numRows + Repeat1__numRows
    %>
    <!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" />
    <title>Categorie</title>
    <link href="/template/style.css" rel="stylesheet" type="text/css" />
    <!--[if IE]>
    <link  href="/template/ie.css"  type="text/css" />
    <![endif]-->
    <script src="/SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
    <link href="/SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
    <div id="global">
    <div id="container">
      <div id="line1"> </div>
    <div id="line2" align="right"> <a href="categorie.asp?lang=FR" target="_parent">FR</a> <a href="categorie.asp?lang=NL" target="_parent">NL</a> <a href="categorie.asp?lang=EN" target="_parent">EN</a> </div>
    <div style="clear: both"></div>
    <div id="name">CIEFFE BENELUX</div>
    <div id="left">
    </div>
    <div id="center">
    <% If application("langue")="FR"  Then %>
    <div id="menu">
        <p><a href="acceuil.asp?lang=FR">Acceuil</a><br />
    menu </p>
        <p><a href="categorie.asp?lang=FR">Catégories</a><br />
    menu </p>
        <%if session("login") <> "OK" then%>
      <p><a href="login.asp?lang=FR">Login</a><br />
    menu </p>
         <%else%>
         <p><a href="<%= MM_Logout %>">Log out</a><br />
    menu </p>
        <%END IF%>
      <p><a href="enregistrement.asp?lang=FR">Incription</a><br />
    menu </p>
      <p><a href="contact.asp?lang=FR">Contactez nous</a><br />
    menu </p>
         </div>
      <% End If %>
        <% If application("langue")="NL" Then %>
        <div id="menu">
    <p><a href="acceuil.asp?lang=NL">Home</a><br />
    menu </p>
    <p><a href="categorie.asp?lang=NL">Categorieën</a><br />
    menu </p>
       <%if session("login") <> "OK" then%>
      <p><a href="login.asp?lang=NL">Login</a><br />
    menu </p>
         <%else%>
         <p><a href="<%= MM_Logout %>">Log out</a><br />
    menu </p>
         <%END IF%>
      <p><a href="enregistrement.asp?lang=NL">Opschrift</a><br />
    menu </p>
      <p><a href="contact.asp?lang=NL">Contact</a><br />
    menu </p>
        </div>
        <% End If %>
        <% If application("langue")="EN"  Then %>
        <div id="menu">
    <p><a href="acceuil.asp?lang=EN">Home</a><br />
    menu </p>
    <p><a href="categorie.asp?lang=EN">Categories</a><br />
    menu </p>
       <%if session("login") <> "OK" then%>
      <p><a href="login.asp?lang=EN">Login</a><br />
    menu </p>
         <%else%>
         <p><a href="<%= MM_Logout %>">Log out</a><br />
    menu </p>
         <%END IF%>
      <p><a href="enregistrement.asp?lang=EN">Registration</a><br />
    menu </p>
      <p><a href="contact.asp?lang=EN">Contact us</a><br />
    menu </p>
        </div>
        <% End If %>
    </div>
    <div  id="right">
    <center> <OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
            codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0"
            WIDTH="716"
            HEIGHT="80"
            id="slideshow">
    <PARAM NAME="movie" VALUE="slideshow\slideshow.swf?xml_source=slideshow\sample.xml"/>
    <PARAM NAME="quality" VALUE="high" />
    <PARAM NAME="bgcolor" VALUE="#000000" />
    <param name="allowScriptAccess" value="sameDomain" />
    <EMBED src="\slideshow\slideshow.swf?xml_source=slideshow\sample.xml"
    quality="high"
    bgcolor="#000000"
    WIDTH="715"
    HEIGHT="80"
    NAME="slideshow"
    allowScriptAccess="sameDomain"
    swLiveConnect="true"
    TYPE="application/x-shockwave-flash" 
    PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer">
    </EMBED>
    </OBJECT>
    </center>
    <% If application("langue")="FR" Then %>
      <ul id="MenuBar1" class="MenuBarHorizontal">
      <% While ((NOT categorie.EOF)) %>
          <li><a class="MenuBarItemSubmenu" href="/produits.asp?Num=<%=(categorie.Fields.Item("N°").Value)%>&lang=FR"><%=(categorie.F ields.Item("CategoryFR").Value)%> </a>
          <%
         dim rs,numProd
      numProd=categorie.fields.item("N°").value
         connstring="dsn=cieffeDB"
      set rs=server.CreateObject("adodb.recordset")
      rs.source = "select * from Produits where NumCategorie = " & numProd
      rs.activeconnection = connstring
            rs.locktype = 1
            rs.open()%>
          <ul>
       <% While ( (NOT rs.EOF)) %>
             <li><a class="MenuBarItemSubmenu" href="#"><%=(rs.Fields.Item("NomFR").Value)%></a>
             <%
         dim rs11,numCat
      numCat=rs.fields.item("ID").value
         connstring="dsn=cieffeDB"
      set rs11=server.CreateObject("adodb.recordset")
      rs11.source = "select * from marque where id_Produit = " & numCat
      rs11.activeconnection = connstring
            rs11.locktype = 1
            rs11.open()%>
            <ul>
            <% While ( (NOT rs11.EOF)) %>
               <li><a class="MenuBarItemSubmenu" href="#"><%=rs11.fields.item("marque").value%></a>
               <%
           dim rs12, numMarq
        numMarq = rs11.fields.item("ID").value
        connstring = "dsn=cieffeDB"
        set rs12 = server.CreateObject("adodb.recordset")
        rs12.source = "select * from produitsM where id_marque ="& numMarq
        rs12.activeconnection = connstring
        rs12.locktype = 1
        rs12.open()
         %>
               <ul>
                    <%while (not rs12.EOF)%>
                        <li><a class="MenuBarItemSubmenu" href="#"><%=rs12.fields.item("nom").value%></a>
                        <%
            dim rs13,numPrd
            connstring = "dsn=cieffeDB"
            numPrd = rs12.fields.item("ID").value
            set rs13 = server.CreateObject("adodb.recordset")
            rs13.source = "select * from type where id_produitM ="&NumPrd
            rs13.activeconnection = connstring
            rs13.locktype = 1
            rs13.open()
         %>
                        <ul>
                        <%while (not rs13.EOF)%>
                           <li><a class="MenuBarItemSubmenu" href="#"><%=rs13.fields.item("type").value%></a></li>
                        <%
           rs13.movenext()
           WEND
         %>   
                        <%
           rs13.close()
           set rs13 = nothing
         %>
                        </ul>
                      </li>
                    <%rs12.movenext()
             WEND
           %>
               </ul>
                   <% rs12.close()
             set rs12=nothing
          %>
               </li>
             <%rs11.movenext()
         WEND%>
            </ul>
             <% rs11.close()
           set rs11=nothing%>
            </li>
       <%
         rs.MoveNext()
         WEND%>
          </ul>  
         </li>
        <% rs.close()
           set rs=nothing
      Repeat1__index=Repeat1__index+1
      Repeat1__numRows=Repeat1__numRows-1%>
      <%categorie.MoveNext()
    Wend
    %>
    <%categorie.close()
      Set categorie = categorie_cmd.Execute
      categorie_numRows = 0
      Repeat1__index = 0
      Repeat1__numRows = 10%>
    </ul>
    <p> </p>
    <p> </p>
    <table border="1" >
    <% While ((NOT categorie.EOF)) %>
          <td width="96"><%=(categorie.Fields.Item("CommentaireFR").Value)%></td>
        <%
      Repeat1__index=Repeat1__index+1
      Repeat1__numRows=Repeat1__numRows-1
      categorie.MoveNext()
    Wend
    %>
    </table>
    <% End If %>
    <% If application("langue")="NL" Then %>
    <ul id="MenuBar1" class="MenuBarHorizontal">
      <% While ((NOT categorie.EOF)) %>
          <li><a class="MenuBarItemSubmenu" href="/produits.asp?Num=<%=(categorie.Fields.Item("N°").Value)%>&lang=NL"><%=(categorie.F ields.Item("CategoryNL").Value)%> </a>
          <%
         dim rs2,numProd2
      numProd2=categorie.fields.item("N°").value
         connstring="dsn=cieffeDB"
      set rs2=server.CreateObject("adodb.recordset")
      rs2.source = "select * from Produits where NumCategorie = " & numProd2
      rs2.activeconnection = connstring
            rs2.locktype = 1
            rs2.open()%>
          <ul>
       <% While ( (NOT rs2.EOF)) %>
             <li><a href="#"><%=(rs2.Fields.Item("NomNL").Value)%></a>
              <%
         dim rs21,numCat2
      numCat2=rs2.fields.item("ID").value
         connstring="dsn=cieffeDB"
      set rs21=server.CreateObject("adodb.recordset")
      rs21.source = "select * from marque where id_Produit = " & numCat2
      rs21.activeconnection = connstring
            rs21.locktype = 1
            rs21.open()%>
            <ul>
            <% While ( (NOT rs21.EOF)) %>
               <li><a href="#"><%=rs21.fields.item("marque").value%></a>
             <%rs21.movenext()
         WEND%>
             <% rs21.close()
           set rs21=nothing%></ul></li>
             <%
         rs2.MoveNext()
         WEND%>
          </ul>  
          </li>
        <% rs2.close()
           set rs2=nothing
      Repeat1__index=Repeat1__index+1
      Repeat1__numRows=Repeat1__numRows-1
      categorie.MoveNext()
    Wend
    %>
    <%categorie.close()
      Set categorie = categorie_cmd.Execute
      categorie_numRows = 0
      Repeat1__index = 0
      Repeat1__numRows = 10%>
    </ul>
    <p> </p>
    <p> </p>
    <table border="1" >
    <% While ((NOT categorie.EOF)) %>
          <td width="96"><%=(categorie.Fields.Item("CommentaireNL").Value)%></td>
        <%
      Repeat1__index=Repeat1__index+1
      Repeat1__numRows=Repeat1__numRows-1
      categorie.MoveNext()
    Wend
    %>
    </table>
    <% End If %>
    <% If application("langue")="EN" Then %>
    <ul id="MenuBar1" class="MenuBarHorizontal">
      <% While ((NOT categorie.EOF)) %>
          <li><a class="MenuBarItemSubmenu" href="/produits.asp?Num=<%=(categorie.Fields.Item("N°").Value)%>&lang=EN"><%=(categorie.F ields.Item("CategoryEN").Value)%> </a>
          <%
         dim rs3,numProd3
      numProd3=categorie.fields.item("N°").value
         connstring="dsn=cieffeDB"
      set rs3=server.CreateObject("adodb.recordset")
      rs3.source = "select * from Produits where NumCategorie = " & numProd3
      rs3.activeconnection = connstring
            rs3.locktype = 1
            rs3.open()%>
          <ul>
       <% While ( (NOT rs3.EOF)) %>
             <li><a href="#"><%=(rs3.Fields.Item("NomEN").Value)%></a>
             </li>
             <%
         rs3.MoveNext()
         WEND%>
          </ul>  
          </li>
        <% rs3.close()
           set rs3=nothing
      Repeat1__index=Repeat1__index+1
      Repeat1__numRows=Repeat1__numRows-1
      categorie.MoveNext()
    Wend
    %>
    <%categorie.close()
      Set categorie = categorie_cmd.Execute
      categorie_numRows = 0
      Repeat1__index = 0
      Repeat1__numRows = 10%>
    </ul>
    <p> </p>
    <p> </p>
    <table border="1" >
    <% While ((NOT categorie.EOF)) %>
          <td width="96"><%=(categorie.Fields.Item("CommentaireFR").Value)%></td>
        <%
      Repeat1__index=Repeat1__index+1
      Repeat1__numRows=Repeat1__numRows-1
      categorie.MoveNext()
    Wend
    %>
    </table><% End If %>
    <table border="2">
      <tr>
        <td>image</td>
      </tr>
      <% While ((Repeat2__numRows <> 0) AND (NOT images.EOF)) %>
        <tr>
          <td><img src="<%=(images.Fields.Item("image").Value)%>" width="150" height="150" /></td>
        </tr>
        <%
      Repeat2__index=Repeat2__index+1
      Repeat2__numRows=Repeat2__numRows-1
      images.MoveNext()
    Wend
    %>
    </table>
    </div>
    </div>
    </div>
    </div>
    <script type="text/javascript">
    <!--
    var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
    //-->
    </script>
    </body>
    </html>
    <%
    images.Close()
    Set images = Nothing
    %>
    <%
    categorie.Close()
    Set categorie = Nothing
    %>
    than the css
    @charset "UTF-8";
    /* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 */
    /* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
    LAYOUT INFORMATION: describes box model, positioning, z-order
    /* The outermost container of the Menu Bar, an auto width box with no margin or padding */
    ul.MenuBarHorizontal
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    cursor: default;
    width: auto;
    background-color: #FF9000;
    /* 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: center;
    cursor: pointer;
    width: 102.5px;
    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: 100 px;
    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: 100px;
    /* 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: #EEE;
    height:35px;
    padding: 7px 7px;
    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: #FF9000;
    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: #FF9000;
    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(boutonNorm.gif);
    background-repeat: no-repeat;
    /* background-position: 95% 50%;*/
    size:auto;
    /* 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(boutonSourisDess.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(boutonNorm.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(boutonSourisDess.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;
      f\loat: left;
      background: #FFF;
    and for the end the js
    // SpryMenuBar.js - version 0.12 - Spry Pre-Release 1.6.1
    // Copyright (c) 2006. Adobe Systems Incorporated.
    // All rights reserved.
    // Redistribution and use in source and binary forms, with or without
    // modification, are permitted provided that the following conditions are met:
    //   * Redistributions of source code must retain the above copyright notice,
    //     this list of conditions and the following disclaimer.
    //   * Redistributions in binary form must reproduce the above copyright notice,
    //     this list of conditions and the following disclaimer in the documentation
    //     and/or other materials provided with the distribution.
    //   * Neither the name of Adobe Systems Incorporated nor the names of its
    //     contributors may be used to endorse or promote products derived from this
    //     software without specific prior written permission.
    // THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
    // AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
    // IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
    // ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE
    // LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
    // CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
    // SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
    // INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
    // CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
    // ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
    // POSSIBILITY OF SUCH DAMAGE.
    SpryMenuBar.js
    This file handles the JavaScript for Spry Menu Bar.  You should have no need
    to edit this file.  Some highlights of the MenuBar object is that timers are
    used to keep submenus from showing up until the user has hovered over the parent
    menu item for some time, as well as a timer for when they leave a submenu to keep
    showing that submenu until the timer fires.
    var Spry; if (!Spry) Spry = {}; if (!Spry.Widget) Spry.Widget = {};
    Spry.BrowserSniff = function()
    var b = navigator.appName.toString();
    var up = navigator.platform.toString();
    var ua = navigator.userAgent.toString();
    this.mozilla = this.ie = this.opera = this.safari = false;
    var re_opera = /Opera.([0-9\.]*)/i;
    var re_msie = /MSIE.([0-9\.]*)/i;
    var re_gecko = /gecko/i;
    var re_safari = /(applewebkit|safari)\/([\d\.]*)/i;
    var r = false;
    if ( (r = ua.match(re_opera))) {
      this.opera = true;
      this.version = parseFloat(r[1]);
    } else if ( (r = ua.match(re_msie))) {
      this.ie = true;
      this.version = parseFloat(r[1]);
    } else if ( (r = ua.match(re_safari))) {
      this.safari = true;
      this.version = parseFloat(r[2]);
    } else if (ua.match(re_gecko)) {
      var re_gecko_version = /rv:\s*([0-9\.]+)/i;
      r = ua.match(re_gecko_version);
      this.mozilla = true;
      this.version = parseFloat(r[1]);
    this.windows = this.mac = this.linux = false;
    this.Platform = ua.match(/windows/i) ? "windows" :
         (ua.match(/linux/i) ? "linux" :
         (ua.match(/mac/i) ? "mac" :
         ua.match(/unix/i)? "unix" : "unknown"));
    this[this.Platform] = true;
    this.v = this.version;
    if (this.safari && this.mac && this.mozilla) {
      this.mozilla = false;
    Spry.is = new Spry.BrowserSniff();
    // Constructor for Menu Bar
    // element should be an ID of an unordered list (<ul> tag)
    // preloadImage1 and preloadImage2 are images for the rollover state of a menu
    Spry.Widget.MenuBar = function(element, opts)
    this.init(element, opts);
    Spry.Widget.MenuBar.prototype.init = function(element, opts)
    this.element = this.getElement(element);
    // represents the current (sub)menu we are operating on
    this.currMenu = null;
    this.showDelay = 250;
    this.hideDelay = 600;
    if(typeof document.getElementById == 'undefined' || (navigator.vendor == 'Apple Computer, Inc.' && typeof window.XMLHttpRequest == 'undefined') || (Spry.is.ie && typeof document.uniqueID == 'undefined'))
      // bail on older unsupported browsers
      return;
    // Fix IE6 CSS images flicker
    if (Spry.is.ie && Spry.is.version < 7){
      try {
       document.execCommand("BackgroundImageCache", false, true);
      } catch(err) {}
    this.upKeyCode = Spry.Widget.MenuBar.KEY_UP;
    this.downKeyCode = Spry.Widget.MenuBar.KEY_DOWN;
    this.leftKeyCode = Spry.Widget.MenuBar.KEY_LEFT;
    this.rightKeyCode = Spry.Widget.MenuBar.KEY_RIGHT;
    this.escKeyCode = Spry.Widget.MenuBar.KEY_ESC;
    this.hoverClass = 'MenuBarItemHover';
    this.subHoverClass = 'MenuBarItemSubmenuHover';
    this.subVisibleClass ='MenuBarSubmenuVisible';
    this.hasSubClass = 'MenuBarItemSubmenu';
    this.activeClass = 'MenuBarActive';
    this.isieClass = 'MenuBarItemIE';
    this.verticalClass = 'MenuBarVertical';
    this.horizontalClass = 'MenuBarHorizontal';
    this.enableKeyboardNavigation = true;
    this.hasFocus = false;
    // load hover images now
    if(opts)
      for(var k in opts)
       if (typeof this[k] == 'undefined')
        var rollover = new Image;
        rollover.src = opts[k];
      Spry.Widget.MenuBar.setOptions(this, opts);
    // safari doesn't support tabindex
    if (Spry.is.safari)
      this.enableKeyboardNavigation = false;
    if(this.element)
      this.currMenu = this.element;
      var items = this.element.getElementsByTagName('li');
      for(var i=0; i<items.length; i++)
       if (i > 0 && this.enableKeyboardNavigation)
        items[i].getElementsByTagName('a')[0].tabIndex='-1';
       this.initialize(items[i], element);
       if(Spry.is.ie)
        this.addClassName(items[i], this.isieClass);
        items[i].style.position = "static";
      if (this.enableKeyboardNavigation)
       var self = this;
       this.addEventListener(document, 'keydown', function(e){self.keyDown(e); }, false);
      if(Spry.is.ie)
       if(this.hasClassName(this.element, this.verticalClass))
        this.element.style.position = "relative";
       var linkitems = this.element.getElementsByTagName('a');
       for(var i=0; i<linkitems.length; i++)
        linkitems[i].style.position = "relative";
    Spry.Widget.MenuBar.KEY_ESC = 27;
    Spry.Widget.MenuBar.KEY_UP = 38;
    Spry.Widget.MenuBar.KEY_DOWN = 40;
    Spry.Widget.MenuBar.KEY_LEFT = 37;
    Spry.Widget.MenuBar.KEY_RIGHT = 39;
    Spry.Widget.MenuBar.prototype.getElement = function(ele)
    if (ele && typeof ele == "string")
      return document.getElementById(ele);
    return ele;
    Spry.Widget.MenuBar.prototype.hasClassName = function(ele, className)
    if (!ele || !className || !ele.className || ele.className.search(new RegExp("\\b" + className + "\\b")) == -1)
      return false;
    return true;
    Spry.Widget.MenuBar.prototype.addClassName = function(ele, className)
    if (!ele || !className || this.hasClassName(ele, className))
      return;
    ele.className += (ele.className ? " " : "") + className;
    Spry.Widget.MenuBar.prototype.removeClassName = function(ele, className)
    if (!ele || !className || !this.hasClassName(ele, className))
      return;
    ele.className = ele.className.replace(new RegExp("\\s*\\b" + className + "\\b", "g"), "");
    // addEventListener for Menu Bar
    // attach an event to a tag without creating obtrusive HTML code
    Spry.Widget.MenuBar.prototype.addEventListener = function(element, eventType, handler, capture)
    try
      if (element.addEventListener)
       element.addEventListener(eventType, handler, capture);
      else if (element.attachEvent)
       element.attachEvent('on' + eventType, handler);
    catch (e) {}
    // createIframeLayer for Menu Bar
    // creates an IFRAME underneath a menu so that it will show above form controls and ActiveX
    Spry.Widget.MenuBar.prototype.createIframeLayer = function(menu)
    var layer = document.createElement('iframe');
    layer.tabIndex = '-1';
    layer.src = 'javascript:""';
    layer.frameBorder = '0';
    layer.scrolling = 'no';
    menu.parentNode.appendChild(layer);
    layer.style.left = menu.offsetLeft + 'px';
    layer.style.top = menu.offsetTop + 'px';
    layer.style.width = menu.offsetWidth + 'px';
    layer.style.height = menu.offsetHeight + 'px';
    // removeIframeLayer for Menu Bar
    // removes an IFRAME underneath a menu to reveal any form controls and ActiveX
    Spry.Widget.MenuBar.prototype.removeIframeLayer =  function(menu)
    var layers = ((menu == this.element) ? menu : menu.parentNode).getElementsByTagName('iframe');
    while(layers.length > 0)
      layers[0].parentNode.removeChild(layers[0]);
    // clearMenus for Menu Bar
    // root is the top level unordered list (<ul> tag)
    Spry.Widget.MenuBar.prototype.clearMenus = function(root)
    var menus = root.getElementsByTagName('ul');
    for(var i=0; i<menus.length; i++)
      this.hideSubmenu(menus[i]);
    this.removeClassName(this.element, this.activeClass);
    // bubbledTextEvent for Menu Bar
    // identify bubbled up text events in Safari so we can ignore them
    Spry.Widget.MenuBar.prototype.bubbledTextEvent = function()
    return Spry.is.safari && (event.target == event.relatedTarget.parentNode || (event.eventPhase == 3 && event.target.parentNode == event.relatedTarget));
    // showSubmenu for Menu Bar
    // set the proper CSS class on this menu to show it
    Spry.Widget.MenuBar.prototype.showSubmenu = function(menu)
    if(this.currMenu)
      this.clearMenus(this.currMenu);
      this.currMenu = null;
    if(menu)
      this.addClassName(menu, this.subVisibleClass);
      if(typeof document.all != 'undefined' && !Spry.is.opera && navigator.vendor != 'KDE')
       if(!this.hasClassName(this.element, this.horizontalClass) || menu.parentNode.parentNode != this.element)
        menu.style.top = menu.parentNode.offsetTop + 'px';
      if(Spry.is.ie && Spry.is.version < 7)
       this.createIframeLayer(menu);
    this.addClassName(this.element, this.activeClass);
    // hideSubmenu for Menu Bar
    // remove the proper CSS class on this menu to hide it
    Spry.Widget.MenuBar.prototype.hideSubmenu = function(menu)
    if(menu)
      this.removeClassName(menu, this.subVisibleClass);
      if(typeof document.all != 'undefined' && !Spry.is.opera && navigator.vendor != 'KDE')
       menu.style.top = '';
       menu.style.left = '';
      if(Spry.is.ie && Spry.is.version < 7)
       this.removeIframeLayer(menu);
    // initialize for Menu Bar
    // create event listeners for the Menu Bar widget so we can properly
    // show and hide submenus
    Spry.Widget.MenuB

    Change
    ul.MenuBarHorizontal ul
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    z-index: 1020;
    cursor: default;
    width: 100 px;
    position: absolute;
    left:
    -1000em;
    to
    ul.MenuBarHorizontal ul
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    z-index: 1020;
    cursor: default;
    width: 100px;
    position: absolute;
    left:
    -1000em;
    I hope this helps.
    Ben

  • Spry problems in IE, menus stuttering when opening and closing

    I just intserted some spry collapsible panels into a dreamweaver page I am developing but when I preview the pages in IE8
    the spry menus stutter and shake when opening and closing.
    Does anyone have any idea what is causing this?

    alexk2077 wrote:
    I just intserted some spry collapsible panels into a dreamweaver page I am developing but when I preview the pages in IE8
    the spry menus stutter and shake when opening and closing.
    Does anyone have any idea what is causing this?
    That is strange, I just did the same without any problem.
    I did use the original Spry files (JS and CSS).
    How about you, are you using the original files or are you using your own modified files?
    Ben

  • Really Basic Spry problem

    I'm new to CS3. I'm using Dreamweaver, and I want to use the
    Spry XML deatail region display. I followed the tutorial for the
    Aquo example. When I transfer all of the files to my server, the
    spry js effects don't work. No errors, just no function. I checked
    the file paths and made sure they matched and that files were in
    the right directories on the server. It seems like this must be
    something so basic that it's not in the help files. Can anyone
    help?

    "lanfest" <[email protected]> wrote in
    message
    news:gnulsa$jo9$[email protected]..
    > When I transfer
    > all of the files to my server, the spry js effects don't
    work. No
    > errors, just
    > no function.
    Without seeing your files, any answer is pure guesswork. Post
    a URL to
    the problem page, and someone should be able to help you.
    David Powers
    Adobe Community Expert, Dreamweaver
    http://foundationphp.com

  • Linking to HTTP / Spry problem / Outline problem

    Three questions:
    1. I have DIV Tags with JPEGs in them and am trying to link them to existing pages (Facebook and the like.) Every time I get the cursor in the DIV Tag and click HTML in the Properties panel, I try to type the link into the "Link" flyout menu. However, when I click again ANYWHERE (mostly not even on the design page, but right outside the flyout menu) everything I just typed disappears. Am I missing something?
    2. I designed for a vertical spry navigation bar. I wanted spacing between the buttons, so I put a 13px margin as a property in ul.MenuBarVertical a. After this, the space between my buttons has turned white, but only in a browser (not even in live view.) Is there a color property I need to add and manipulate to make it not have any color, but just show what's behind the whole spry menu?
    3. This is probably my most crucial problem. Every single DIV tag that I put on my page (including my spry menu) has this annoying white boxy outline around it!!! It makes my webpage look insanely unprofessional. I do not want any outline, but for the background to just show behind any items I put on the page. This does not happen, however, with any DIV Tags that only have text in them, just my spry and any other tags that have backgrounds or JPEGs. HELP!!!
    -Kaschak

    You need to choose the image.
    It has no effect on my menubar at all
    If I were you I would patent the effect, I cannot replicate it
    I all earnest, please post a link to your site so that we can help you in an appropriate manner.
    Gramps

  • Flash and spry problem

    I have an swf with a transparent background, and I have got
    spry data on my page too.
    My problem is that when I use the flash generated html, any
    spry data on the page disappears, but when I use the DW Insert Menu
    --> Media --> Flash, the spry data appears, but then the swf
    becomes opaque and pretty much destroys my design even though I
    have inserted the wmode ="transparent"
    It's a pretty big problem at the moment and any help would
    really be appreciated.
    Thanks
    Mat

    Sorted it

  • Spry problems

    www.motoringmemories.net is my website and things have been
    pretty smooth in managing it. The only real problem I have is in
    the spry accordion in the left column. The text is set to centered
    but, depending on the browser, it the text is either centered or
    runs outside the panel. Is there a CSS fix to this problem. Thanks
    in advance. Stephen

    Well your first problem is that your Spry code is out of
    date.
    http://labs.adobe.com/technologies/spry/home.html
    - This is the Spry homepage. Head over here and download the
    updater package. Inside the package you will find a ton of samples
    and an extension. Install the extensions and restart DW. Then under
    the Sites menu you will see a new option to update your Spry. Run
    that and then re-upload the SpryAssets folder, then we can go from
    there.

  • Nested Accordion Spry problem

    What I am trying to accomplish is fairly simple, but I'm not seeing what the problem is.  I have a nested accordion spry that, for all intents and purposes, is working fairly well.  There's a weird problem with some of them not collapsing, but I can live with that.  What I'm trying to do is put a checkmark beside any pages in the index that the student has viewed.
    I'm setting up an array called yesPages here:
    var yesPages = Spry.$$("yesPages");
    What I want to happen is that it will hold an array of all the pages in my XML file that the student has already viewed.  A bookmark, basically.  To start it out, I place the first page in the array like so:
    yesPages="10000";
    That way, when the student starts the lesson, they've already seen the first page.  As they progress through the course, I have a function called clickNext that will add to the yesPages array in this for loop:
    for (var w=0;w<lessonStatus.length;w++)
      if (lessonStatus[w]=="Yes")
       yesPages=yesPages + "," + rowsPage[w]["@pageNo"];
       alert(yesPages);
    I put the alert in there to ensure that the yesPages array is building properly--it does.  When the student clicks on next, I get an alert that says "1000,1001" and so on and so forth, each time adding whatever page they're on to the end of the array.  Oh, and it also will sort them appropriately, too.  That way, if the student jumps around in the index, the array is still sorted numerically like so:  "1000, 1001, 2020, 3001, 3002, 4000."
    Here's my accordion code:
       <div spry:region="courseData topicList pageLister topicData">
       <div id="Accordion1" class="Accordion" tabindex="0">
         <div spry:repeat="courseData" class="AccordionPanel">       
            <div class="AccordionPanelTab">{lessonTitle}</div>
            <div class="AccordionPanelContent">
                 <div spry:repeat="topicList">
        <div id="{lessonTitle}" class="Accordion" tabindex="0">
          <div class="AccordionPanel">
            <div class="AccordionPanelTab">   {topicList::topicTitle}</div>
             <div class="AccordionPanelContent">
                          <div spry:repeat="pageLister">
                                 <div spry:choose="spry:choose">
                                      <div spry:when="'yesPages.search({@pageNo})' != '-1'">√ {pageLister::pageTitler}</div>
                                       <div spry:when="'yesPages.search({@pageNo})' == '-1'">  {pageLister::pageTitler}</div>
                                 </div>
                          </div>
              </div>
            </div>
        </div>
                          <script type="text/javascript">
                                var Accordion2 = new Spry.Widget.Accordion("{lessonTitle}",{ useFixedPanelHeights: false });
                          </script>
                 </div>
            </div>
         </div>
       </div>
                <script type="text/javascript">
                      var Accordion1 = new Spry.Widget.Accordion("Accordion1",{ useFixedPanelHeights: false });
                </script>
      </div>
    Not sure if I copied all the </div>s to here or not, but they're all there in my code.  Anyway, courseData, topicList, pageData, and topicData are all datasets.  topicList and pageLister are nested datasets within courseData and topicData respectively.  {@pageNo} is the page number in my XML.  What I'm trying to do with the .search of the pageNo is to ensure that that page number exists within the yesPages array.  If it does, put the checkmark beside it.  Otherwise, leave it unchecked.
    What I'm getting instead is a full list of all the pages, and they are all checkmarked.  If I put a quick alert in there of yesPages, I get only the pages that they've seen.  So, this doesn't make sense as to why it's not behaving correctly.
    Anyone have an idea?

    Well, we're on the right track.  By changing Accordion2 to {lessonTitle}, it now allows me to accordion the first topic of each lesson.  However, the subsequent topics of each lesson still won't accordion.  This is so weird.  You would think that if one would do it, all of them would.

  • Spry problems in IE 7

    I wrote about my problems with IE earlier, and was able to
    fix the DataSet problems on my own. Now that that is fixed, I am
    trying to resolve the issues with the menu-bar and the effects. The
    menu problems, which stack horizontally instead of vertically, are
    site-wide. They probably have to do with modifications I made, but
    which ones? The problems make the menus difficult to use.
    The other really puzzling problem are the effects that is
    supposed to slide new text onto the page. If you click on each of
    the three controls between the image and the text, you'll see that
    only one works properly, although they all work fine in other
    browsers.
    I hope someone can help me with this. I'm banging my head
    against the wall trying to figure it out.
    The page is at www.kateswork.com/projects/portfolio1.htm
    Thank you!

    Okay, I have read the styling examples you referenced. The
    problem I'm experiencing in IE for my menu bar is not the same as
    the problem described in the those examples. The text in the
    auto-width example says, 'In IE the sub menus now have white gaps
    between the menu items!' But on my page, the IE problem isn't white
    gaps, it's menu alignment: the submenu items align horizontally
    instead of vertically. Not surprisingly, the workaround featured
    there does not fix the problem on my page.
    For reference, my test page is now at
    http://www.kateswork.com/projects/portfolio1.1.htm
    Thanks again for all the help so far. I've gotten some good
    answers here, but two problems remain: the misalignment of sub-menu
    items, and the refusal of the upper slide effect to work as it does
    in the other browsers. I'm beating my head against the wall.

  • Accordion Spry problem

    The issue is basically this:
    I have an accordion (Spry). Let's say I click an element on
    it, shifting it. Now if that element was also a link, it will load
    a new page. Unfortunately, it also resets the accordion to default
    state, totally nullifying any semblance of "flow" between the
    pages.
    How can I fix this?

    http://foundationphp.com/tutorials/spry_url_utils.php
    Ken Ford
    Adobe Community Expert - Dreamweaver
    Fordwebs, LLC
    http://www.fordwebs.com
    "scripting_challenged" <[email protected]>
    wrote in message
    news:fs007u$mmi$[email protected]..
    > The issue is basically this:
    >
    > I have an accordion (Spry). Let's say I click an element
    on it, shifting
    > it.
    > Now if that element was also a link, it will load a new
    page.
    > Unfortunately, it
    > also resets the accordion to default state, totally
    nullifying any
    > semblance of
    > "flow" between the pages.
    >
    > How can I fix this?
    >

  • XML Spry problem

    I obviously do not know how to properly move one web site to
    another computer. Desktop to laptop so I could work on it outside
    of the desktop's location. What I have tried to do is to export it
    and since that did not fully move the files over my local wireless
    network I then copied the directories to the laptop. When I tried
    to preview in IExplore on the laptop I get a dialog box with the
    message that there is "Problems with this web page might prevent it
    from being displayed properly or functioning properly. The
    indication is Line:36,Char:1,Error:Invalid character, Code:0,
    URL:file: ///C:/DreamSite/testing/index.html". When I go by this I
    then get a box on the partial display of the page. The box has a
    red area at top and the rest is white. The red area contains the
    following: "Exception caught while loading events/events.xml
    (object error)". The master data and the detail data do not appear.
    When I go back to the desktop it previews okay. What have I
    done wrong? And, even more importantly, how do I back up my
    work?

    I guess I have solved this problem. My desktop uses IE6 and
    my laptop uses IE7. The IE7 will not preview but it will download
    the page from a server and then let me click through several error
    messages. Interesting though. The real error seems to be in lines
    36 (which is the first displayed) and 52 but after 36, I get an
    error in line 8, and then line 12 and then every four lines after
    that. The next time I get the file it goes to 8 then 13 and every 4
    lines until it gets to 45 then jumps to 50 and then four is the
    multiple again. Those seem to be false error messages. I guess IE7
    gets messed up. Rather quirky I'd say.

  • Spry problem with setClass function

    This page is fine in Firefox but not many other browsers. I
    am using BrowserCam with RemoteAccess to preview this page at
    http://www.alexisjean.com/newoty/attorneys.php.
    I contnually get a javascript error regarding this part of the
    code. I have tried troubleshooting for 2 hours now. I give up. Any
    help?
    <script type="text/javascript">
    function setClass(ele,class) {
    Spry.Utils.addClassName(ele,class);
    function normalizeClass(ele,class) {
    Spry.$$(ele).removeClassName(class);
    </script

    Try placing the script under your SpryDOMUtils.js

  • SPRY Problem

    I want to put a widget into my CS3 document but Dreamweaver
    says it's not responding. If I open a new document and try and put
    in there it's ok! can someone please tell me what is going
    on?

    hoss9009 wrote:
    > everytime I insert a spry and then insert a swf, the
    spry is layered below and
    > i don't get why.
    http://www.adobe.com/go/tn_15523
    David Powers, Adobe Community Expert
    Author, "Foundation PHP for Dreamweaver 8" (friends of ED)
    Author, "PHP Solutions" (friends of ED)
    http://foundationphp.com/

  • Spry Sliding Panel Problem - Repost

    Hi hope you can help.
    My Spry Sliding panel is appearing over my floats in IE, fine
    in Firefox.
    I previously posted but it is in fact not working.
    Test
    page here
    Sliding
    Panels CSS Here
    Any ideas?
    Is this a spry problem or my CSS?
    Thanks.
    Rich

    quote:
    Originally posted by:
    kinblas
    If you're getting a "Spry is undefined" error, it probably
    means that the browser is not finding the JS files you included at
    the top of your HTML file. Make sure the path to your JS files are
    correct ... you can do this by trying to load the JS files directly
    in the URL field at the top of your browser.
    --== Kin ==--
    if u look at the code.. u will seee:
    <link href="SprySlidingPanels.js" rel="stylesheet"
    type="text/javascript"/>
    it should be
    <script src="SprySlidingPanels.js"
    type="text/javascript"></script>

  • Spry Sliding Panel - Timer

    I've been working on extending Spry's Sliding Panels to allow
    me to set a timer to auto advance to the next panel. Whilst I had
    success with a script that targeted a particular element (eg sp1)
    it really isn't terribly useful to have to recode per panel. So
    trying to extend instead. Problem is that I keep getting an error
    that says the advanceToNextPanel function doesn't exist. Hoping
    someone might be able to point me in the right direction. Code
    below:
    // Sliding Panel Timer
    // Based upon
    http://labs.adobe.com/technologies/spry/demos/gallery/gallery.js
    and feedback within the Adobe Spry forum
    // Extend SlidingPanels to include additional data
    Spry.Widget.SlidingPanels.prototype.gPanelShowInterval =
    1000; // msecs between panels
    Spry.Widget.SlidingPanels.prototype.gPanelShowOn = false;
    Spry.Widget.SlidingPanels.prototype.gPanelShowTimer = null;
    Spry.Widget.SlidingPanels.prototype.gAutoStartPanelShow =
    true;
    Spry.Widget.SlidingPanels.prototype.addPanelShowTimer =
    function()
    if (this.gPanelShowInterval == undefined)
    this.gPanelShowInterval = 10000; // msecs between panels
    if (this.gAutoStartPanelShow)
    this.startPanelShow();
    // Kill any previous timer event
    Spry.Widget.SlidingPanels.prototype.killPanelShowTimer =
    function() {
    if (this.gPanelShowTimer)
    clearTimeout(this.gPanelShowTimer);
    this.gPanelShowTimer = null;
    // Display next sliding panel on rotational loop
    Spry.Widget.SlidingPanels.prototype.advanceToNextPanel =
    function() {
    var tPanels = this.getContentPanels().length - 1; // Total
    Panels
    var cPanel = this.getContentPanelIndex(this.currentPanel);
    // Index of currently displayed panel
    if (tPanels == cPanel)
    this.showFirstPanel(); // Return to the first panel
    else
    this.showNextPanel(); // Show the next sliding panel
    this.setPanelShowTimer();
    // Setup timer event to change to next panel
    Spry.Widget.SlidingPanels.prototype.setPanelShowTimer =
    function() {
    this.killPanelShowTimer(); // Kill any previous timer event
    this.gPanelShowTimer = setTimeout( function() {
    this.gPanelShowTimer = null; this.advanceToNextPanel(); },
    this.gPanelShowInterval);
    // Start the timed sliding panel
    Spry.Widget.SlidingPanels.prototype.startPanelShow =
    function() {
    this.gPanelShowOn = true;
    this.setPanelShowTimer();
    };

    My previously posted I'd fixed this but it is in fact not
    working.
    Hi hope you can help.
    My Spry Sliding panel is appearing over my floats in IE, fine
    in Firefox.
    Test
    page here
    Sliding
    Panels CSS Here
    Any ideas?
    Is this a spry problem or my CSS?
    Thanks.
    Rich

Maybe you are looking for