Spry.Data.HTML Firefox .vs. IE

Hi,
I have a relatively simple page with two HTML table data
sources.
ds1 = Flashcontent.html and ds2 = PDFcontent.html and their
respective tables, FlashDemoContent and PDFDemoContent.
I'm using a Spry Tab widget that contains two tabs, and Spry
repeats in each tab to show the content from
the tables above.
It all works just great on IE. HOWEVER, on Firefox (2.x and
3.x), I get the error:
Spry.Data.HTMLDataSet: 'PDFDemoContent' is not a valid
element ID.
Data shows up on the first tab (FlashContent) but not on the
2nd tab.
Any thoughts? I'd be happy to share the code if need be.
thanks for any pointers.
mike

Hi,
Thanks for replying. I really appreciate it. Unfortunately, I
don't have a URL handy that I can publish to. (Behind the corp
firewall with no access to my home server)
However, I think I might have figured it out. When
referencing the column names (ie: {FullName}, {Directory}), if you
are using the same name more than once, you should reference as
follows:
{ds1::FullName}
{ds2::FullName}
etc...
Once I clarified that, it worked well in both IE7 and Firefox
(3.0).
I dare say, this has been enjoyable! Thanks again for
replying. I'd appreciate if someone could verify my findings.
mike

Similar Messages

  • How do I link a Spry data set with a detail region to a html web site?

    I have created a spry data set with a detail region. It works well. However, I would like to have a link from the detail region to another html web site. Can anyone help with the code? Below is the spry data set.
    <?xml version="1.0" encoding="utf-8"?>
    <books>
    <book>
    <title>The Advnentures of Crunchy and Munchy Squirrel: Field Nuts</title>
    <author>Levester Williams</author>
    <image>images/portfolio/tn_adventuresOfCrunchyAndMunchySquirrel.jpg</image>
    <description>This delightful book for young readers teaches the importance of obedience and always doing what you know is right.</description> I
    <weblink >www.crunchyandmunchy.com</weblink>
    </book>
    <book>
    <title>More Dirty Little Secrets</title>
    <author> Dr. Claud Anderson and Brant Anderson</author>
    <image>images/portfolio/tn_moreDirtyLittleSecrets.jpg</image>
    <description>In More Dirty Little Secrets, Dr. Claud Anderson and his son Brant Anderson, piece together little known facts about Black people, thier achievements, influence, involvement, tribulations and present them with wit and humor.</description>
    <weblink>http://powernomics.com/</weblink>
    </book>
    </books>

    Hi,
    In your html page, use the following notation:
    <a href="http://{weblink}" title="{weblink}" target="_blank">{weblink}</a>
    I hope this helps.
    Ben

  • Need to control page view to 20 from an html data source for a spry data repeating region

    </style>
    <script src="SpryAssetPan/SpryData.js" type="text/javascript"></script>
    <script src="SpryAssetPan/SpryHTMLDataSet.js" type="text/javascript"></script>
    <script src="SpryAssetPan/SpryPagedView.js" type=”text/javascript”></script>
    <script type="text/javascript">
    <!--
    var ds1 = new Spry.Data.HTMLDataSet("wrapAround_master2.html", "wrap2", {distinctOnLoad: true, sortOnLoad: "Item", sortOrderOnLoad: "ascending"});
    var pv1 = new Spry.Data.PagedView( ds1 ,{pageSize: 20 });
    //-->
    </script>
    </head
    <body>
    <div id="wrapper">
      <div spry:region="ds1">
        <div id="repeatOne" spry:repeat="ds1">
          <p>{Photo_2}<br />
          {Item}</p>
        </div>
    Here you can find the file that I need to Create Paged View data set navigation
    http://www.hohmangraphics.com/masterProductGuide/WrapAround_art/joestest_2.html

    Thank you,
    With some adjustments it worked, see source code below,
    <script src="SpryAssetPan/SpryData.js" type="text/javascript"></script>
    <script src="SpryAssetPan/SpryHTMLDataSet.js" type="text/javascript"></script>
    <script language="JavaScript" type="text/javascript" src="SpryAssetPan/SpryPagedView.js"></script>
    <script language="JavaScript" type="text/javascript">
    var ds1 = new Spry.Data.HTMLDataSet("wrapAround_master2.html", "wrap2", {distinctOnLoad: true, sortOnLoad: "Item", sortOrderOnLoad: "ascending"});
    var pv1 = new Spry.Data.PagedView( ds1 ,{pageSize: 10});
    //-->
    </script>
    </head>
    <body>
    <div id="wrapper">
    <p>
      <input type="button" value="First" onclick="pv1.firstPage();" />
      <input type="button" value="Prev" onclick="pv1.previousPage();" />
      <input type="button" value="Next" onclick="pv1.nextPage();" />
      <input type="button" value="Last" onclick="pv1.lastPage();" />
      <br />
    </p>
    <div spry:region="pv1 ds1">
        <div id="repeatOne" spry:repeat="pv1">
          <p>{Photo_2}<br />
          {Item}</p>
        </div>

  • Spry Data in HTML Panel

    I'd like to load a page w/ dynamic data content through an
    HTML Panel. Can it be done?

    Hi,
    There is some problem in Spry where in if the loaded content
    has any spry:regions or dataset objects, those are not executed as
    expected. You need to replace the Spry.Utils.setInnerHTML function
    with the following code
    Spry.Utils.setInnerHTML = function(ele, str, preventScripts)
    if(!ele)
    return;
    ele = Spry.$(ele);
    var scriptExpr =
    "<script[^>]*>(.|\s|\n|\r)*?</script>";
    ele.innerHTML = str.replace(new RegExp(scriptExpr, "img"),
    if (preventScripts)
    return;
    var matches = str.match(new RegExp(scriptExpr, "img"));
    if (matches)
    var numMatches = matches.length;
    for (var i = 0; i < numMatches; i++)
    var s = matches
    .replace(/<script[^>]*>[\s\r\n]*(<\!--)?|(-->)?[\s\r\n]*<\/script>/img,
    var oScript = document.createElement("script");
    oScript.text = s;
    ele.appendChild(oScript);
    Spry.Data.initRegions(Spry.$(ele));
    It should work fine.
    -JV

  • Spry data set and html table with multiple images

    I use "Spry Data Set" in my Dreamweaver CS4 site. I need to make one html file (a product page) and all the product data comes from a separate html table.
    So, I have a html table that contains the product data and the images. Each row is one product.
    Column 1 contains a product name
    Column 2 contains product information
    Column 3 contains products thumbnail image 1
    Column 4 contains products thumbnail image 2
    Column 5 contains products large image 1
    Column 6 contains products large image 2
    This a simple example of the idea. In reality, there is lot more content.
    So the actual question is that:
    How can I show in the product page all the thumbnail images, but only one large picture at a time?
    And when the thumbnail is clicked the large picture changes accordingly.

    It depend entirely on what you want.
    One way would be to show a shadow box as per http://www.adobe.com/cfusion/exchange/index.cfm?searchfield=shadowbox&search_exchange=&num =25&startnum=1&event=search&sort=0&interim_dummy_tmpfield=&Submit= or http://www.adobe.com/cfusion/exchange/index.cfm?searchfield=lightbox&search_exchange=&sear ch_license=&search_rating=&search_pubdate=&Submit=Search&num=10&startnum=1&event=search&so rt=0&dummy_tmpfield=
    Another way is to have a master/detail area where the large image appears after clicking in the master area like this http://labs.adobe.com/technologies/spry/demos/products/index.html
    You could also use tooltips as in http://labs.adobe.com/technologies/spry/samples/data_region/TooltipwithData.html.
    There are many more ways, but you need to make the desicion based on the layout of your page.
    Gramps

  • Spry Data Sheet HTML

    Currently I am making a site with spry Datasheet (with a
    HTML). I have two datasheet that i use. The spry-masterdetail part
    contains two sets of rows with thumbs of the datasheet file.
    Somewhere on my page I have the spry-detail. If i click on one of
    the thumb it shows in de spry-detail the result. This works with
    the first of the rows with thumbs. The second row doesn't work.
    This is because the first result (when you click on the thumb of
    the first row) is on top of second result (when you click on the
    thumb of the second row).
    These are my codes for the result when clicking on the thumb:
    <div spry:detailregion="dsgr dsva"
    class="DetailContainer">
    <div class="DetailColumn">{Picture}</div>
    </div>
    As you can see the detailregion contains two datasheets (dsgr
    ad dsva). But it can't choose which one to set on top. How do i
    deal with this problem. Javascript (I don't know how to do this)?
    I've read somewhere to use spry:choose but this isn't very clearly
    for me.

    Hi,
    There is some problem in Spry where in if the loaded content
    has any spry:regions or dataset objects, those are not executed as
    expected. You need to replace the Spry.Utils.setInnerHTML function
    with the following code
    Spry.Utils.setInnerHTML = function(ele, str, preventScripts)
    if(!ele)
    return;
    ele = Spry.$(ele);
    var scriptExpr =
    "<script[^>]*>(.|\s|\n|\r)*?</script>";
    ele.innerHTML = str.replace(new RegExp(scriptExpr, "img"),
    if (preventScripts)
    return;
    var matches = str.match(new RegExp(scriptExpr, "img"));
    if (matches)
    var numMatches = matches.length;
    for (var i = 0; i < numMatches; i++)
    var s = matches
    .replace(/<script[^>]*>[\s\r\n]*(<\!--)?|(-->)?[\s\r\n]*<\/script>/img,
    var oScript = document.createElement("script");
    oScript.text = s;
    ele.appendChild(oScript);
    Spry.Data.initRegions(Spry.$(ele));
    It should work fine.
    -JV

  • Problem with tooltips and spry data using startLoadInterval

    I am trying to use tooltips with a dynamic table using the spry data example at the bottom of the page:
    http://labs.adobe.com/technologies/spry/articles/tooltip_overview/index.html
    I have it working except that it appears to have a memory leak as firefox's memory usage continues to grow.
    I did notice there is a 'new' inside the onPostUpdate:function that is being called on every table update.
    So after looking at the tooltip code I modified the function to:
    <script type="text/javascript">
    var tt1;
    var observer = {onPostUpdate:function(){if(tt1 == null){tt1 = new Spry.Widget.Tooltip('tooltip','.trigger');}else{tt1.destroy(); tt1.destroy();if(tt1.checkDestroyed()) alert("destroyed");else alert("not destroyed");delete tt1; tt1 = new Spry.Widget.Tooltip('tooltip','.trigger');}}}
    Spry.Data.Region.addObserver('mainRegion', observer);
    </script>
    The tt1.checkDestroyed() always returns false and my memory usage continues to grow.
    Any help?

    Thanks for the reply.  I found a way to get it to work by changing my
    observer function to the following:
    else{tt1.destroy();
    tt1.init('.trigger', 'tooltip',
    {});tt1.attachBehaviors();Spry.Widget.Tooltip.loadQueue.push(tt1);}}
    Probably not very clean but it doesn’t grow memory and works correctly.
    I just put it back to the old way as in the example with a
    startLoadInterval(1500) :
    And I am over 500MB after ~ 30 minutes where as the top code above ran with
    a startLoadInterval(1500); overnight and is about ~120MB.
    I am using a double repeatchildren loop to build a table with tooltips for
    each cell which may affect it.
    Bottom line is I have a way to make it work so I am moving forward.  If you
    still want to see it I might be able to get it up on the internet and give
    you a link.
    Thanks,
    Greg Wirth

  • IE doesn't display part of spry data set!?!?

    Hi there,
    I hope somebody can help me out with a problem I got with the spry dataset I use on my website. -> http://media-powerplant.de/media-powerplant-referenzen.html
    The thing is that the IE doesn't display text in the "master" region. There are no problems with the Details region, and pictures are also diplayed in the master, but strangely enough no text! :-(
    When i visit the site with firefox or any other browser the text gets displayed. I have no idea what the problem is, but this is really bothering me.
    I hope that somebody is kind enough to help me out here. Big thanks in advance! :-)
    Here is the HTML-code of the site: (the red highlighted lines are those which doesn't get diplayed)
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.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" />
    <meta name="description" content="Ihr Partner für Musik- und 
    Videoproduktionen, Webdesign, Internet, Flash, Podcasts und 
    Grafikdesign" />
    <meta name="keywords" content="gemafreie musik,lizenzfrei,lizenzfreie 
    musik, royalty free, filmmusik,hintergrundmusik, werbespot,trailer, 
    jingles, loops, Werbemusik, Mastering, Scoremusik, 
    Filmproduktion
    ,Videoproduktion,Computeranimation,Postproduktion,Filmagentur,3D 
    Visualisierung,3D Animation,Filme,Video,Film Produktion,Grafik 
    Design,Imagefilm,Werbefilm,Werbefilme,Werbefilmproduktion, Webdesign, 
    Webspace ,Webhosting, Web-Design , Web, Domainregistrierung, 
    Internetdesign, Internet, Provider, HTML, Web-Space, Design, Webdesign 
    München, Grafikdesign, kreative, innovative, Homepage, 
    Suchmaschinenoptimierung, Michael Peh, Michi Peh, Matthias Damoser, 
    media powerplant, media-powerplant, München"/>
    <title>media powerplant *** Musikproduktion / Videoproduktion / 
    Webdesign ***</title>
    <meta name="author" content="[email protected]">
    <meta name="copyright" content="Webdesign: Matthias Damoser / media 
    powerplant">
    <meta name="Content-Language" content="de">
    <meta name="robots" content="INDEX,FOLLOW">
    <meta name="revisit-after" content="7 days">
    <link rel="SHORTCUT ICON" href="http://www.media-powerplant.de/favicon.ico
    ">
    <link href="mppLayout.css" rel="stylesheet" type="text/css" />
    <!--[if IE]>
         <style type="text/css">@import url(ie.css);</style>
       <![endif]-->
    <script src="SpryAssets/xpath.js" type="text/javascript"></script>
    <script src="SpryAssets/SpryData.js" type="text/javascript"></script>
    <script type="text/javascript">
    <!--
    var dsreferenzen = new Spry.Data.XMLDataSet("referenzen.xml", 
    "referenz/beispiel");
    dsreferenzen.setColumnType("name", "html");
    dsreferenzen.setColumnType("MP3", "html");
    dsreferenzen.setColumnType("theURL", "html");
    dsreferenzen.setColumnType("theURL2", "html");
    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_goToURL() { //v3.0
       var i, args=MM_goToURL.arguments; document.MM_returnValue = false;
       for (i=0; i<(args.length-1); i+=2) eval(args[i]+".location='"+args[i
    +1]+"'");
    var dslinks = new Spry.Data.XMLDataSet("referenzenlinks.xml", 
    "referenz/link");
    dslinks.setColumnType("a", "html");
    //-->
    </script>
    <link href="SpryAssets/SpryMasterDetail.css" rel="stylesheet" 
    type="text/css">
    </head>
    <body>
    <div id="hauptfenster">
    <div id="content">
       <div id="mitte">
         <div id="header">
           <h1>media powerplant</h1>
         </div>
         <div id="mainnavi">
           <div class="menuHome" onclick=MM_goToURL('parent','media-
    powerplant-home.html');return document.MM_returnValue 
    document.MM_returnValue></div>
           <div class="menuMusik" onclick=MM_goToURL('parent','media-
    powerplant-musikproduktion.html');return document.MM_returnValue></div>
           <div class="menuVideo" onclick="MM_goToURL('parent','media-
    powerplant-videoproduktion.html');return document.MM_returnValue"></div>
           <div class="menuWeb" onclick=MM_goToURL('parent','media-
    powerplant-webdesign.html') document.MM_returnValue></div>
           <div class="menuReferenzen" onclick="MM_goToURL('parent','media-
    powerplant-referenzen.html');return document.MM_returnValue"></div>
           <div class="menuAbout" onclick=MM_goToURL('parent','media-
    powerplant-about.html') document.MM_returnValue></div>
           <div class="menuKontakt" onclick="MM_goToURL('parent','media-
    powerplant-kontakt.html');return document.MM_returnValue"></div>
           <div class="menuImpressum" onclick="MM_goToURL('parent','media-
    powerplant-impressum.html');return document.MM_returnValue"></div>
         </div>
         <div id="inhalt">
         <h2><span class="mpp">media powerplant</span> <span 
    class="bereich">Referenzen</span></h2>
           <h2 class="unterüberschrift">Hier finden Sie einen Überblick 
    und einige interessante Details über unsere letzten Projekte</h2>
           <p> </p>
           <div id="musikproduktion">
             <div id="musikprojekte">
               <div id="projektescroll">
                 <div spry:region="dsreferenzen">
                   <table id="referenzTable">
                     <tr spry:repeat="dsreferenzen" 
    spry:hover="rowHoverRef" spry:select="rowSelectRef" 
    spry:setrow="dsreferenzen">
                       <td><img src="{screenshot}" alt="{name}" 
    width="140" height="93" class="screenshot"></td>
                       <td><span class="kategorie">{kategorie}</span><br>
                         <span class="name">{name}</span></td>
                     </tr>
                   </table>
                 </div>
               </div>
             </div>
             <div spry:detailregion="dsreferenzen">
               <div id="musikmainRef">
                 <h2> </h2>
    <p> </p>
                 <div id="projektbeschreibung">
                   <p class="beschreibung">{beschreibung}</p>
                   <p class="aufgabenfeld">{dsreferenzen::aufgabenfeld}</p>
                   <p class="aufgabenbilder">
                   <img src="{bild1}" width="90" height="77" 
    class="bild"><img src="{bild2}" width="90" height="77" 
    class="bild"><img src="{bild3}" width="90" height="77" 
    class="bild"><img src="{bild4}" width="90" height="77" class="bild"> </
    p>
                    <p class="linkMP3">{MP3}</p>
                    <p class="reflink">{theURL}</p>
                    <p class="reflink">{theURL2}</p>
                  </div>
               </div>
            </div>
           </div>
             <div class="copyrightref">Copyright © 2009 media powerplant | 
    Alle Rechte vorbehalten | <a href="media-powerplant-
    impressum.html">Impressum</a> |  <a href="media-powerplant-
    kontakt.html">Kontakt</a> | </div>
         </div>
       </div>
       </div>
    </div>
    </body>
    </html>
    the XML looks like this: (again highlighting the problematic regions)
    <?xml version="1.0" encoding="UTF-8"?>
    <referenz>
         <beispiel>
         <screenshot>Bilder/Projektbilder/impulstv.jpg</screenshot>
         <name>Sounddesign ImpulsTV</name>
         <kategorie>Musikproduktion</kategorie>
         <beschreibung>Produktion des Musikstückes "Today" für Imagefilm 
    der Firma ImpulsTV</beschreibung>
         <aufgabenfeld>Aufgabenbereich: * Musikkomposition * 
    Musikproduktion</aufgabenfeld>
         <bild1>Bilder/Projektbilder/mics.jpg</bild1>
         <bild2>Bilder/Projektbilder/misch2.jpg</bild2>
         <bild3>Bilder/Projektbilder/keyboard.jpg</bild3>
         <bild4>Bilder/Projektbilder/headphones.jpg</bild4>
        <MP3>
            <![CDATA[
            <embed src="Songs/Referenzen/Today.mp3" autostart="false" 
    loop="false" width="300" height="18" controller="true" id="rock.mp3" 
    name="bg song" pluginspage=            "http://www.apple.com/quicktime/
    download/"> </embed>
          ]]>
        </MP3>
       </beispiel>
        <beispiel>
         <screenshot>Bilder/Projektbilder/gm.jpg</screenshot>
         <name>Webdesign gin-mum.com</name>
        <kategorie>Webdesign</kategorie>
         <beschreibung>Design, Programmierung und Webspace-Hosting der 
    Internetpräsenz für die Münchner Band gin mum.</beschreibung>
         <aufgabenfeld>Aufgabenbereich: * Webdesign * Hosting und Domain * 
    Programmierung</aufgabenfeld>
         <bild1>Bilder/Projektbilder/gm_1.jpg</bild1>
         <bild2>Bilder/Projektbilder/gm_2.jpg</bild2>
         <bild3>Bilder/Projektbilder/gm_3.jpg</bild3>
         <bild4>Bilder/Projektbilder/gm_4.jpg</bild4>
            <theURL>
    <![CDATA[
    <p>
    <a target="_blank" href="http://www.gin-mum.com">www.gin-mum.com</a>
    </p>
    ]]>
    </theURL>
       </beispiel>
       <beispiel>
         <screenshot>Bilder/Projektbilder/hz.jpg</screenshot>
         <name>Imagefilm für Johanna Schäfer</name>
         <kategorie>Videoprodution</kategorie>
         <beschreibung>Videoediting für Johanna Schäfer</beschreibung>
         <aufgabenfeld>Aufgabenbereich: * Videoediting</aufgabenfeld>
         <bild1>Bilder/Projektbilder/hz_1.jpg</bild1>
         <bild2>Bilder/Projektbilder/hz_2.jpg</bild2>
         <bild3>Bilder/Projektbilder/hz_3.jpg</bild3>
         <bild4>Bilder/Projektbilder/hz_4.jpg</bild4>
        </beispiel>
       <beispiel>
         <screenshot>Bilder/Projektbilder/SRB.jpg</screenshot>
         <name>Sounddesign Radio SRB</name>
         <kategorie>Musikproduktion</kategorie>
         <beschreibung>Media powerplant produzierte das gesamte 
    Sounddesign für den regionalen Radiosender SRB. Dabei wurden 
    hauptsächlich Musikbetten und Radiojingles produziert.</beschreibung>
         <aufgabenfeld>Aufgabenbereich: * Sounddesign * Musikkomposition * 
    Musikproduktion</aufgabenfeld>
         <bild1>Bilder/Projektbilder/waves.jpg</bild1>
         <bild2>Bilder/Projektbilder/peakmeter.jpg</bild2>
         <bild3>Bilder/Projektbilder/mixpult.jpg</bild3>
         <bild4>Bilder/Projektbilder/mics.jpg</bild4>
        <MP3>
            <![CDATA[
            <embed src="Songs/Electro/Hintergrund_3.mp3" autostart="false" 
    loop="false" width="300" height="18" controller="true" id="rock.mp3" 
    name="bg song" pluginspage=            "http://www.apple.com/quicktime/
    download/"> </embed>
          ]]>
        </MP3>
       </beispiel>
       <beispiel>
         <screenshot>Bilder/Projektbilder/Logo_earthTV.jpg</screenshot>
         <name>EarthTV Musik</name>
         <kategorie>Musikproduktion</kategorie>
         <beschreibung>Komposition und Produktion des Stückes "Steil" im 
    Auftrag von EarthTV für deren Sendeformat bei Sevenload.</beschreibung>
         <aufgabenfeld>Aufgabenbereich:* Musikkompostion * 
    Musikproduktion</aufgabenfeld>
         <bild1>Bilder/Projektbilder/peakmeter.jpg</bild1>
         <bild2>Bilder/Projektbilder/headphones.jpg</bild2>
         <bild3>Bilder/Projektbilder/keyboard.jpg</bild3>
         <bild4>Bilder/Projektbilder/mic.jpg</bild4>
         <theURL>
    <![CDATA[
    <p>
    <a target="_blank" href="http://de.sevenload.com/sendungen/
    earthTV">EarthTV bei www.Sevenload.de</a>
    </p>
    ]]>
    </theURL>
    <MP3>
            <![CDATA[
            <embed src="Songs/Electro/Steil.mp3" autostart="false" loop="false" 
    width="300" height="18" controller="true" id="rock.mp3" name="bg song" 
    pluginspage=            "http://www.apple.com/quicktime/download/"> </embed>
          ]]>
        </MP3>
       </beispiel>
    </referenz>
    Are you still with me? :-)
    Attached you'll find what it looks like with Firefox and with InternetExplorer.

    Hmm, stil not working. But thanks for your support!
    Here is the modified XML-code: (the not shown elements are highlighted)
    <?xml version="1.0" encoding="UTF-8"?>
    <referenz>
        <beispiel>
        <screenshot>Bilder/Projektbilder/impulstv.jpg</screenshot>
        <name><![CDATA[Sounddesign ImpulsTV]]></name>
        <kategorie><![CDATA[Musikproduktion]]></kategorie>
    <beschreibung><![CDATA[Produktion des Musikstückes "Today" für Imagefilm der Firma ImpulsTV]]></beschreibung>
        <aufgabenfeld>Aufgabenbereich: * Musikkomposition * Musikproduktion</aufgabenfeld>
        <bild1>Bilder/Projektbilder/mics.jpg</bild1>
        <bild2>Bilder/Projektbilder/misch2.jpg</bild2>
        <bild3>Bilder/Projektbilder/keyboard.jpg</bild3>
        <bild4>Bilder/Projektbilder/headphones.jpg</bild4>
    <MP3>
      <![CDATA[
    <embed src="Songs/Referenzen/Today.mp3" autostart="false" loop="false" width="300" height="18" controller="true" id="rock.mp3" name="bg song" pluginspage= "http://www.apple.com/quicktime/download/"> </embed>
      ]]>
    </MP3>
      </beispiel>
       <beispiel>
        <screenshot>Bilder/Projektbilder/gm.jpg</screenshot>
       <name><![CDATA[Webdesign gin-mum.com]]></name>
        <kategorie><![CDATA[Webdesign]]></kategorie>
        <beschreibung><![CDATA[Design, Programmierung und Webspace-Hosting der Internetpräsenz für die Münchner Band gin mum.]]></beschreibung>
        <aufgabenfeld>Aufgabenbereich: * Webdesign * Hosting und Domain * Programmierung</aufgabenfeld>
        <bild1>Bilder/Projektbilder/gm_1.jpg</bild1>
        <bild2>Bilder/Projektbilder/gm_2.jpg</bild2>
        <bild3>Bilder/Projektbilder/gm_3.jpg</bild3>
        <bild4>Bilder/Projektbilder/gm_4.jpg</bild4>
        <theURL>
    <![CDATA[
    <p>
    <a target="_blank" href="http://www.gin-mum.com">www.gin-mum.com</a>
    </p>
    ]]>
    </theURL>
      </beispiel>
      <beispiel>
        <screenshot>Bilder/Projektbilder/hz.jpg</screenshot>
       <name><![CDATA[Imagefilm für Johanna Schäfer]]></name>
        <kategorie><![CDATA[Videoprodution]]></kategorie>
        <beschreibung><![CDATA[Videoediting für Mediengestalterin und Fotografin Johanna Schäfer.]]></beschreibung>
        <aufgabenfeld>Aufgabenbereich: * Videoediting</aufgabenfeld>
        <bild1>Bilder/Projektbilder/hz_1.jpg</bild1>
        <bild2>Bilder/Projektbilder/hz_2.jpg</bild2>
        <bild3>Bilder/Projektbilder/hz_3.jpg</bild3>
        <bild4>Bilder/Projektbilder/hz_4.jpg</bild4>
    <theURL>
    <![CDATA[
    <p>
    <a target="_blank" href="http://hanna-schaefer.de/">Website von Johanna Schäfer</a>
    </p>
    ]]>
    </theURL>
    </beispiel>
      <beispiel>
        <screenshot>Bilder/Projektbilder/SRB.jpg</screenshot>
       <name><![CDATA[Sounddesign Radio SRB]]></name>
        <kategorie><![CDATA[Musikproduktion]]></kategorie>
        <beschreibung><![CDATA[Media powerplant produzierte das gesamte Sounddesign für den regionalen Radiosender SRB. Dabei wurden hauptsächlich Musikbetten und Radiojingles produziert.]]></beschreibung>
        <aufgabenfeld>Aufgabenbereich: * Sounddesign * Musikkomposition * Musikproduktion</aufgabenfeld>
        <bild1>Bilder/Projektbilder/waves.jpg</bild1>
        <bild2>Bilder/Projektbilder/peakmeter.jpg</bild2>
        <bild3>Bilder/Projektbilder/mixpult.jpg</bild3>
        <bild4>Bilder/Projektbilder/mics.jpg</bild4>
    <MP3>
      <![CDATA[
    <embed src="Songs/Electro/Hintergrund_3.mp3" autostart="false" loop="false" width="300" height="18" controller="true" id="rock.mp3" name="bg song" pluginspage= "http://www.apple.com/quicktime/download/"> </embed>
      ]]>
    </MP3>
      </beispiel>
      <beispiel>
        <screenshot>Bilder/Projektbilder/Logo_earthTV.jpg</screenshot>
       <name><![CDATA[EarthTV Musik]]></name>
        <kategorie><![CDATA[Musikproduktion]]></kategorie>
        <beschreibung><![CDATA[Komposition und Produktion des Stückes "Steil" im Auftrag von EarthTV für deren Sendeformat bei Sevenload.]]></beschreibung>
        <aufgabenfeld>Aufgabenbereich:* Musikkompostion * Musikproduktion</aufgabenfeld>
        <bild1>Bilder/Projektbilder/peakmeter.jpg</bild1>
        <bild2>Bilder/Projektbilder/headphones.jpg</bild2>
        <bild3>Bilder/Projektbilder/keyboard.jpg</bild3>
        <bild4>Bilder/Projektbilder/mic.jpg</bild4>
        <theURL>
    <![CDATA[
    <p>
    <a target="_blank" href="http://de.sevenload.com/sendungen/earthTV">EarthTV bei www.Sevenload.de</a>
    </p>
    ]]>
    </theURL>
    <MP3>
      <![CDATA[
    <embed src="Songs/Electro/Steil.mp3" autostart="false" loop="false" width="300" height="18" controller="true" id="rock.mp3" name="bg song" pluginspage= "http://www.apple.com/quicktime/download/"> </embed>
      ]]>
    </MP3>
      </beispiel>
      <beispiel>
        <screenshot>Bilder/Projektbilder/Ortner_video.jpg</screenshot>
       <name><![CDATA[Webdesign christian-ortner.de]]></name>
        <kategorie><![CDATA[Webdesign]]></kategorie>
        <beschreibung><![CDATA[Design, Programmierung und Webspace-Hosting der Internetpräsenz für den Berufsmusiker Christian Ortner.]]></beschreibung>
        <aufgabenfeld>Aufgabenbereich: * Webdesign * Hosting und Domain * Programmierung</aufgabenfeld>
        <bild1>Bilder/Projektbilder/Ortner_projekte.jpg</bild1>
        <bild2>Bilder/Projektbilder/Ortner_video.jpg</bild2>
        <bild3>Bilder/Projektbilder/Ortner_MP3.jpg</bild3>
        <bild4>Bilder/Projektbilder/Ortner_kontakt.jpg</bild4>
        <theURL>
    <![CDATA[
    <p>
    <a target="_blank" href="http://www.christian-ortner.de">www.christian-ornter.de</a>
    </p>
    ]]>
    </theURL>
      </beispiel>
      <beispiel>
        <screenshot>Bilder/Projektbilder/henriette_1.jpg</screenshot>
        <name><![CDATA[Sounddesign für Filmprojekt]]></name>
        <kategorie><![CDATA[Musikproduktion]]></kategorie>
        <beschreibung><![CDATA[Sounddesign und Titeltrack des Abschlussfilms der beiden  Filmhochschule Ilmenau - Absolventen Suzanna Gorolova und Laura Süßenguth.]]></beschreibung>
        <aufgabenfeld>Aufgabenbereich: * Sounddesign * Musikkomposition</aufgabenfeld>
        <bild1>Bilder/Projektbilder/henriette_1.jpg</bild1>
        <bild2>Bilder/Projektbilder/henriette_2.jpg</bild2>
        <bild3>Bilder/Projektbilder/henriette_3.jpg</bild3>
        <bild4>Bilder/Projektbilder/henriette_4.jpg</bild4>
    <MP3>
      <![CDATA[
    <embed src="Songs/Referenzen/Henriette.mp3" autostart="false" loop="false" width="300" height="18" controller="true" id="rock.mp3" name="bg song" pluginspage= "http://www.apple.com/quicktime/download/"> </embed>
      ]]>
    </MP3>
        <theURL>
    <![CDATA[
    <p>
    Hier kann man das Video sehen:
    <a target="_blank" href="http://www.youtube.com/watch?v=LdBnFKNVhTY">Henriette auf Youtube</a>
    </p>
    ]]>
    </theURL>
      </beispiel>
      <beispiel>
        <screenshot>Bilder/Projektbilder/she_1.jpg</screenshot>
       <name><![CDATA[Musikvideo "She said" für die Band gin mum]]></name>
        <kategorie><![CDATA[Videoprodution]]></kategorie>
        <beschreibung><![CDATA[Musikvideo für das Lied "She said" der lokalen Rock-Pop Band gin mum.]]></beschreibung>
        <aufgabenfeld>Aufgabenbereich: * Videoediting</aufgabenfeld>
        <bild1>Bilder/Projektbilder/she_1.jpg</bild1>
        <bild2>Bilder/Projektbilder/she_2.jpg</bild2>
        <bild3>Bilder/Projektbilder/she_3.jpg</bild3>
        <bild4>Bilder/Projektbilder/she_4.jpg</bild4>
    <theURL>
    <![CDATA[
    <p>
    <a target="_blank" href="http://www.gin-mum.com">www.gin-mum.com</a>
    </p>
    ]]>
    </theURL>
      </beispiel>
      <beispiel>
        <screenshot>Bilder/Projektbilder/Sim_thumb.jpg</screenshot>
        <name><![CDATA[Imagefilm für die Firma "Sim-Events"]]></name>
        <kategorie><![CDATA[Videoproduktion]]></kategorie>
        <beschreibung><![CDATA[Produkttrailer und Imagefilm für die Simbacher Eventmanagement Firma Sim-events.]]></beschreibung>
        <aufgabenfeld>Aufgabenbereich: * 3D Grafik-Animation * Musikkomposition * Musikproduktion</aufgabenfeld>
        <bild1>Bilder/Projektbilder/Sim_1.jpg</bild1>
        <bild2>Bilder/Projektbilder/Sim_2.jpg</bild2>
        <bild3>Bilder/Projektbilder/Sim_3.jpg</bild3>
        <bild4>Bilder/Projektbilder/Sim_4.jpg</bild4>
    <MP3>
      <![CDATA[
    <embed src="Songs/Referenzen/Sim.mp3" autostart="false" loop="false" width="300" height="18" controller="true" id="rock.mp3" name="bg song" pluginspage= "http://www.apple.com/quicktime/download/"> </embed>
      ]]>
    </MP3>
      </beispiel>
      <beispiel>
        <screenshot>Bilder/Projektbilder/Logo_earthTV.jpg</screenshot>
        <name><![CDATA[EarthTV Musik]]></name>
        <kategorie><![CDATA[Musikproduktion]]></kategorie>
        <beschreibung><![CDATA[Komposition und Produktion des Stückes "Horizon" im Auftrag von EarthTV für deren Webstreaming-Formate.]]></beschreibung>
        <aufgabenfeld>Aufgabenbereich: * Musikkompostion * Musikproduktion</aufgabenfeld>
        <bild1>Bilder/Projektbilder/mischklein.jpg</bild1>
        <bild2>Bilder/Projektbilder/headphones.jpg</bild2>
        <bild3>Bilder/Projektbilder/misch2.jpg</bild3>
        <bild4>Bilder/Projektbilder/mic.jpg</bild4>
    <theURL>
    <![CDATA[
    <p>
    <a target="_blank" href="http://www.wetter.com/webcams_galerien/earthtv/">EarthTV bei www.wetter.com</a>
    </p>
    ]]>
    </theURL>
    <theURL2>
    <![CDATA[
    <p>
    <a target="_blank" href="http://www.hamburg-tourism.de/sehenswertes/webcam-earthtv/">EarthTV auf www.Hamburg-tourism.de</a>
    </p>
    ]]>
    </theURL2>
    <MP3>
      <![CDATA[
    <embed src="Songs/Chill/Elf.mp3" autostart="false" loop="false" width="300" height="18" controller="true" id="rock.mp3" name="bg song" pluginspage= "http://www.apple.com/quicktime/download/"> </embed>
      ]]>
    </MP3>
      </beispiel>
      <beispiel>
        <screenshot>Bilder/Projektbilder/like_2.jpg</screenshot>
       <name><![CDATA[Musikvideo "like a fool" für die Band gin mum]]></name>
        <kategorie><![CDATA[Videoproduktio]]>n</kategorie>
        <beschreibung><![CDATA[Editing des Musikvideos "Like a Fool" für die Münchner Band "gin mum".]]></beschreibung>
        <aufgabenfeld>Aufgabenbereich: * Videoediting</aufgabenfeld>
        <bild1>Bilder/Projektbilder/like_1.jpg</bild1>
        <bild2>Bilder/Projektbilder/like_2.jpg</bild2>
        <bild3>Bilder/Projektbilder/like_3.jpg</bild3>
        <bild4>Bilder/Projektbilder/like_4.jpg</bild4>
    <theURL>
    <![CDATA[
    <p>
    <a target="_blank" href="http://www.gin-mum.com">www.gin-mum.com</a>
    </p>
    ]]>
    </theURL>
      </beispiel>
      <beispiel>
        <screenshot>Bilder/Projektbilder/eromat.jpg</screenshot>
        <name><![CDATA[Eromat Musikproduktion]]></name>
        <kategorie><![CDATA[Musikproduktion]]></kategorie>
        <beschreibung><![CDATA[Titeltrack für Hörbuch des Eromat Verlages und Corporate Sounddesign in Form eines Jingles für den Verlag]]></beschreibung>
        <aufgabenfeld>Aufgabenbereich: * Musikkompostion * Musikproduktion</aufgabenfeld>
        <bild1>Bilder/Projektbilder/mischklein.jpg</bild1>
        <bild2>Bilder/Projektbilder/headphones.jpg</bild2>
        <bild3>Bilder/Projektbilder/misch2.jpg</bild3>
        <bild4>Bilder/Projektbilder/mic.jpg</bild4>
    <MP3>
      <![CDATA[
    <embed src="Songs/Referenzen/Eromat.mp3" autostart="false" loop="false" width="300" height="18" controller="true" id="rock.mp3" name="bg song" pluginspage= "http://www.apple.com/quicktime/download/"> </embed>
      ]]>
    </MP3>
      </beispiel>
      <beispiel>
        <screenshot>Bilder/Projektbilder/Wildcats-Cover.jpg</screenshot>
        <name><![CDATA[Highlight Video Kirchdorf Wildcats]]></name>
        <kategorie><![CDATA[Videoproduktion]]></kategorie>
        <beschreibung><![CDATA[Jahresrückblicksvideo der Kirchdorf Wildcats, American Football Mannschaft der 2.Bundesliga.]]></beschreibung>
        <aufgabenfeld>Aufgabenbereich: * Videoediting * DVD-Authoring * Cover Design * Musikkompostion * Musikproduktion</aufgabenfeld>
        <bild1>Bilder/Projektbilder/Wildcats-Cover.jpg</bild1>
        <bild2>Bilder/Projektbilder/Wildcats_davor.jpg</bild2>
        <bild3>Bilder/Projektbilder/Wildcats_Spiel.jpg</bild3>
        <bild4>Bilder/Projektbilder/Wildcats_touchdown.jpg</bild4>
    <MP3>
      <![CDATA[
    <embed src="Songs/Referenzen/Wildcats.mp3" autostart="false" loop="false" width="300" height="18" controller="true" id="rock.mp3" name="bg song" pluginspage= "http://www.apple.com/quicktime/download/"> </embed>
      ]]>
    </MP3>
      </beispiel>
    </referenz>
    Anyhing wrong with that or is the syntax correct so far?
    Then you said that I have to change the columne type..... Right now I have those two columnes ("name" and "kategorie") set to "string" as you can see in the attached screenshot. Is that correct? If it is, the mistake must be something else I'm afraid.
    Again, thanks for your support! :-)
    And by the way, merry Christmas everybody! :-)

  • Spry Data Sets and IE7 and IE8

    Whiile in IE 7 or IE 8, my spry data set is not displaying
    the data. However, using the Firefox browser, you can see the data
    within the spry data set. For some reason unbeknownst to me, IE 7
    and IE 8 in not allowing the spry data set to display the necessary
    data. Is there a fix to this issue? Can changing or modifying the
    HTML code help make the connection between the spry data set and
    its data in IE 7 and IE 8? Any assistance would be helpful. Thank
    you.
    To view my site where the problem is at, go to
    http://www.hrconsortium.net/hrworkshops.htm

    It gags in IE because you are saying that the Course_Date
    column is a date, but you have an "Open" word in the date column
    instead of a date. You can work around the problem by creating a
    custom column that replaces the "Open" keyword with a date in the
    past or the future, depending on where you want it to land when
    sorting (top or bottom). Then, leave your Course_Date column as a
    "string" column type, and set the new custom column to the date
    column type. Try something like this:
    <script type="text/javascript">
    <!--
    function CustomDateFilter(ds,row,rowIndex)
    if (row.Course_Date.search("Open") != -1)
    row.Course_Date2 = "01/01/2000";
    else
    row.Course_Date2 = row.Course_Date;
    return row;
    var dshrworkshops = new
    Spry.Data.HTMLDataSet("hrworkshop_table.htm", "hrworkshoptable",
    {sortOnLoad: "Course_Date", sortOrderOnLoad: "ascending",
    filterDataFunc: CustomDateFilter});
    dshrworkshops.setColumnType("Course_Date2", "date");
    //-->
    </script>
    --== Kin ==--

  • Spry data set blinks on loading

    Hello
    I am testing spry data sets with large tables of content.
    Is there any way to stop the blinking of the page when loading.
    I would like to show a loading bar or something similar while waiting for the data to be loaded.
    Here is a link from one of the pages I am working with.
    http://www.riegler-projekt.de/page/wartungsgeraete/3-2-wege-fut.html
    Would appreciate any help
    Anthony Bury

    Thank you, that did the trick.
    One problem I have is with Firefox 3.5, on a Mac the table won't show, with Windows I just see the first table without the CSS background colours.
    All other browsers Mac or Windows (Safari IE Opera) all show the data correctly. I tried searching the forum for similar problems, but most seemed related to IE and not FF.
    Do you have any idea what this could be?
    Thanks for any support
    Anthony Bury

  • Spry Data Set Issue

    Hello,
    I have written a page using a SpryData  set/Accordion structure. The XML feeds the name of the accordion tab and  its content. The idea is supposed to be that each topic has a potential  for 4 images. If there are fewer than four, no sweat, they just don't  show up. In Firefox 3.6.3 (Mac and PC), that is what happens. In Safari 4 (Mac and PC), latest Chrome for Mac and PC and in IE 8  any topic that has fewer than 4 images shows a missing image icon.
    I  don't want to resort to blank gifs and I hope that is not what is  needed. Below is some code. Just so you know, I am simultaneously using  tabbed panels and the accordion which is presented without the normal  accordion look-and-feel.
    ===header content===
    <script  src="../SpryAssets/SpryTabbedPanels.js"  type="text/javascript"></script>
    <script src="../SpryAssets/SpryAccordion.js"  type="text/javascript"></script>
    <script src="../SpryAssets/xpath.js"  type="text/javascript"></script>
    <script src="../SpryAssets/SpryData.js"  type="text/javascript"></script>
    <link href="../SpryAssets/SpryTabbedPanels.css" rel="stylesheet"  type="text/css" />
    <link href="../SpryAssets/SpryAccordion.css" rel="stylesheet"  type="text/css" />
    <script type="text/javascript">
    <!--
    var dsAeroInterface = new Spry.Data.XMLDataSet("xml/aerointerface.xml",  "aero/topic[@name = 'New Desktop features']");
    <!--var dsAeroPics = new  Spry.Data.XMLDataSet("xml/aerointerface.xml",  "aero/topic/images/image");-->
    //-->
    </script>
    ===Accordion content===
    <div  id="acc_aero" spry:region="dsAeroInterface">
                           <div id="Acc1" class="Accordion"  tabindex="0">
                             <h5>{@name}</h5>
                             <div spry:repeat="dsAeroInterface"  class="AccordionPanel">
                               <div class="AccordionPanelTab">
                                 <h4>{item}</h4>
                               </div>
                               <div class="AccordionPanelContent">
                                 <div>
                                   <ul class="image_thumbs">
                                     <li><a href="{pic1/@path}"  rel="lightbox[a]" title="{pic1/@caption}"><img class="changeDim"   src="{pic1/@path}"/></a></li>
                                     <li><a href="{pic2/@path}"  rel="lightbox[a]" title="{pic2/@caption}"><img class="changeDim"   src="{pic2/@path}"/></a></li>
                                     <li><a href="{pic3/@path}"  rel="lightbox[a]" title="{pic3/@caption}"><img class="changeDim"   src="{pic3/@path}"/></a></li>
                                     <li><a href="{pic4/@path}"  rel="lightbox[a]" title="{pic4/@caption}"><img class="changeDim"   src="{pic4/@path}"/></a></li>
                                   </ul>
                                 </div>
                               </div>
                             </div>
                           </div>
    <script type="text/javascript"> var a1 = new  Spry.Widget.Accordion("Acc1", { useFixedPanelHeights: false,  defaultPanel: -1 }); </script>
    </div>
    Here  is the URL: http://academic.csuohio.edu/milhoan_g/windows7/_index2.html.
    I don't know if it's a Spry problem, a browser problem or an XML  problem, especially since there are lots of ways to organize the XML.
    Thanks  for your help.
    Bill

    g.milhoan wrote:
    I don't know if it's a Spry problem, a browser problem or an XML  problem, especially since there are lots of ways to organize the XML.
    Hello Bill,
    First of all, thank you for posting the URL of the site, this makes it easier for us to supply you with an answer.
    It is very rarely a Spry problem, it could be a browser idiosyncrasy, but usually it is the way that we have coded mark-up as in this case.
    Because there is no picture to show due to a link to a non-existing picture, FF places a blank, whereas other browsers, rightly so, place a broken link image where the picture is supposed to be.
    <ul class="image_thumbs">
      <li><a href="{pic1/@path}" rel="lightbox[a]" title="{pic1/@caption}"><img class="changeDim"  src="{pic1/@path}"/></a></li>
      <li><a href="{pic2/@path}" rel="lightbox[a]" title="{pic2/@caption}"><img class="changeDim"  src="{pic2/@path}"/></a></li>
      <li><a href="{pic3/@path}" rel="lightbox[a]" title="{pic3/@caption}"><img class="changeDim"  src="{pic3/@path}"/></a></li>
      <li><a href="{pic4/@path}" rel="lightbox[a]" title="{pic4/@caption}"><img class="changeDim"  src="{pic4/@path}"/></a></li>
    </ul>
    The solution to overcome this is to place a conditional statement in each of the above such as spry:if='{pic4/@path}' placed in the <LI>-tag. This will hide the the <LI>-tag if the condition is false.
    I hope this helps.
    Ben

  • Spry Data Set not display in chrome

    I create a new spry Xml data set using adobe sample. I using Spry 1.6.1, Chrome 7.0.517.41 on windows 7. I test this in mozilla and firefox works fine, but chrome doesn't shows the data.
    <!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>Spry Example</title>
         <!--Link the Spry libraries-->
         <script type="text/javascript" src="includes/xpath.js"></script>
         <script type="text/javascript" src="includes/SpryData.js"></script>
         <!--Create a data set object-->
         <script type="text/javascript">
              var dsSpecials = new Spry.Data.XMLDataSet("_xml/adobe.xml", "specials/menu_item");
              dsSpecials.loadData();
         </script>
    </head>
    <body>
    <div spry:region="dsSpecials">
    <ul><li spry:repeat="dsSpecials">{item}</li></ul></div>
    </body>
    </html>

    I upload the site and check it, It works well...

  • Show a loading bar while spry data set content loads

    Is there a way to do this? I'm using spry to read an RSS feed from a blog, and it works fine, but sometimes can be a bit slow, so, I'd like to let the end-user know that the content is coming, it's just loading.
    Thanks!

    <!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>Filter XPath with URL Parameters</title>
    <script src="xpath.js" type="text/javascript"></script>
    <script src="SpryData.js" type="text/javascript"></script>
    <script src="SpryEffects.js" type="text/javascript"></script>
    <script src="SpryDOMUtils.js" type="text/javascript"></script>
    <script src="SpryWidgetProgressBar.js" type="text/javascript"></script>
    <script type="text/javascript">
    <!--
    var ds1 = new Spry.Data.XMLDataSet("../../data/employees-01.xml", "/employees/employee");
    ds.addObserver({
         onPostUpdate:function(){
              // when the dataset is loaded.. do stuff, in this case compelete the progress bar
              progress.stop(); // stop any running effects,
              progress.complete(); // complete the progress bar
    -->
    </script>
    <style type="text/css">
    .progress {
              position:fixed;
              background:#FFF;
              right:10px;
              bottom:10px;
              border:1px solid #ccc;
              padding:2px;
              width:550px;
              .progress .bar {
                   display:block;
                   background-color:#093;
                   height:30px;
                   width:100%;
    </style>
    </head>
    <body>
    <div spry:region="ds1">
      <table>
        <tr>
          <th>Lastname</th>
          <th>Firstname</th>
          <th>Phone</th>
          <th>Username</th>
          <th>@id</th>
        </tr>
        <tr spry:repeat="ds1">
          <td>{lastname}</td>
          <td>{firstname}</td>
          <td>{phone}</td>
          <td>{username}</td>
          <td>{@id}</td>
        </tr>
      </table>
    </div>
    <div class="progress">
         <b><span id="progress_counter">0</span>% loaded</b>
         <div class="bar"><span></span></div>
    </div>
    <script type="text/javascript">
         var progres = new Spry.Widget.ProgressBar( "#meter" );
         // sets increase the progress bar 90% over a duration of 20 seconds
         progres.add("90%", 20000 );
    </script>
    </body>
    </html>
    Above you see a example implementation. Using datasets.
    The scripts requires:
    SpryEffects.js
    SpryDOMUtils.js
    SpryData.js
    To be loaded in advance. For a complete API and observer coverage see http://go.spry-it.com/progressbar. It has the same API and methods and functionality except!! the hide and show fades have been removed in the Spry 1.6.1 version. It just hides the elements using display:none and display:block;
    As for browser compatibility.. Tested on IE 6 / 7 /8 and 9 platform preview, Safari 3 - 4, Firefox 3,0 - 3.6, Opera 9.6 - Opera 10.5.
    The file: http://dl.dropbox.com/u/1381492/Spry/SpryWidgetProgressBar.js
    If you don't have SpryDOMUtils.js, SpryEffects.js you can get them from the complete Spry package at: http://labs.adobe.com/technologies/spry/
    Hopes this helps !

  • Spry Data Set visible in Live View, but not on Site.

    Hi,
    I've used the spry data set widget to create a dynamic table. Everything looks fine in the live view. On the site itself, however, I see only a brief flash of the unpopulated spry table, and then nothing. All necessary files, including those in the SpryAssets folder, have been uploaded.
    This is particularly frustating since my first crack at a spry data set worked with ease.
    I have the feeling that I missing something simple.  Any ideas?
    Here is the table:
    http://www.ldcsb.on.ca/ntip/teachphotos/profiletable.html
    Here is the spry data set:
    http://www.ldcsb.on.ca/ntip/teachphotos/profiles.html
    Thanks for looking,
    Jim

    Jim, Your page comes up fine in Firefox, but as you said it flashes and disappears in IE8.
    I notice some differences in the ids and Spry:sort values. You might sort those out (make them the same) and see what happens.
    This is in the profiletable:
    <td id="Image">Image</td>
    <td id="First">First </td>
    <td wid="Last">Last </td>                                        lose the w
    <td id="Sschool">School</td>                                   lose the extra s
    <td id="Grade">Grade </td>
    <td id="Subject1">Subject1</td>
    <td id="Subject2">Subject2</td>
    <td w id="Description">Description</td>                    lose the w and the extra space
    And this in the Spry region:
    <th spry:sort="Image">Image</th>
    <th spry:sort="First">First</th>
    <th spry:sort="Last">Last</th>
    <th spry:sort="School">School</th>
    <th spry:sort="Grade">Grade</th>
    <th spry:sort="Subject1">Subject1</th>
    <th spry:sort="Subject2">Subject2</th>
    <th spry:sort="Description">Description</th>
    It's possible that IE is pickier than Firefox that the names be the same.
    Other than that, look for things to clean up, like tightening up the table...I notice several places in the data where there are blank lines between the </tr> of one line and the <tr> of the next.  Make sure every entry in the table has a cell for every column.
    You're right; it is an easy Widget to work with...unless some tiny thing goes wrong and it doesn't work! I have had a data set that had some of those tiny anomalies, fixed them, and now I know to look for them.
    Beth

  • Is IE5.5 unable to display Spry Data?

    I've just finished adding a Spry Accordion to a page that's
    populated with Spry Data (XML data set from a MySQL table). The
    Accordion widget and data displays properly in Firefox, Opera, IE7
    and IE6 but fails in IE5.5. Likewise, Spry Data in Spry Tables
    doesn't appear in IE5.5.
    Is IE5.5 simply unable to display Spry Data?

    I'm developing my current project on a local development
    server, so I don't have a URL to show. However here's an example
    I've since found on the Adobe Labs site that exhibits the same
    behavior on my standalone installation of IE 5.5.
    http://labs.adobe.com/technologies/spry/samples/accordion/AccordionSample2.html
    I'm guessing that IE5.5 doesn't fully support XMLHttpRequest.
    So, I may just have to see if my clients think we can afford
    to abandon IE5.5 users or if I need to look for an alternative to
    the page I just developed. (Grrrr, I'm really tired of considering
    eight year old browsers.)
    Thanks for your response.

Maybe you are looking for

  • NBA League Pass

    So im trying to watch the nba league pass on my apple tv and it seems to be buggy. 1st off why is it when I try to switch between games that it starts back at the beginning of the game. Why doesnt it either pick back up where I left off or back to li

  • Missing namespace on XAI Inbound Service Fault Element

    Hi, when a XAI Inbound service errors out, it uses the Fault element defined in the WSDL, which normally should be: +<soapenv:Envelope xmlns:soapenv="http://schemas.xmlsoap.org/soap/envelope/">+ +<soapenv:Body>+ +<soapenv:Fault>+ +<faultcode>soapenv:

  • Symbols are showing as black squares?

    I have the Blackberry Curve 9300, v5.0.0.846, bundle 1440, platform 6.3.0.39, and I noticed on BBM and on Twitter and such, that when people post some symbols or small different lettering and such, they show up as small black squares instead of what

  • How best to display portrait-oriented photos in saved slide show

    The choice seems to be: (a) selecting the default setting "Scale Photos to Fill Screen" - which eliminates the black bands on the sides, but only displays the center 60% of the vertical shot; or (b) live with the black bands. Is there another solutio

  • Help me with this code plz

    public class ImaginaryNumber      private int a;      private int b;      public ImaginaryNumber(int num1, int num2){      a = num1;      b = num2;      firstnumber = Integer.toString(a);      secondnumber = Integer.toString(b);      String s = new S