HTML Data Set not created?

I have created a very basic page to test (and learn) about dynamic spry regions, but the data set constructor does not seem to be instantiating the data set.  At this point I'm keeping it very simple just to see how things work.
Per the Spry Framework documentation, I moved the framework include files into my site and I created a table in a separate .html file containing only the table, fotm_db_frag.html, as a fragment.  The table is simple; opening it in DW CS3 shows it's well formed with a header row and data rows.  It's id tag is set to "dsFotm"
Here's the entire page file so far:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:spry="http://ns.adobe.com/spry/">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<!--Link the Spry libraries-->
<script type="text/javascript" src="includes/SpryData.js"></script>
<script type="text/javascript" src="includes/SpryHTMLDataSet.js"></script>
<!--Create a data set object-->
<script type="text/javascript">
var dsFotmdb = new Spry.Data.HTMLDataSet("fotm_db_frag.html", "dsFotm");</script>
dsFotmdb.setColumnType("Date", "date")
</head>
<body>
<div id="container">Content for  id "container" Goes Here</div>
</body>
</html>
At this point, I select the content of the container div and attempt to use visual aids to insert a spry region, but the dialog that pops up says that no data sets have been defined.  I tried saving the file, I looked at Testing server options (left this set at None), I looked in the help to see if there was anything I needed to do in order for the script to run ... but I couldn't find anything that would make the new constructor instantiate data set dsFotmdb.
Help please !!!
BTW:  before starting all this, I downloaded Spry 1.6.1 Framework and updated my copy of DW CS3 with the spry updater (that all seemed to work).

Try making a simple XML file and Dataset to see if that works
Call this Test.xml
<?xml version="1.0" encoding="ISO-8859-1" ?>
- <!-- Just a Text -->
- <CATALOG>
- <CD>
<TITLE>Empire Burlesque</TITLE>
<ARTIST>Bob Dylan</ARTIST>
<COUNTRY>USA</COUNTRY>
<COMPANY>Columbia</COMPANY>
<PRICE>10.90</PRICE>
<YEAR>1985</YEAR>
</CD>
- <CD>
<TITLE>Hide your heart</TITLE>
<ARTIST>Bonnie Tyler</ARTIST>
<COUNTRY>UK</COUNTRY>
<COMPANY>CBS Records</COMPANY>
<PRICE>9.90</PRICE>
<YEAR>1988</YEAR>
</CD>
- <CD>
<TITLE>Greatest Hits</TITLE>
<ARTIST>Dolly Parton</ARTIST>
<COUNTRY>USA</COUNTRY>
<COMPANY>RCA</COMPANY>
<PRICE>9.90</PRICE>
<YEAR>1982</YEAR>
</CD>
- <CD>
<TITLE>Still got the blues</TITLE>
<ARTIST>Gary Moore</ARTIST>
<COUNTRY>UK</COUNTRY>
<COMPANY>Virgin records</COMPANY>
<PRICE>10.20</PRICE>
<YEAR>1990</YEAR>
</CD>
- <CD>
<TITLE>Eros</TITLE>
<ARTIST>Eros Ramazzotti</ARTIST>
<COUNTRY>EU</COUNTRY>
<COMPANY>BMG</COMPANY>
<PRICE>9.90</PRICE>
<YEAR>1997</YEAR>
</CD>
- <CD>
<TITLE>One night only</TITLE>
<ARTIST>Bee Gees</ARTIST>
<COUNTRY>UK</COUNTRY>
<COMPANY>Polydor</COMPANY>
<PRICE>10.90</PRICE>
<YEAR>1998</YEAR>
</CD>
- <CD>
<TITLE>Sylvias Mother</TITLE>
<ARTIST>Dr.Hook</ARTIST>
<COUNTRY>UK</COUNTRY>
<COMPANY>CBS</COMPANY>
<PRICE>8.10</PRICE>
<YEAR>1973</YEAR>
</CD>
- <CD>
<TITLE>Maggie May</TITLE>
<ARTIST>Rod Stewart</ARTIST>
<COUNTRY>UK</COUNTRY>
<COMPANY>Pickwick</COMPANY>
<PRICE>8.50</PRICE>
<YEAR>1990</YEAR>
</CD>
- <CD>
<TITLE>Romanza</TITLE>
<ARTIST>Andrea Bocelli</ARTIST>
<COUNTRY>EU</COUNTRY>
<COMPANY>Polydor</COMPANY>
<PRICE>10.80</PRICE>
<YEAR>1996</YEAR>
</CD>
- <CD>
<TITLE>When a man loves a woman</TITLE>
<ARTIST>Percy Sledge</ARTIST>
<COUNTRY>USA</COUNTRY>
<COMPANY>Atlantic</COMPANY>
<PRICE>8.70</PRICE>
<YEAR>1987</YEAR>
</CD>
- <CD>
<TITLE>Black angel</TITLE>
<ARTIST>Savage Rose</ARTIST>
<COUNTRY>EU</COUNTRY>
<COMPANY>Mega</COMPANY>
<PRICE>10.90</PRICE>
<YEAR>1995</YEAR>
</CD>
- <CD>
<TITLE>1999 Grammy Nominees</TITLE>
<ARTIST>Many</ARTIST>
<COUNTRY>USA</COUNTRY>
<COMPANY>Grammy</COMPANY>
<PRICE>10.20</PRICE>
<YEAR>1999</YEAR>
</CD>
- <CD>
<TITLE>For the good times</TITLE>
<ARTIST>Kenny Rogers</ARTIST>
<COUNTRY>UK</COUNTRY>
<COMPANY>Mucik Master</COMPANY>
<PRICE>8.70</PRICE>
<YEAR>1995</YEAR>
</CD>
- <CD>
<TITLE>Big Willie style</TITLE>
<ARTIST>Will Smith</ARTIST>
<COUNTRY>USA</COUNTRY>
<COMPANY>Columbia</COMPANY>
<PRICE>9.90</PRICE>
<YEAR>1997</YEAR>
</CD>
- <CD>
<TITLE>Tupelo Honey</TITLE>
<ARTIST>Van Morrison</ARTIST>
<COUNTRY>UK</COUNTRY>
<COMPANY>Polydor</COMPANY>
<PRICE>8.20</PRICE>
<YEAR>1971</YEAR>
</CD>
- <CD>
<TITLE>Soulsville</TITLE>
<ARTIST>Jorn Hoel</ARTIST>
<COUNTRY>Norway</COUNTRY>
<COMPANY>WEA</COMPANY>
<PRICE>7.90</PRICE>
<YEAR>1996</YEAR>
</CD>
- <CD>
<TITLE>The very best of</TITLE>
<ARTIST>Cat Stevens</ARTIST>
<COUNTRY>UK</COUNTRY>
<COMPANY>Island</COMPANY>
<PRICE>8.90</PRICE>
<YEAR>1990</YEAR>
</CD>
- <CD>
<TITLE>Stop</TITLE>
<ARTIST>Sam Brown</ARTIST>
<COUNTRY>UK</COUNTRY>
<COMPANY>A and M</COMPANY>
<PRICE>8.90</PRICE>
<YEAR>1988</YEAR>
</CD>
- <CD>
<TITLE>Bridge of Spies</TITLE>
<ARTIST>T'Pau</ARTIST>
<

