Spry HTML dataset and Shadowbox

Hi,
i have this test page www.for-sale.nl/v3/test.html
I have an spry HTML dataset. I want if you click on the thumnail {Thumb_1}, the mainImage {Image_1} appear in the shadowbox. but now when you click on the thumbnail, nothing happens! it's not finding the image source from the dataset..
Does anybody know whats wrong?
Thanks in advance.

This is the source code for your 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>Untitled Document</title>
</head>
<body>
<table width="100%" border="0" cellpadding="0" cellspacing="10" id="cases">
  <tr>
    <td><strong>Text</strong></td>
    <td><strong>Titel</strong></td>
    <td><strong>Thumb 1</strong></td>
    <td><strong>Image 1</strong></td>
    <td><strong>Thumb 2</strong></td>
    <td><strong>Image 2</strong></td>
    <td><strong>Thumb 3</strong></td>
    <td><strong>Image 3</strong></td>
  </tr>
  <tr>
    <td>Lorem ipsum dolor sit amet, consectetur<br />
adipiscing elit. Aenean ac metus sed urna<br />
viverra lobortis. Pellentesque vel quam id nunc<br />
molestie accumsan ut quis erat. Mauris quis<br />
massa mi. Praesent id eros.</td>
    <td>Debitel Shop</td>
    <td><img src="images/cases/creatief/thumbs/thumb1.jpg" class="thumb" width="160" height="160" /></td>
    <td><img src="images/cases/creatief/mainimage1.jpg" width="480" height="480" /></td>
    <td><img src="images/cases/creatief/thumbs/thumb2.jpg" class="thumb" width="160" height="160" /></td>
    <td><img src="images/cases/creatief/mainimage2.jpg" width="480" height="480" /></td>
    <td><img src="images/cases/creatief/thumbs/thumb3.jpg" class="thumb" width="160" height="160" /></td>
    <td><img src="images/cases/creatief/mainimage3.jpg" width="480" height="480" /></td>
  </tr>
</table>
</body>
</html>
What is wrong with having an extra column called image_source or similar and placing images/cases/creatief/mainimage1.jpg in that column. You can rhen use the source in the Spry region as <img src="{image_source}" width="480" height="480 />

