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

Similar Messages

  • HTML Data Set Photo Gallery

    Anybody know of a tutorial on how to develop this?
    http://labs.adobe.com/technologies/spry/demos/gallery_pe/static_hd/china.html
    Thanks

    Hi Arnout,
    I really hope you can help with this one. This gallery works fine in a stand alone html doc. But as soon as that document is saved as a template the js doesnt work. I had big plans for the home page with one div holding this two div gallery. I then applied spry effects to the loading images and it looked awesome during the design phase and preview. Now that I save as a template it doesnt work. Since my main concern was to have it on the home page and not all pages I decided to create the main template and insert the gallery into an editable region. This also doesnt work.
    The code below is from the tuorial. All i did was save as a template and it no longer works. The files are all available at the link you provided.
    Is this fixable or can you recommend another option please. Thanks heaps.
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <!--Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved.-->
    <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" />
    <!-- TemplateBeginEditable name="doctitle" -->
    <title>Ajax Album Demo</title>
    <!-- TemplateEndEditable -->
    <script type="text/javascript" src="../includes/xpath.js"></script>
    <script type="text/javascript" src="../includes/SpryData.js"></script>
    <script type="text/javascript">
    var dsGallery = new Spry.Data.XMLDataSet("../photos.xml", "/gallery/photos/photo");
    var dsData = new Spry.Data.XMLDataSet("../photos.xml", "/gallery");
    </script>
    <style type="text/css">
    <!--
    img.thumbs {
        float:left;
        height:60px;
        width:60px;
        margin-right: 2px;
        margin-bottom: 2px;
        border: solid black 1px;
    #main {
        position:absolute;
        left:476px;
        top:128px;
        width:491px;
        height:315px;
        z-index:2;
    #thumbContainer {
        left:23px;
        top:127px;
        width:437px;
        height:430px;
        z-index:1;
        position:absolute;
    #header {
        position:absolute;
        left:313px;
        top:14px;
        width:295px;
        height:95px;
        z-index:3;
    -->
    </style>
    <!-- TemplateBeginEditable name="head" -->
    <!-- TemplateEndEditable -->
    </head>
    <body>
    <div id="header" spry:region="dsData">
      <p>Site Name: {sitename}<br />
      Photographer: {photographer}<br />
        Website: <a href="{contactinfo}">{contactinfo}</a><br />
        Email: <a href="mailto:{email}">{email}</a><br />
      Date: {@date} </p>
    </div>
    <div id="thumbContainer" spry:region="dsGallery dsData"> <img src="{dsData::thumbnail/@base}{@thumbpath}" spry:repeat="dsGallery" class="thumbs" onclick="dsGallery.setCurrentRow('{ds_RowID}');" /> </div>
    <div id="main" spry:detailregion="dsGallery dsData"><img src="{dsData::large/@base}{@path}"/><br />
      Name: {@path}
    </div>
    </body>
    </html>

  • Photo Gallery with captions?

    Hey folks
    I've added the new version of the dynamic photo gallery to my
    site. It works great! But, I'd like to be able to have a caption
    under each photo.. can anyone help?
    I made a div under it, added a style, it displays just fine
    and in the right place, I just can't get it to read the captions
    from the XML file.
    The HTML is basically just
    <div>{name}</div>
    And then my XML looks like this..
    <photos id = "images">
    <photo
    path = "1.jpg"
    width = "400"
    height = "320"
    thumbpath = "1-t.jpg"
    thumbwidth = "100"
    thumbheight = "80"
    name = "pic1">
    </photo>
    <name>Pic1</name>
    <photo
    path = "2.jpg"
    width = "343"
    height = "400"
    thumbpath = "2-t.jpg"
    thumbwidth = "86"
    thumbheight = "100">
    </photo>
    <name>Pic2</name>
    </photos>
    But it's not showing the text inside the <name> tag..
    can anyone help me get this working? I'm really stuck
    :(

    the SEARCH option does miracles
    http://www.adobe.com/cfusion/webforums/forum/messageview.cfm?forumid=72&catid=602&threadid =1298486&highlight_key=y&keyword1=caption

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

  • Make 3D Flash wedding photo gallery with songs

    Last week, my dearest sister got married. There were about a gazillion things to love about her wedding day… so many moments all wrapped up into one very totally unforgotten event. I took lots of wedding photos on her wedding day and wanted to give her a surprise of making her a 3D flash wedding photo gallery with wedding songs.
    As I expected, my sister was moved, many thanks she said to me. Now I just want to give my many thanks to Aneesoft 3D Flash Gallery. It is a wedding gallery making software that helped me make so gorgeous flash gallery with my sister's wedding pictures. Knowing nothing about flash making, I never thought making a splendid 3D flash gallery would be so easy. My friend, do you eager to make your own cool, awesome flash gallery now? Do you eager to sharing your wedding photos in a stunning 3D photo gallery? Let me show you the way!
    What you'll need:
    1. Wedding photos and wedding songs for your 3D flash gallery
    2. Aneesoft 3D Flash Gallery
    Step 1: Download & install Aneesoft 3D Flash Gallery
    We'll be using a very nice 3D gallery making software 'Aneesoft 3D Flash Gallery' to making a romantic wedding flash gallery with wedding photos and wedding songs, head over here and download the free trial version. Next step is to install the program.
    Step 2: Import wedding photos and edit
    You can add up to 500 photos that you want to use in your wedding photo gallery, arrange the photos as you like. Aneesoft 3D Flash Gallery supports a wide range of file formats for images, such as .jpg, .bmp, .gif. Click "Add Caption" to add title and description for your wedding photos. And you can also crop and add special effects to them to make your wedding photos more perfect
    Step 3: Choose from a variety of wedding flash gallery templates
    Aneesoft 3D Flash Gallery offer you an easy way to make a stunning wedding photo gallery by choosing from variety of flash gallery templates. A flash gallery template automatically put preset decoration to wedding gallery. When you select a preset flash gallery template, you're able to enhance it by customizing some additional settings, such as background, thumbnail effects, playback options and scrolling actions. For the adventurous users, explore the powerful advanced features and tools that gives you total control over how you compose your wedding flash photo gallery.
    Step 4: Add some wedding songs for your wedding flash gallery
    Wedding songs are a very important factor to consider when making your wedding flash photo gallery. They set the general mood and tone for your gallery, while also allowing you to express your feelings through music. You may find the perfect wedding songs out of hundreds of popular wedding songs and music through Amazon.com or iTunes.
    In this step, you can add some wedding songs as background music to play along with your wedding flash gallery. Click Add Music button to browse and add your wedding songs. You can add, remove and edit the wedding music files. And you may check the option to control the background music looping or not.
    Step 5: Preview and publish your 3D wedding flash gallery
    It is advisable that you preview the wedding flash gallery at least once, before you publish it. Click and drag mouse for scrolling and tilting the 3D flash gallery. Click on the thumbnail to zoom in and out the photos. You have several options to share and publish your 3D wedding photo gallery, such as SWF, EXE and HTML. It depends on your needs.
    OK, now your wedding flash gallery is done. What do you think of the wedding flash gallery that I made for my sister? End with my sister's sentences "Fun is not ending, romantic is not ending, and love is just beginning!" Wish your wedding pictures can also be splendid as my sister's, and your love is just beginning, enjoy!
    know more:
    http://www.aneesoft.com/win-3d-flash-gallery.html
    http://www.aneesoft.com/tutorials/3d-flash-gallery/make-wedding-flash-gallery-with-songs.h tml

    As for AS3 part of it, I am not sure your code really works. There are syntax and logical errors there.
    I think you need to take it step by step and accomplish several task in the following sequences:
    1. Write code that loads XML correctly;
    2. Write code that enables buttons;
    3. Write code that will load images on button clicks.
    The code below shows in principal what needs to be done in order to load XML and make the data in this XML available for further consumption. Also, by accomplishing this step you will iron out all the PHP vs Flash wrinkles including your XML.
    Please note, I don't know your XML structure so all the parsing issues you need to resolve yourself.
    Once you get handle on it - we, hopefully, will talk about steps 2 and 3.
    import flash.display.Loader;
    import flash.events.*;
    import flash.net.*;
    var images:XML;
    var myRequest:URLRequest;
    var myLoader:URLLoader;
    // list of image urls that will come from loaded XML
    var imageList:XMLList;
    myRequest = new URLRequest("Photography.php");
    myLoader = new URLLoader();
    myLoader.addEventListener(Event.COMPLETE, onFileLoaded);
    // suggested handler for unexpected errors - avoids some headaches
    myLoader.addEventListener(IOErrorEvent.IO_ERROR, onLoadError);
    myLoader.load(myRequest);
    // Note: all the listeners are removed
    // it is always wise to remove listeners that are needed any longer
    // to make objects eligible for arbage collection
    function onLoadError(e:IOErrorEvent):void
         trace(e.toString());
         myLoader.removeEventListener(Event.COMPLETE, onFileLoaded);
         myLoader.removeEventListener(IOErrorEvent.IO_ERROR, onLoadError);
    function onFileLoaded(e:Event):void
         myLoader.removeEventListener(Event.COMPLETE, onFileLoaded);
         myLoader.removeEventListener(IOErrorEvent.IO_ERROR, onLoadError);
         images = new XML(myLoader.data);
         // only now xml is ready and you can start loading images
         imageList= images.pic;

  • Photo gallery with Thumbnail View in Flex 3

    Hello everyone
    I very urgently need an answer to a very simple qeuestoon. I have been trying really hard since days to get a solution to this simple problem but in vain.
    I am building an application in Flex 3. I simply want to create a photo gallery with a thumbnail where when the user clicks on a thumbnail, the image is shown in the canvas/tab navigator box next to it. The images are stored in a local folder (in src) are ARE NOT on available on any web link.
    The Vbox with the thumb image and the .xml file has been created. But when I click on the thumbnail, the full image cannot be seen in the application. I dont know if this is a problem with data binding or what.
    Please help!!!
    Thanks a ton.

    Check the folder structure
    Flash is not able to get some file thats why the IO Error.
    trace the url path just before u load the file and u will be abel to find whether that file is in specified folder or not.
    http://www.darshanrane.com

  • How create a carrosel photo gallery with Adobe Muse widgets?

    I use Adobe Muse 3.2 build 2, and I need create a photo gallery with many photos (around 60) like a carrosel (with photos and thumbnails that slides both from left to right). There is some way to create or insert a widget of this kind in Muse? If possible, in which Muse version?
    I wanted a solution that works inside of Muse, to not create a HTML page separated, with the gallery, and after embed it into the Muse.
    Thanks for any reply.

    It is currently not possible to create a functional carousel using the out-of-the-box features available in Muse. You will need to look online for third party code or a widget from a Muse widget developer for something like this.
    Cheers,
    Vikas

  • Tutorial for a Spry photo gallery with thumbs and buttons ???

    Anyone know of a a tutorial for building a Spry photo gallery with both thumbnails and next, previous, stop and play buttons(functions)  ???
    Like the ones on Adobe's Photo Gallery demos; http://labs.adobe.com/technologies/spry/demos/pe_gallery.html
    Adobe show the source for their Photo Gallery Demos, but that doesn't help me much ... I need a prober tutorial that tells me how to do : ) 
    The only tutorial that I've been able to find, is one for Dreamweaver 8, without buttons - I'm looking for a updated version.
    I appreciate any help very much. Thank you.

    Just Google for the Spry photo gallery and you might find
    http://cates-associates.net/tutorials/Tutorial-CS3-Spry.html
    or even a few others.
    Happy Sprying
    Ben

  • BC Photo Gallery with a jQuerry and a muse desktop template

    Hello
    How to combine a BC Photo Gallery with a jQuerry and a muse desktop template.
    The jQuerry Slider is from
    http://galleria.io (tutorial: http://www.atlantawebdesignga.com/adobe-business-catalyst-developer/use_javascript_galleri a_slideshow_to_display_an_adobe_business_catalyst_photo_gallery)
    It works as long as the template of muse ins’t selected.
    If the template is selected the jquerry wouldn't beeing loaded.
    The effect is: the images shown among themselves.
    Thanks for helping

    Hello Chad Smith
    Thanks for your support.
    Our Examples:
    Code published from Muse
    http://tempgallery.24-7web.ch/test.html
    Code embedded in BC, without a template
    http://tempgallery.24-7web.ch/notemplate
    Code embedded in BC, with a template
    http://tempgallery.24-7web.ch/template
    Do you need more?
    …Domenic

  • 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

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

  • 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

  • Error in creating XML photo gallery with Flash CS4 and AS 3.0

    Hello, all. I've been creating an XML photo gallery with Flash CS4 and AS 3.0 following a tutorial. I followed the instructions step-by-step but at the end I got the following error message instead:
    Error #2044: Unhandled IOErrorEvent:. text=Error #2035: URL Not Found.
    Could anyone in the community assist me as to how to solve the problem? The script has no errors and last time I checked all the applicable files (the .xml file, the .jpg files, the .swf and the .fla file) are in my Documents folder on the Mac.
    Looking forward to your suggestions!

    Check the folder structure
    Flash is not able to get some file thats why the IO Error.
    trace the url path just before u load the file and u will be abel to find whether that file is in specified folder or not.
    http://www.darshanrane.com

Maybe you are looking for