Similar Messages

  • Help! HTML Data set not working in IE (but in all other browsers)

    Hi there,
    I am totally desperate - I built a master/detail region page using a HTML data set.
    http://www.atcongress.com/programme/continuousLearningByName.html
    It works fine in Firefox/Safari/Chrome/Opera.
    Only IE7 and IE8 give me grief - displaying javascript errors; apparrently it is not able to bind the HTML data table to the data set:
    The IE Javascript Error Console displays "
    'Spry.Data.HTMLDataSet' ist Null oder kein Objekt
    This is in German but you'll get the idea I presume?! Translation would be something like
    'Spry.Data.HTMLDataSet' is Null or not an object"
    Anyway, the source HTML data table uses spry as well. This works fine on all browsers. Maybe because the HTML is on the same page?
    http://www.atcongress.com/programme/continuousLearningTable.html
    Any ideas? Do you need more info?
    Please help - the system needs to go out to test users any day now!
    Andreas
    This is the entire message from the IE8 javascript error console:
    Meldung: 'Spry.Data.HTMLDataSet' ist Null oder kein Objekt Zeile: 30 Zeichen: 1 Code: 0 URI: http://www.atcongress.com/programme/continuousLearningByName.html Meldung: 'Spry.Debug' ist Null oder kein Objekt Zeile: 961 Zeichen: 41 Code: 0 URI: http://www.atcongress.com/_spryAssets/SpryData.js Meldung: 'Spry.Data.initRegionsOnLoad' ist Null oder kein Objekt Zeile: 4855 Zeichen: 65 Code: 0 URI: http://www.atcongress.com/_spryAssets/SpryData.js

    More info on my trial & error process -  error still in this case...
    I cleaned up the code in both the problematic file and the source file that they validate fine now wit the W3C validator:
    http://validator.w3.org/check?uri=http://www.atcongress.com/programme/continuousLearningBy Name.html&charset=(detect+automatically)&doctype=Inline&ss=1&outline=1&group=0&No200=1&ver bose=1&st=1&user-agent=W3C_Validator/1.1
    Data source file:
    http://validator.w3.org/check?uri=http%3A%2F%2Fwww.atcongress.com%2Fprogramme%2Fcontinuous LearningTable.html&charset=%28detect+automatically%29&doctype=Inline&ss=1&outline=1&group= 0&No200=1&verbose=1&st=1&user-agent=W3C_Validator%2F1.1
    I'd also like to mention again that the source html file also contains an HTML data set and spry code. No problems there.
    In  order to make sure that is not a problem of referencing external data I  also tried copying and pasting the source data table into the  problematic file so that it can be used as a local data source. Still  the same.
    Apparently the probem is the master/detail region part.  The working HTML spry file uses a standard HTML table whereas my  problematic one uses a master/detail region
    ANY help would be greatly appreciated!

  • Involve more than one HTML data set.

    Hello,
    I am building a website and using spry data sets for it. I need to have opportunity to involve more than one data set. In this sample found exactly what I need - http://livedocs.adobe.com/en_US/Spry/SDG/help.html?content=WSFC985AA5-C5E9-4266-ACE0-62299 A0E0B70.html but in my case I am using HTML data set not the XML. In all browsers except IE all seems to work fine, but I get an Spry debugger error - Spry.Data.HTMLDataSet: 'garden2' is not a valid element ID. 'garden2' is a id for table that I am using as HTML data source. It seems that dreamweaver ain't too supporting this thing with HTML as in that sample, because when i try to open this Data set in bindings panel I get an error -  Invalid URL schema. My idea is that , one HTML data set contains the name list of the products categories and unique url for each product name , and this unique url shows path for other HTML data set for each product, which contains product list for each category. Link to the part of my website where I am trying to do this stuff http://www.varpa.eu/garden.html?row=0  .
    So how can I get rid of the Spry debugger error and make it work in IE ?
    Thank you,
    Richard.

    I found  why page wasn't working on IE,I had not just closed one <tr> tag in HTML data set file. But spry debugger error still occurs in Opera , Safari , Chrome and Dreamweaver live view and I can't still open the second second data set in bindings panel.To hide this <div> with spry debugger error, I just attached style to ir visibility : hidden; . But it's still very weird though that adobe isn't supporting this option for HTML data set, but supports only for XML , isn't it ?
    Richard.

  • Google index external HTML data sets?

    I know one of the workarounds to have Google properly index
    dynamic content is to use HTML data sets, but I'm unclear about one
    thing. Does this only work if you have the HTML data set table on
    the same page you use it with, or does it also work with external
    HTML data sets?
    For instance, will Google have a problem indexing if I use a
    external HTML data set like:
    <script type="text/javascript">
    <!--
    var educationLinks = new
    Spry.Data.HTMLDataSet("links/educationLinks.htm",
    "educationLinks");
    //-->
    </script>
    <div spry:region="educationLinks" id="linksContainer"
    class="SpryHiddenRegion">
    <ul spry:repeatchildren="educationLinks"
    class="unorderedLinkList">
    <li><a href="{url}"
    target="_blank">{name}</a> - {description}</li>
    </ul>
    <!-- end #linksContainer -->
    </div>

    I'm doing the same exact thing using external HTML data sets
    instead of XML. It is true that spiders will not index the external
    page based on the Spry data you noted. My solution will be to
    create a sitemap.xml page and submit it to the search engines. That
    sitemap.xml file will contain all the pages in your site and the
    spiders will use it as a central point to crawl all of those pages
    specified within. So, I will just include my externally referenced
    files in the sitemap.xml file.
    Checkout
    http://www.sitemap.org for more
    information on that.

  • Using URL Parameters  to Control Data Regions - HTML Data set.

    Hello folks,
    I creating a website for company and I am using HTML data set for siderbar navigation and content. It works beautifully and content updates as it have to without page refreshing. But I need to have an unique url for each sidebar element, so I i found  this nice sample http://labs.adobe.com/technologies/spry/samples/data_region/DataWithURLParams.html?row=20.  I did analogy with that sample on my website and indeed all sidebar elements now have unique url - but here comes new problem. Now  when I click on the each sidebar element - page starts to refresh . Here is my website http://www.varpa.eu . What have i done wrong ? How can I get  it to load new content without refreshing the page and to have each sidebar element unique url ? Please mention that I am talking only about the sidebar , not the topbar. Please help me .
    Sorry for my bad english , it aint my native language.
    Thank you,
    Richard.

    Thank you for your response Ben.
    That code which you provided is the top bar code. The top bar buttons should refresh the page, because I haven't done a spry magic with them yet.
    I was talking about the sidebar where Company , History etc.  elements are standing. Sidebar code is:
    <div id="sidebarbuttonwrapper" spry:region="about_us" >
    <div spry:repeatchildren="about_us" spry:choose="choose" >
    <div  id="sidebarbutton"
    onclick="location.href='about.html?row={ds_RowID}';"
    spry:when="{ds_CurrentRowID} == {ds_RowID}" spry:setrow="about_us"  spry:selected="sidebarbuttonselected" spry:select="sidebarbuttonselected" spry:hover="sidebarbuttonhover">{button_name}</div>
    <div  id="sidebarbutton"
    onclick="location.href='about.html?row={ds_RowID}';" spry:default="spry:default"  spry:setrow="about_us" spry:hover="sidebarbuttonhover" spry:select="sidebarbuttonselected">
    {button_name}
    </div>
    </div> 
    </div>
    As you can see here http://www.varpa.eu/test/about.html?row=0 when I click on the sidebar elements page doesn't refresh , but the each sidebar element doesn't have unique URL.
    When I included the URL params as in that sample above, now in this case http://www.varpa.eu/about.html?row=0 each element have unique URL, but this URL change makes page to refresh.
    Any suggestion how to achieve that each sidebar element would have unique URL, and clicking on it would not cause page to refresh ?
    Richard.

  • STATIC "HTML Data Set Photo Gallery" with CAPTIONS

    Because of search engines and validation I would really like to use the STATIC "HTML Data Set Photo Gallery" http://labs.adobe.com/technologies/spry/demos/gallery_pe/static/china.html.
    But I definitely need captions for the Photos. I found possibilities to add them via XML, but not for the HTML-Version.
    As far as I got I think I have to edit this function from "gallery_hds.js" and add some RegEx, to extract caption text.
    function PhotosFilter(ds, row, rowIndex)
        var tnStr = row.thumbimg;
        if (tnStr)
            row.path = tnStr.replace(/.*<a[^>]*href="?([^"]*)"?.*/i, "$1");
            row.thumbpath = tnStr.replace(/.*<img[^>]*src="?([^"]*)"?.*/i, "$1");
        return row;
    In the following rows within the html-document
    <span class="thumbnail"><a href="../../gallery/galleries/paris/images/paris_02.jpg"><img src="../../gallery/galleries/paris/thumbnails/paris_02.jpg" alt="paris_02.jpg" /></a></span>
    I would insert text before the closing span-tag (or before the closing a-tag?) - like so
    <span class="thumbnail"><a href="../../gallery/galleries/paris/images/paris_02.jpg"><img src="../../gallery/galleries/paris/thumbnails/paris_02.jpg" alt="paris_02.jpg" /></a>Here is some HTML Text</span>
    This text must be extracted via RegEx - similar to the rows within the if-Statement of the upper mentioned function "PhotosFilter". But here my RegEx-knowledge is definitely to short!
    Thank you very much in advance for any help or suggestion.
    Angela Fengler

    Because of search engines and validation I would really like to use the STATIC "HTML Data Set Photo Gallery" http://labs.adobe.com/technologies/spry/demos/gallery_pe/static/china.html.
    But I definitely need captions for the Photos. I found possibilities to add them via XML, but not for the HTML-Version.
    As far as I got I think I have to edit this function from "gallery_hds.js" and add some RegEx, to extract caption text.
    function PhotosFilter(ds, row, rowIndex)
        var tnStr = row.thumbimg;
        if (tnStr)
            row.path = tnStr.replace(/.*<a[^>]*href="?([^"]*)"?.*/i, "$1");
            row.thumbpath = tnStr.replace(/.*<img[^>]*src="?([^"]*)"?.*/i, "$1");
        return row;
    In the following rows within the html-document
    <span class="thumbnail"><a href="../../gallery/galleries/paris/images/paris_02.jpg"><img src="../../gallery/galleries/paris/thumbnails/paris_02.jpg" alt="paris_02.jpg" /></a></span>
    I would insert text before the closing span-tag (or before the closing a-tag?) - like so
    <span class="thumbnail"><a href="../../gallery/galleries/paris/images/paris_02.jpg"><img src="../../gallery/galleries/paris/thumbnails/paris_02.jpg" alt="paris_02.jpg" /></a>Here is some HTML Text</span>
    This text must be extracted via RegEx - similar to the rows within the if-Statement of the upper mentioned function "PhotosFilter". But here my RegEx-knowledge is definitely to short!
    Thank you very much in advance for any help or suggestion.
    Angela Fengler

  • Displaying an HTML Data Set on button click

    I'm using the code from the
    HTML
    DATA Set Example
    I have the code in a function and I want to have it display
    in a div on the page when a user clicks a specific button.
    I get this error message: "spry:region or spry:detailregion
    attribute has no data set!"
    This is my javascript:
    function evalNames( )
    var myArrayOfData = [
    { lastname: "Davis", firstname: "Kirk" },
    { lastname: "Miller", firstname: "James" },
    { lastname: "Wilson", firstname: "Alex" },
    { lastname: "Moore", firstname: "Albert" },
    { lastname: "Taylor", firstname: "Eric" },
    { lastname: "Anderson", firstname: "Vincent" },
    { lastname: "Thomas", firstname: "Anthony" },
    { lastname: "Lee", firstname: "John" },
    { lastname: "Smith", firstname: "Edward" },
    { lastname: "Johnson", firstname: "Neil" },
    { lastname: "Williams", firstname: "Steve" },
    { lastname: "Jones", firstname: "John" },
    { lastname: "Brown", firstname: "Joe" }
    var hashTable = [];
    for (var i = 0; i < myArrayOfData.length; i++)
    myArrayOfData
    .ds_RowID = i;
    hashTable = myArrayOfData
    var dsPeople = new Spry.Data.DataSet();
    dsPeople.data = myArrayOfData;
    dsPeople.dataHash = hashTable;
    dsPeople.loadData();
    var Output2 = "<input type="button" value="Sort By Last
    Name" onclick="dsPeople.sort(['lastname', 'firstname'], 'toggle');"
    />";
    Output2 +="<input type="button" value="Sort By First Name"
    onclick="dsPeople.sort(['firstname', 'lastname'], 'toggle');"
    />";
    Output2 +="<div spry:region="dsPeople">";
    Output2 +="<table border="1">";
    Output2
    +="<tr><th>ds_RowID</th><th>Last
    Name</th><th>First Name</th></tr>";
    Output2 +="<tr
    spry:repeat="dsPeople"><td>{ds_RowID}</td><td>{lastname}</td><td>{firstname}</td></tr>";
    Output2 +="</table>";
    Output2 +="</div>";
    document.getElementById("nameResults").innerHTML = Output2;
    I have a button on my page with the function evalNames() and
    I have a div called "nameResults"
    Is there an easier way to accomplish the same thing with the
    Spry Framework? In theory should I be able to get this html data to
    display in a div on the user's click of a button? Any suggestions
    on making this work(it could just be a syntax error in the way my
    var Output2 is written)?

    Hello,
    Based on the code above I discovered a number of problems:
    1. The dsPeople DataSet has sense inside the function only so
    the regions will not be able to use it. Instead you should move the
    dsPeople DataSet declaration outside the function in global scope.
    2. The code you try to inject into the innerHTML is not
    valid. Inside double quotes all the double quotes should be escaped
    or single quotes should be used.
    3. The regions are instantiated only a single time on page
    load so if you need to inject a new region into the page you'll
    have to reinitialize the regions or the new region will not be
    considered.
    Based on your code above I change it a little bit to solve
    the issues:
    <script type="text/javascript">
    var dsPeople = new Spry.Data.DataSet();
    function evalNames( )
    var myArrayOfData = [
    { lastname: "Davis", firstname: "Kirk" },
    { lastname: "Miller", firstname: "James" },
    { lastname: "Wilson", firstname: "Alex" },
    { lastname: "Moore", firstname: "Albert" },
    { lastname: "Taylor", firstname: "Eric" },
    { lastname: "Anderson", firstname: "Vincent" },
    { lastname: "Thomas", firstname: "Anthony" },
    { lastname: "Lee", firstname: "John" },
    { lastname: "Smith", firstname: "Edward" },
    { lastname: "Johnson", firstname: "Neil" },
    { lastname: "Williams", firstname: "Steve" },
    { lastname: "Jones", firstname: "John" },
    { lastname: "Brown", firstname: "Joe" }
    var hashTable = [];
    for (var i = 0; i < myArrayOfData.length; i++)
    myArrayOfData.ds_RowID = i;
    hashTable = myArrayOfData;
    dsPeople.data = myArrayOfData;
    dsPeople.dataHash = hashTable;
    dsPeople.loadData();
    var Output2 = "<input type='button' value='Sort By Last
    Name' onclick='dsPeople.sort([\'lastname\', \'firstname\'],
    \'toggle\');' />";
    Output2 +="<input type='button' value='Sort By First
    Name' onclick='dsPeople.sort([\'firstname\', \'lastname\'],
    \'toggle\');' />";
    Output2 +="<div spry:region='dsPeople'>";
    Output2 +="<table border='1'>";
    Output2
    +="<tr><th>ds_RowID</th><th>Last
    Name</th><th>First Name</th></tr>";
    Output2 +="<tr
    spry:repeat='dsPeople'><td>{ds_RowID}</td><td>{lastname}</td><td>{firstname}</td></tr>";
    Output2 +="</table>";
    Output2 +="</div>";
    var el = document.getElementById("nameResults");
    el.innerHTML = Output2;
    Spry.Data.initRegions();
    </script>
    </head>
    <body>
    <div id="nameResults" style="border: 1px solid
    red"></div>
    <a href="#" onclick="evalNames(); return false;">Eval
    Names</a>
    </body>
    A more easy way to achieve your goal is that the region to
    already exists in page having either the visibility hidden or the
    display: none CSS attributes set and the button only to change the
    CSS property to display the region. The solution in this situation
    will work better from point of view of performance as the
    initRegions manual call will initialize again all the regions in
    page.
    Regards,
    Cristian MARIN

  • HTML Data Sets on Website

    Hi,
    I recently started using dreamweaver to create a website for school. I uploaded the home page here:https://netfiles.uiuc.edu/rbasava2/www/home.htm
    Don't worry about the messed up video.
    I put up the texts for the links up on the side. What I'm trying to do is when the link is clicked on the side, I only want to reload the box in the middle which will contain all the content. I looked into this a little and I think I have to use an html data set, but I wasn't able to figure out how to set this up or how to link it up to the links so it makes it so only the box reloads?

    Here are a couple of links for HTML data sets:
    http://www.adobe.com/devnet/dreamweaver/articles/spry_creating_html_data_set.html
    http://www.adobe.com/designcenter/dreamweaver/articles/lrvid4047_dw.html
    Another technique you might want to look into is Spry Tabbed Panels:
    (this first reference is a little technical, but a pretty good overview) http://livedocs.adobe.com/en_US/Spry/SDG/help.html?content=WS6FED301A-59A1-45ce-BC1F-11074 3A27FE9.html
    http://help.adobe.com/en_US/Dreamweaver/10.0_Using/WSC21A9606-FECA-431c-A617-AE65C4BDB8C5. html
    A nice reference for Spry in general is here: http://labs.adobe.com/technologies/spry/samples/
    Have fun...
    Beth

  • Spry Photo Gallery Html Data Set InLine Content

    To whom that may know.
    I, the confused have wasted several long hours trying to
    understand how adobe did this.
    http://labs.adobe.com/technologies/spry/demos/gallery_pe/static_hd/china.html
    Ok, before that you think I am a total idiot. Please look at
    the code. I have made this page several time using program like
    photoshop, fireworks and dreamweaver....all using xml. This page
    uses html data set that is on the page. Which after looking and
    many example...all the example consist of a data table. I have
    looked at the javascript for many files in the code. I even
    downloaded their actual js files to see if they change something. I
    am assuming that they are using css to place the data to read...I
    just don't see where the "ds1" statement comes into play when you
    look at this code. I thank you all in advance for your time and
    expert opinions.
    P.S. My sample page does show all the thumbnails and links
    and after I downloaded their css it does show the background to be
    black. But nothing else shows.

    To whom that may know.
    I, the confused have wasted several long hours trying to
    understand how adobe did this.
    http://labs.adobe.com/technologies/spry/demos/gallery_pe/static_hd/china.html
    Ok, before that you think I am a total idiot. Please look at
    the code. I have made this page several time using program like
    photoshop, fireworks and dreamweaver....all using xml. This page
    uses html data set that is on the page. Which after looking and
    many example...all the example consist of a data table. I have
    looked at the javascript for many files in the code. I even
    downloaded their actual js files to see if they change something. I
    am assuming that they are using css to place the data to read...I
    just don't see where the "ds1" statement comes into play when you
    look at this code. I thank you all in advance for your time and
    expert opinions.
    P.S. My sample page does show all the thumbnails and links
    and after I downloaded their css it does show the background to be
    black. But nothing else shows.

  • Binding HTML Data Sets

    In the Applications/Bindings tab I see where I can bind an
    xml file to my html page - how do I do the same with an HTML data
    set. I have the set working, but have to manually code the
    variables into the site. I would love to use the Bindings tab.
    Thanks - Don

    Here are a couple of links for HTML data sets:
    http://www.adobe.com/devnet/dreamweaver/articles/spry_creating_html_data_set.html
    http://www.adobe.com/designcenter/dreamweaver/articles/lrvid4047_dw.html
    Another technique you might want to look into is Spry Tabbed Panels:
    (this first reference is a little technical, but a pretty good overview) http://livedocs.adobe.com/en_US/Spry/SDG/help.html?content=WS6FED301A-59A1-45ce-BC1F-11074 3A27FE9.html
    http://help.adobe.com/en_US/Dreamweaver/10.0_Using/WSC21A9606-FECA-431c-A617-AE65C4BDB8C5. html
    A nice reference for Spry in general is here: http://labs.adobe.com/technologies/spry/samples/
    Have fun...
    Beth

  • Javascript not parsing through in an HTML data set (table)

    I have a spry dataset (html table) working perfectly on my site.  I have an 'info' column with some HTML, an image, and youtube embed.  All of these parse correctly and show on the page, but for some reason my google adsense (javascript code) is not parsing through at all.  I'm using Spry 1.6.1.
    Here is my code:
    <script type="text/javascript">
    <!--
    var PrankDialerLibrary = new Spry.Data.HTMLDataSet("SpryAssets/library.html", "pdLibrary", {sortOnLoad: "hits", sortOrderOnLoad: "descending"});
    pdLibrary.setColumnType("preview", "html");
    pdLibrary.setColumnType("info", "html");
    pdLibrary.setColumnType("filename", "html");
    //-->
    </script> ...          <div class="MasterDetail">
                <div spry:region="PrankDialerLibrary" class="MasterContainer">
                  <div class="MasterColumn" spry:repeat="pdLibrary" spry:setrow="pdLibrary" spry:hover="MasterColumnHover" spry:select="MasterColumnSelected" align="left">{preview}  {name}</div>
                </div>
                <div spry:detailregion="pdLibrary" class="DetailContainer">
                  <div class="DetailColumn">{info}</div>
                  <div class="DetailColumn">{filename}</div>
                </div>
                <br style="clear:both" />
              </div>
    Thanks!

    Treytor72 wrote:
    Thanks again for your expertise, as I can see you've helped quite a bit around here!
    I've tried adding that quick and dirty workaround to the page ( http://www.prankdialer.com/beta/popular.php ), but it seems to have no affect.  I may not be fully understanding it, but I don't believe your other options will work in this particular situation because the google adsense code (what is being omitted in my case)
    is placed exactly where the ad should appear.  I want it to show up right underneath the youtube embed for each item in the data table.  Thus, it doesn't belong in the <head> of the page.
    Thank you again for your time, and let me know if by any chance you would have any use for my site, PrankDialer.com.  I'd be more than happy to give you credits for your help!
    Hello,
    If I inspect the generated DOM of the page, I do see that the script have been correctly injected in to your page. So we have succeeded so far. You have placed it at a correct position. We could still try the modified setInnerHTML function. I searched the forum and found a improved version of it. (Less work for me )
    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;
    //bodyMatches is used to store the script tags that have body. For example, <script type='text/javascript'> some JS </script>
    var bodyMatches = str.match(new RegExp(scriptExpr, "img"));
    if (bodyMatches)
    var numMatches = bodyMatches.length;
    for (var i = 0; i < numMatches; i++)
    var s = bodyMatches[ i ].replace(/<script[^>]*>[\s\r\n]*(<\!--)?|(-->)?[\s\r\n]*<\/script>/img, "");
    //make sure that we are not create a script tag if there is no body to it.
    if(s.length > 0)
    //alert(s);
    var scriptEle= document.createElement("script");
    scriptEle.text = s;
    ele.appendChild(scriptEle);
    //now we begin taking care of the script includes (those that have a src attribute defined)
    var srcScript = "<script[^>].*src.*>(.|\s|\n|\r)*?</script>";
    var srcMatches = str.match(new RegExp(srcScript, "img"));
    if(srcMatches)
    var numMatches2 = srcMatches.length;
    var srcAttrib = "[\s]*src=[\'\"](.*\.js)[\'\"]";
    for(var j=0; j<numMatches2; j++)
    // when the below statement executes, m should have the src attrib and value:
    // src='sompath.js' as a string.
    var m = srcMatches[j].match(new RegExp(srcAttrib, "img")).toString();
    //now we strip out the src= part. this will leave us with just the path along with the double quotes.
    var n = m.replace(/^[(?=src=)]*/img, "");
    if(n.length > 0)
    var scriptEle2 = document.createElement("script");
    //get rid of the quotes as well.
    //This is done to take care of single quotes too so that it will work if they defined either:
    // <script src='somefile.js' type="text/javascript></script>
    // <script src="somefile.js" type="text/javascript></script>
    scriptEle2.src=n.replace(/[\"\']/img, "");
    scriptEle2.type="text/javascript";
    ele.appendChild(scriptEle2);
    But!
    There's always a but, even if it would work. You might face a even bigger issue. The Google script uses document.write. This method should only be used once the main page is still loading. If you execute this function while the page is done with loading. It will replace the whole content of your page with what is beeing writen.
    For example if it does:
    document.write('Hello');
    Your whole place would be replaced and only showing the word "Hello".
    A solution to this would be to use a iframe to display the ads.

  • Paged view data set not working

    Help - I'm new to spry and web design in general, I'm
    attempting to create a spry table pulling data from an xml file
    which works fine, but the xml file has 70+ records so I want to use
    the SpryPagedView.js function, but when I add the code for the
    SpryPagedView data set the browser displays the following error in
    a red box at the bottom right of the page saying "failed to
    retrieve data set (pv1) for spry:repeat".
    What am I doing wrong???
    The html is as follows: -
    <!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 src="SpryAssets/SpryPagedView.js"
    type="text/javascript"></script>
    <script type="text/javascript">
    var ds1 = new Spry.Data.XMLDataSet("extlist.xml",
    "Root/Row"});
    var pv1 = new Spry.Data.PagedView(ds1,{ pageSize:20 });
    </script>
    <link href="style.css" rel="stylesheet" type="text/css"
    />
    </head>
    <body>
    <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();" />
    </p>
    <div spry:region="pv1" spry:repeatchildren="pv1">
    <table>
    <tr>
    <th>First Name</th>
    <th>Surname</th>
    </tr>
    <tr>
    <td>{First_Name}</td>
    <td>{Surname}</td>
    </tr>
    </table>
    </div>
    </body>
    </html>
    and the XML is laid out as follows: -
    <?xml version="1.0" encoding="UTF-8" standalone="yes"?>
    <Root xmlns:xsi="
    http://www.w3.org/2001/XMLSchema-instance">
    <Row>
    <Surname>Blogs</Surname>
    <First_Name>Joe</First_Name>
    <Ext>2279</Ext>
    <DDI>657912</DDI>
    </Row>
    </Root>

    Bannana fingers wrote:
    > Help - I'm new to spry and web design in general, I'm
    attempting to create a
    > spry table pulling data from an xml file which works
    fine, but the xml file has
    > 70+ records so I want to use the SpryPagedView.js
    function, but when I add the
    > code for the SpryPagedView data set the browser displays
    the following error in
    > a red box at the bottom right of the page saying "failed
    to retrieve data set
    > (pv1) for spry:repeat".
    > What am I doing wrong???
    If the following is your exact code:
    > var ds1 = new Spry.Data.XMLDataSet("extlist.xml",
    "Root/Row"});
    > var pv1 = new Spry.Data.PagedView(ds1,{ pageSize:20 });
    Then the issue may be that you have a } after "Root/Row"
    which could cause an error in the creation of the ds1 dataset.
    HTH
    Danilo Celic
    |
    http://blog.extensioneering.com/
    | WebAssist Extensioneer
    | Adobe Community Expert

  • Spry data set not displaying in IE8

    Hi,
    I have inserted a spry data set based on an HTML table onto my page. The data displays in live view and in Safari, but when I try to preview in IE8 I get nothing. Here's the page:
    http://www.emiliocorsetti.com/publish/maps.html
    Any ideas? I didn't modify the CSS one iota.

    Ben,
    Not sure what happened there. I was changing and deleting the spry data set so many times that I must have put the file up after I had deleted it. In any case, I put the correct file up. And a funny thing happened. The page works online but it won't work in browser preview. Any ideas?
    Emilio

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

  • Limiting the number of returned rows in an HTML data set

    I have a data set that is displayed and sorted by a hidden 'hits' field that is updated based on popularity.  My table has about 40 entries, but I want only the first 10 results to show.
    How would I go about doing this?
    <script src="SpryAssets/SpryData.js" type="text/javascript"></script>
    <script type="text/javascript">
         Spry.Utils.setInnerHTML = function(ele, str, preventScripts){Spry.$(ele).innerHTML = str;};
    </script>
    <script src="SpryAssets/SpryHTMLDataSet.js" type="text/javascript"></script>
    <link href="SpryAssets/SpryMasterDetail.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript">
    <!--
    var PrankDialerLibrary = new Spry.Data.HTMLDataSet("SpryAssets/library.html", "pdLibrary", {sortOnLoad: "hits", sortOrderOnLoad: "descending"});
    PrankDialerLibrary.setColumnType("preview", "html");
    PrankDialerLibrary.setColumnType("info", "html");
    PrankDialerLibrary.setColumnType("filename", "html");
    //-->
    </script> --- <div class="MasterDetail">
         <div spry:region="PrankDialerLibrary" class="MasterContainer">
              <div class="MasterColumn" spry:repeat="PrankDialerLibrary" spry:setrow="PrankDialerLibrary" spry:hover="MasterColumnHover" spry:select="MasterColumnSelected" align="left">{preview}  {name}</div>
              </div>
              <div spry:detailregion="PrankDialerLibrary" class="DetailContainer">
                   <div class="DetailColumn">{info}</div>
                   <div class="DetailColumn">{filename}</div>
              </div>
              <br style="clear:both" />      </div></div>
    Thanks!

    Ansered my own question.  Simply adding
    spry:test="{ds_RowNumber} < 10" 
    to the MasterColumn div did the trick!

Maybe you are looking for

  • Help with PSE 7

    I have downloaded camera raw 5.2 update to my computer. I can not install it into PSE 7. Just a beginner and need help. Thank you, Jay

  • Hp software update!!

    When i check for software updates for my MacBook Pro i found a HP printer update. I say YES and the installation is done. But when i check again it appear the same update time after time after time!!...Can you help?

  • Network host busy on USB connected printer

    Appreciate any advice or tips. I have a HP Photosmart C4200 plugged via USB to iMac running 10.6.4, prints fine, and print sharing is on. From my MacBook Pro running 10.5.8 I can connect to the printer using hostname-iMac.local. No documents (Word, n

  • Netbook wont start

    wew, where do i start,,, ummm, i tampered with the battery and when i inserted it on the netbook something burned (i saw smoke coming out of the board where the battery is inserted particularly the positive and negative or inbetween them), why, becau

  • Re: Internet speed extremely slow (0.01 Mbps)

    Im connected to EATIV, lost connection at 0940 roughly.  Got through to customer support who didnt have a clue.  She ran some tests, said she would contact me in 5 mins, no phone.  When i called back 30 mins later she had put on notes(tried to call c