Similar Messages

  • Spry html dataset ? sliding detail panel?

    I have created a spry html dataset on a dreamweaver CS4 site.  The master column has around 40 entries and the detail column is rather small.  When clicking on the names in the master column, the detail information appears at the top of the page - no problem for entries at the top of the page, but for entries near the bottom of the list, you need to scroll up the page to see the information.  I want to either make the master column scrollable or in some manner make the detail column appear beside the name in the master column.  I have looked at sliding panels, accordionb panels ,etc... but can't seem to get the coding right to make this work.  Waht would be best to use and how should I do this?
    You can find the page here... http://www.ituna.ca/WhereAreTheyNow3.html excuse the mess at the top  there is much work to be done here...just uploaded so I could get some help.
    Thanks

    A fast way would be adding height:300px; overflow:scroll; to your css..
    MasterDetail .MasterContainer {
    background-color:#FFFFFF;
    border:1px solid gray;
    color:#000000;
    display:inline;
    float:left;
    font-family:Arial,Helvetica,sans-serif;
    font-size:x-small;
    font-weight:bold;
    height:300px;
    overflow:scroll;
    text-align:left;
    width:35%;
    But anyways if you want to use accordions with Spry Data. take a look at the samples: http://labs.adobe.com/technologies/spry/samples/accordion/AccordionSample2.html

  • Spry HTML Datasets on Business Catalyst

    I am venturing into new territory with Business Catalyst, and have FTPd a site to BC that contains a number of Spry HTML Datasets.
    Although the code appears to be correct, and the auxiliary pages are there...I think!...at least the page with the data is there...The Master/Detail presentation is just not working.
    I have used Spry on other pages: collapsible panels, accordions, etc., and they all function well, but are of course self-contained...no data needed from off-page besides the JS and the CSS.
    Has anyone any experience with BC and Spry HTML Datasets? You can find a page at http://chaplaincyinstituteofmaine.businesscatalyst.com/faculty.html
    Beth

    As your are now running on BC, there is no reason to still include the ICE scripts.
    <script src="includes/ice/ice.js" type="text/javascript"></script>
    Delete !
    As for general debugging, i would suggest, installing Firefox, with the firebug plugin. ( www.getfirefox.com & www.getfirebug.com ).
    As the page you supplied suffers from JavaScript Errors. Probably because of the ICE script . 

  • Spry HTML dataset broken in Firefox 2.0.0.14

    Downloaded spry 1.6.1 and tested local samples - works well
    in IE but breaks in Firefox - no errors, but simply doesnt show
    data on select of row. Tested with the following file -
    file:///C:/manju/downloads/spry1.6/extract/Spry_P1_6_10-01/samples/htmldataset/InternalTab leAsSourceSample.html

    No. The URL
    http://labs.adobe.com/technologies/spry/samples/htmldataset/InternalTableAsSourceSample.ht ml
    if tested with Firefox 2.0.0.14 doesnt work - lists the list
    of adobe products, but 'onClick' of these products should update a
    detail region - that doesnot happen - neither an error is thrown.
    Actually I had to do this test as I was using Collapsible
    panel with html dataset - they worked in IE and failed in Firefox.
    After lots of troubleshooting I tried to upgrade to 1.6.1 from 1.6
    . As it didnt help I had to ensure basic samples worked in both
    browsers and they didnt. Its probably only an issue with
    htmlDataSets - I have not tested the other samples.

  • Spry HTML dataset unseen in IE7/8

    Using Mac OS 10.5.8 and DW CS4 to produce a simple HTML dataset for calendar dates. The code produced by DW is unaltered, and can be viewed at www.meonrc.org/Test.html. The data is at /Data/dscalendar.html.
    Dataset renders perfectly in Firefox (Mac & PC), Safari, but will not render in IE7 or 8 (PC) or IE5 (Mac - latest version). Briefly 'flashes' spry container, but no data. Spry menu components, produced at same time, render ok in all browsers.
    I can see various forum entries on XML, but not HTML - suggestions please. Thanks.

    You may wish to check your headers:
    <!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>....
    I was adding some spry to a site I developed in 2006, and after much review, I discovered that the headers were different on pages I newly created vs those that were built upon a template that I added the Data Sets to.
    Just copied those headers from the freely created page (with working HTML datasets) to the template... and everything works beautifully.
    Hope this helps

  • IE7 error with spry html dataset

    Hi
    I hope I've posted this in the right place.
    Has anyone else had a problem with using a HTML table as a
    data source for a spry master/detail set?
    I've set one up and it works OK when I test it in live view.
    It also works OK in Firefox, but good old IE7 fails and a pop up
    box says <Spry.Data.HTMLDataSet: 'mydatatable' is not a valid
    element ID> where mydatatable is the name that I gave to the
    data container. I'm using CS4, and I assume spry v 1.6, although
    I'm not sure how to check that.
    Anybody got any ideas?
    Thanks

    You may wish to check your headers:
    <!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>....
    I was adding some spry to a site I developed in 2006, and after much review, I discovered that the headers were different on pages I newly created vs those that were built upon a template that I added the Data Sets to.
    Just copied those headers from the freely created page (with working HTML datasets) to the template... and everything works beautifully.
    Hope this helps

  • Spry HTML Panel and Google Indexing

    I've started working with Google analytics and am now realizing that my use of the Spry HTML Panel as cool and efficient as it is, is not being index by Google.  I am using the links with php pages that query a FileMaker database for it's content and need to have Google be able to open and index the pages.  What changes can I make to the standard HTML Panel Code to allow this to happen.  I'm getting ready to take on a large project and this will be very necessary.
    Thanks in Advance
    Joe

    Ajax requests / all javascript are not seen by spiders / bots. Its a 
    common issue with Ajax applications.
    There a few ways to get them indexed. Point to it with a general site 
    map. So it get indexed through a other way.
    Place links on the page that does the ajax calls to the urls. And 
    replace the urls with your HTML panel content.
    So Spiders will follow the normal links and users will get the content.
    Other way it to completely ditch html panel and just show it on the 
    page it self :P
    Arnout Kazemier | Adobe Spry Community Expert
    Internet: http://www.3rd-eden.com
    Twitter: http://www.twitter.com/3rdEden | http://www.twitter.com/AdobeSpry

  • Compatibilidad de Spry HTML DataSet en Internet Explorer

    Hola que tal tengo un problema correspondiente con un html dataset, espero que me puedan ayudar. El asunto es el siguiente:
    En un archivo asp muestro información que esta almacenada en una Base de Datos, por medio del HTML DataSet muestro esta
    información en un archivo aparte ejemplo el index de mi pagina. Guardo esta información en el index y utilizo el metodo loadData()
    para recargar nuevamente el DataSet para que se muestre la nueva información que ingrese, esto me lo hace de forma perfecta
    en el exploradro Firefox y en el explorador de Google Chrome, por que en Internet Explorer no lo hace??
    Espero que alguien me pueda ayudar gracias y Saludos.

    A ok, gracias por el dato, pero al parecer lo que pasaba es que la pagina
    asp guardaba los valores del DataSet en la cache es por eso que no se
    actualizaban los datos.
    Agregue estas lineas de código para que funcionara bien:
    Response.CacheControl = "Private"
    Response.Expires = 0

  • Spry HTML Dataset not loading in DW CS4 wizard

    Does anyone have any idea as to why my HTML data set (a
    table) will not load in the Create Spry Dataset wizard (DW CS4). It
    is saying that there are no valid data containers. I followed the
    tutorials exactly and I also added an ID column to my HTML table. I
    can't seem to figure this out and I am stuck. Any info would be
    greatly appreciated.

    Make sure that your table has an id. Go to your html table,
    choose the table and in the properties inspector, under Table,
    enter a name. Once that's done the wizard will recognize it as a
    data container.

  • Spry HTML data and SEO - SWFAddress?

    Does anyone have any experience enabling deep linking for Spry pages that use HTML data tables as their source?
    Any suggestions most welcome - my main objective is to add a search facility without having to rewire the whole site.
    I don't even know where to start using SWFAddress with Spry - much obliged if someone could point me in the right direction.
    Thanks

    Perhaps I was too cryptic in my response.
    The reason I was looking for an answer to the SEO issue is precisely because search bots don't spider JS. I do realise this is not limited to the Spry framework, and I've subsequently learned that while SWFAddress can be used to solve deep linking and browser navigation, it doesn't 'automagically' expose the data in your Spry states to the search bots.
    I have in fact solved this for my particular use with a simple combination of Spry and CSS. What worked for me as a basic rule was to include the HTML table in the page containing my Spry region. I used a SpryHiddenRegion CSS class to hide the table and referred to it within my HTMLDataSet declaration with the 'null' property which points Spry to the page its on:   var dsname = new Spry.Data.HTMLDataSet(null, "tableID");
    Using both Google Site Search and Zoom Search Engine (which doesn't crawl Javascript either), I was able to index the data in the hidden table even though its not displayed on the page unless called by Spry. As I said, my main aim is to be able to provide my client with a search facility on their site but the technique should be acceptible to the search engines too as it performs a legitimate UX function.

  • Spry HTML Data Set Gives Empty Table (no data), Spry XML Data Set is Fine

    I am working in Dreamweaver CS5 and in lesson 14 of the "Dreamweaver CS5 Classroom in a Book" and the lesson implements Spry HTML Datasets and XML Datasets. The XML is fine but the HTML dataset produces an empty table. This happens in live view or even when previewing the HTML file in any of the browsers Firefox, Google or IE. I should add that the lesson (as in all the lessons) has a "finished copy file" prepared by the authors to show what things will look like in the end (so it is a file NOT produced by me but included on the CD with the book), and that file also produces the problem. I have uninstalled and reinstalled Dreamweaver, the lessons CD and spent all day trying to figure out why and no clues at all yet. All my browser settings look fine as for allowing content.
    ANY CLUES would be appreciated. Thanks.

    Hello,
    First, thank you very much for your quick response and help.
    I am not sure what you mean by upload the site to a server so you can look. I am working locally in Dreamweaver on the book's exercise. So I figured you may mean CS Live. What a clumsy operation that is. In any case, they said the links below will work for ANYBODY that clicks them! What is especially baffling here is that it seems so straighforward. The file "events_finished.html" (the 1st link below) is everything but the data, produced by the author of "Adobe Dreamweaver CS5 Classroom In A Book" in lesson 14. All paths should be correct. The file referenced by "Spry.Data.HTMLDataSet", "html-data_finished.html" (the data and the 2nd link below) is in the same directory as the first file, all JavaScript files referenced exist and are in their denoted "SpryAssets" folder. As seen in the "screenShot", the HTML dataset table is empty with placeholders; the XMLDataSet is fine and all data nicely represented.
    I hope this helps and thanks for all help and any clues you can provide.
    events_finished.html: https://acrobat.com/#d=J2Aez*f-uXeEICwt2ctjDg
    html-data_finished.html: https://acrobat.com/#d=NugqeOzL6sBtjZw81PNNAg
    screenShot of viewed page in browser: https://acrobat.com/#d=nS5FBcWC-AvXXEGHiWAo6A

  • Spry xml dataset driven page and search engines

    If a page uses Spry xml dataset to present products to a
    visitor, what do google and yahoo crawlers see in that page?
    I'm asking because i plan to rewrite our products' static
    pages using spry xml dataset, and i'd like to ensure crawlers see
    the products. I haven't looked much, yet, into this pry capability,
    but the products page will most probably be paginated (not sure if
    possible in this capability) since there are hundreds of products.
    currently, our static html pages generated good conversions
    into purchases from google and yahoo searches.
    It would be great if there is a real-life website that uses
    this spry capability and has their pages appear in those search
    engines.
    thanks.

    If a page uses Spry xml dataset to present products to a
    visitor, what do google and yahoo crawlers see in that page?
    search bot do not read / understand javascript. So they would
    not index it.
    Its a commen point of failure of the ajax techniques, Spry
    has a handy solution for it (spry:content) wich will allow u to
    overwrite 'content' if javascript is enabled so and bots will just
    see the static page.

  • SPRY XML Dataset Get Schema

    Currently when I try and add a SPRY XML Dataset and hit the Get Schema button I get "Unable to locate or parse the XML Source (-1,-1). I created the XML from the Export recordset to XML tool in the Developer Toolbox. I can't seem to figure out what I am missing. Anyone else having this problem as well. It use to work then I think my system did some update from Adobe and since has stopped working. Any assistance is greatly appreciated. Thanks.

    Hello,
    The error usually means that the XML source that you choose within Spry XML Data Set interface is not valid.
    So you should check the XML source to see if it returns a valid XML.
    Regards,
    Ionut

  • Spry and Shadowbox,  Spry and Thickbox  ARGGG!!!

    i have tried and tried to read post and look all over the net
    for an answer and i cant seem to get it to work.
    Can someone help with what im doing wrong to get one of these
    boxes to work in my spry region.
    Here are the pages
    http://portersrestoration.dyndns.org/portersonline/private/ssdetail.php?SubID=42
    - uses the thickbox - i get it too fire which is a step further
    than before but it wont load the div, it just stays on the loading
    gif. Also the box shows up where ever you click on the page when it
    should only fire on the > button.
    http://portersrestoration.dyndns.org/portersonline/private/ssdetail2.php?SubID=42
    - uses Shadowbox - i cant even to get it to fire in the spry
    region.
    Any help would be great thanks in advance....going on two
    days of searching

    oops sorry I hit the wrong key. I'll start over:
    1) Define dataset. I'm using an HTML dataset instead of XML.
    You'll see see both definitions, but the XML one is commented out.
    2) Define an observer. You can copy and past mine to yours if
    your using Shadowbox. You will see "events_dummyregion" is the ID
    the observer is looking for to watch that tag.
    Spry.Data.Region.addObserver("events_dummyregion", {
    onPostUpdate: function() { Shadowbox.init({ skipSetup: true });
    Shadowbox.setup(); }});
    3) Then I define my region called eventsGallery:
    <div id="eventGallery" spry:region="eventsGallery"
    class="SpryHiddenRegion">
    <div spry:state="loading"><img
    src="images/loading.gif" alt="Loading..." /><br
    />Loading...</div>
    <div spry:state="error">Failed to load Events
    Gallery!</div>
    <div spry:state="ready">
    <span spry:repeat="eventsGallery">
    <a href="../images/{eventsGallery::Picture_Filename}"
    rel="shadowbox[events_gallery];options={slideshowDelay: 6}"
    title="{eventsGallery::Title}">{eventsGallery::Thumbnail}</a>
    </span>
    </div>
    </div>
    That included al the state definitions. You can ignore those
    and just look at the SPAN tag.
    4) Finally I define the DIV tag that the observer watches.
    The observer is watching this tag because the ID is
    "evens_dummyregion". Also, in my CSS, I have a rule for the ID
    #event_dummyregion with visibility:hidden. That way it's invisible.
    When you click a thunmbnail in the events gallery, it updates
    that invisible dummyregion. The observer sees that region get
    updates and runs the code written in the observer. That code
    initializes Shadowbox, which then reads the REL="shadowbox" in the
    A tag of the parent region and then Shadowbox works it's magic.
    <div id="events_dummyregion"
    spry:detailregion="eventsGallery"></div>
    If you want to see the other scenerio, view the source at:
    http://new.eliteportablerestrooms.itlogic.org/products.htm
    That one has a product list. When the product is selected,
    the data in a 2 panel accordion is updated. One panel is for
    product images. The images are displayed as a grid of thumnails and
    then when a thumbnail is selected, Shadowbox does it's thing. If
    you need an explaination on that one, just ask.

  • Help with URL Parameters and HTML DataSet please.

    Hello everybody!
    Looking at the example page: "Using URL Parameters to Control Data Regions", towards the bottom it gives an example of "Set by Product Name", from an XML DataSet using the following sample code:
        //Data set for the second example. var ds2 = new Spry.Data.XMLDataSet("../../demos/products/products.xml", "products/product");    //If the URL parameter 'product' has a value, set the XPath that includes a filter and then load the data. if (params.product){    ds2.setXPath("products/product[name = '"+params.product+"']");    ds2.loadData(); }
    Can anyone please explain how to amend this to work with a HTML Dataset rather than XML?
    The first example on the page (Set by RowID) works unchanged for the HTML DataSet, but I don't know what I should replace the 'setXPath' line with.
    I see this has been asked before, but I'm afraid I can't find any answer that works (or, more often, that I can understand properly!)
    Grateful for any suggestions.
    Len

    Wow! Thanks Ben.
    I hadn't thought about using Stacked Containers.
    I'll test this out tonight and let you know how I get on.
    Cheers,
    Len
    A few days later and at last I've been able to test your suggestions.
    I think I must be doing something wrong as the links and content don't work at all:
    http://www.myosanthe-bernhard-huber.com/html/stack1.php
    I know that the stacked containers do work (http://www.myosanthe-bernhard-huber.com/html/stack0.php), so I guess there are some errors in the coding somewhere.
    Would you mind reviewing, please?
    The important thing for me (in this case, anyway) is to get the called page's content using its 'Ref', and I'm not sure what benefit there is in using stacked containers as opposed to master-detail containers.
    The master-detail method works reasonably well for me at
    http://www.myosanthe-bernhard-huber.com/html/fotoalbum.php and sub-pages.
    Perhaps I am betraying my lack of knowledge, but as I said in my original post, I think that I just need the HTMLDataSet equivalent to:
        //Data set for the second example.
    var ds2 = new Spry.Data.XMLDataSet("../../demos/products/products.xml", "products/product");
       //If the URL parameter 'product' has a value, set the XPath that includes a filter and then load the data.
    if (params.product){
       ds2.setXPath("products/product[name = '"+params.product+"']");
       ds2.loadData();
    which as you can see uses an XMLDataSet, but does exactly what I need.
    (see http://labs.adobe.com/technologies/spry/samples/data_region/DataWithURLParams.html)
    Thanks again for your help, Ben.
    Len
    Message was updated by: ec1lennie

Maybe you are looking for

  • Oracle10g how to link to mysql on 64 bit-system

    hi,i use hsodbc connect to mysql-odbc. but hsodbc only can be used in 32 bit-system,i can't update oracle10g to oracle11 and use dg4odbc. how to resolve this problem? thx

  • How to swap the source image of a MC programmatically in AS3?

    This seems like it would be a simple thing. I have converted a jpeg to a movie clip that I want to be able to swap out the image source programmatically in the code behind. This can be done easily in the GUI. How do you do it programmatically? I have

  • Adobe CS4 Premium installation trouble

    Hi, I got the Adobe CS4 Premium on the original DVDs and copied them over to the HardDisk. I moved and can not find the original DVDs so I am trying to install the Adobe CS4 Premium to my new Macbook but got a problem I hope someone can help me with.

  • Error occurred (error code -8003).?

    I'm geting the above error code and the trash won't empty. Any ideas folks?

  • CVI 2009 Very slow installation of distribution kits

    I'm having an issue with distribution kits built with CVI 2009 taking a long time to install on some PCs.  In the installer, the progress bars will both be completely full, with the top one displaying "Overall Progress" "Currently Installing [applica