Spry:detailregion confusion

So I've manage to adapt what I learnt in my previous question to a web site that I am just messing with (http://pbox.mine.nu/R/MyR.html). I've looked at other examples of how to use the detailregion and using it with spry:setrow() but I think i'm missing something simple because its just not working. What should happen is a dynamicly populated accordian on the left (Check). When clicking one of these the detailregion should update to display the text/html that is in the xml file. Thats not working. Any help would be appreciated.
Spry 1.6.1
Browser: Mozilla, Google Chrome, IE 8
P.S. As much as a answer is nice if anyone can explain to me what I did wrong I would appreciate it. Would rather know what i'm doing wrong then getting an answer.

Okay figured it out... seems white text on a white background isn't a good combination

Similar Messages

  • ERROR: spry:region or spry:detailregion attribute has no data set!

    here's the basics...
    i'm running fusebox for php (if that makes any difference)
    i'm also reusing the same gallery for multiple fuseactions,
    and using my circuit.xml file to set the var $gallery
    depending on which fuseaction has been called.
    the photos already exist in a database and full size and
    thumbs have already been created by imagemagick
    i plan on writing a script that uses imagemagick to get the
    dimensions of the imagefiles and saves them to four respective new
    columns in my db table (so i hope the problem isn't related to the
    height attributes not being set in my xml.... let's hope it's
    somthing else, ok?)
    i'm creating my datasets like this
    quote:
    var dsGallery = new Spry.Data.XMLDataSet("/index.php",
    "gallery", { method: "POST", postData: "do=m.get<?php echo
    $gallery ?>Gallery", headers: { "Content-Type": "text/xml" });
    var dsPhotos = new Spry.Data.XMLDataSet("/index.php",
    "gallery/photos/photo", { method: "POST", postData:
    "do=m.get<?php echo $gallery ?>Gallery", headers: {
    "Content-Type": "text/xml"});
    the output xml is perfect... here's an example
    http://www.inkincnewyork.com/index.php?do=m.getFlashGallery
    since i'm reusing the gallery, and have no need for the
    dsGalleries related functionality i did this.
    using the long way of referencing each piece of data, just to
    make sure it's all kosher
    quote:
    <div id="thumbnails" spry:region="dsPhotos dsGallery">
    <div spry:repeat="dsPhotos"
    onclick="HandleThumbnailClick('{ds_RowID}');"
    onmouseover="GrowThumbnail(this.firstChild,
    '{dsPhoto::photo/@thumbwidth}', '{dsPhoto::photo/@thumbheight}');"
    onmouseout="ShrinkThumbnail(this.firstChild);"><img
    id="tn{ds_RowID}" alt="thumbnail for {dsPhoto::photo/@thumbpath}"
    src="{dsGallery::thumbnail/@base}{dsPhoto::photo/@thumbpath}"
    width="24" height="24" style="left: 0px; right: 0px;"
    /></div>
    <p class="ClearAll"></p>
    </div>
    but i am now getting this error
    spry:region or spry:detailregion attribute has no data set!
    for each XMLDataSet
    anyone have any ideas?

    A few things I noticed when looking at your sample source
    above:
    The "Content-Type" should be the type for the post data, not
    what you expect to get back. So in your case, you should be using:
    "Content-Type": "application/x-www-form-urlencoded";
    which is the default type so you don't really have to pass it
    to the constructor unless you are posting something other than that
    type.
    Next, your {ds_RowID} data references are missing the data
    set prefix. If you use more than one data set for a given region,
    you need to use the prefix to make sure you are getting the
    ds_RowID from the correct data set.
    The error: "spry:region or spry:detailregion attribute has no
    data set!" tells me that the data sets are not defined at the time
    Spry first processes the region. Are your data sets being created
    in a script tag in the head? Or are you creating them in some
    function that gets fired off at a specific time?
    --== Kin ==--

  • How use Spry detailregion inside script ?

    Hi everybody, someone can help me how can i do that work ? I am trying to send information to Flickr API to create image galleries with information from my database...
    <div id="content2" spry:detailregion="ds1">  
        <script src="badge.js" type="text/javascript"></script>
        <script src="http://api.flickr.com/services/feeds/photos_public.gne?id=23366962@HU5&tags={ds1::flickr}&format=json" type="text/javascript"></script>
    </div>
    Thank YOU !!!!

    OK... nobody yet...
    I am trying something different now using PHP, but still not getting what i want:
    <?php $recentPhotos = $gallery->findRecentPhotos(30,?> {ds1::url}<?php ); ?>
    Someone can help me in that ?
    Thanks !!!

  • 1 Spry DetailRegion loading from 3 separate Datasets

    I have three <div>s on a page, each containing a
    different dataset of thumbnail images. Then I have one <div>
    that contains the detailregion that shows a large image of which
    ever thumbnail is being rolled over.
    When I write the code for the detail region only the first
    dataset works with the rollover.
    spry:detailregion="dsGallery1 dsGallery2 dsGallery3"
    Each dataset will work if placed first. After hours of
    searching online I have tried numerous combinations of {} and ::
    with dataset names and nodes to no avail.
    During my hours of online searching I found the Spry
    framework for Ajax Change Log itemizes a change for Spry 1.7 that
    sounds like the solution I need:
    http://labs.adobe.com/technologies/spry/ChangeLog.html
    Changes for Spry 1.7 - 2008/??/??
    * Data
    o Modified Spry.Data.getDataSetByName() to use
    Spry.Utils.getObjectByName() so that folks can use namespaced data
    set names.
    Any chance of getting this modification now?
    Thanks.

    toni7 wrote:
    > During my hours of online searching I found the Spry
    framework for Ajax Change
    > Log itemizes a change for Spry 1.7 that sounds like the
    solution I need:
    >
    http://labs.adobe.com/technologies/spry/ChangeLog.html
    > Changes for Spry 1.7 - 2008/??/??
    > Any chance of getting this modification now?
    As far as I'm aware, Spry 1.7 hasn't been made a public
    release. I'd suggest asking this question in the Spry forum,
    perhaps someone may be able to give an accurate answer to you:
    http://www.adobe.com/cfusion/webforums/forum/categories.cfm?forumid=72&catid=602
    Danilo Celic
    |
    http://blog.extensioneering.com/
    | WebAssist Extensioneer
    | Adobe Community Expert

  • Using Checkboxes in spry:detailregion

    I like the visual effect and ease of use that checkboxes in a
    multiple select box provide. Example code for what I mean is below
    (this css is for Firefox by the way, it renders uglier in IE but I
    use another css for that anyway):

    Hi,
    can you please just paste the code you give us without
    escaping? It is very hard to follow the code you give us.
    If you have a link, also is very helpful.
    Thanks,
    Diana

  • Using Multiple Spry datasets? - regarding Regions: DetailContainer/DetailRegion

    Hi Spry experts:
    I've been battling a good battle: Spry datasets and mobile app development. I'm making headway, but as is true in life, there are problems.  I've professor googled for several days related to the current issue without success. I'm throwing in the towel and asking for help.
    I have a jquery mobile project I am developing in dreamweaver cs 5.5. I created a Spry HTML dataset to populate 3 lists on separate pages. Each list page is populated by a single html file that contains 3 tables with different ids.
    Each table has 3 rows (name, image, desc). Each list is populated using the "name" field from each table. The lists part is all working just fine.
    However, when a list item is selected (clicked), it is supposed to take the user to another page (details). There are three details pages--one for each list. These pages are for the item details. Each details page uses the same basic code. Only one page works. If I switch the location of the detail pages in DW, the page that is closest to the list pages is the one that works. I know that I am doing something that is pretty plain to someone who knows Spry, but I'm lost as to what to do next. I've tried multiple fixes and read many Spry documents. A HUGE thanks in advance to anyone who knows the answer. If you need more information, please let me know. 
    The expected behavior is that whatever list item is clicked the item should jump to the details page and load the data.
    Here is the code for the details pages:
    <!--*****************************************************************************-->
    <!--Description page for items from list 1-->
    <!--*****************************************************************************-->
    <div data-role="page" id="details_list1"
    data-add-back-btn="true" data-theme="c">
    <div data-role="header">
      <h1>Details List 1</h1>
    </div>
    <div data-role="content">
    <h2><span class="DetailContainer">
    <span spry:detailregion="dsList1">{dsList1::name}</span></span></h2>
    <p class="DetailColumn" align="center">
    <span class="DetailContainer">
    <span spry:detailregion="dsList1"
    class="DetailContainer">{dsList1::image}</span></span></p>
    <p class="DetailColumn"><span class="DetailContainer">
    <span spry:detailregion="dsList1" class="DetailContainer">
    {dsList1::desc}</span></span></p>
    <span class="DetailContainer">
    <span spry:detailregion="dsList1"
    class="DetailContainer"><br />
    </span></span><br>
    <br>
    </div>
    <!--*****************************************************************************-->
    <!--Description page for List 2-->
    <!--*****************************************************************************-->
    <div data-role="page" id="description_list2" data-add-back-btn="true" data-theme="e">
    <div data-role="header">
      <h1>List 2 Details</h1>
    </div>
    <div data-role="content">
    <h2><span class="DetailContainer">
    <span spry:detailregion="dsList2">
    {dsList2::sign}</span></span></h2>
    <p class="DetailColumn" align="center">
    <span class="DetailContainer">
    <span spry:detailregion="dsList2" class="DetailContainer">
    {dsList2::image}</span></span></p>
    <p class="DetailColumn"><span class="DetailContainer">
    <span spry:detailregion="dsList2" class="DetailContainer">
    {dsList2::desc}</span></span></p>
    <span class="DetailContainer"><span spry:detailregion="dsList2" class="DetailContainer"><br />
    </span></span><br>
    <br>
    </div>
    <!--*****************************************************************************-->
    <!--Description page for List 3-->
    <!--*****************************************************************************-->
    <div data-role="page" id="description_list3" data-add-back-btn="true" data-theme="e">
    <div data-role="header">
      <h1>List 3 Details</h1>
    </div>
    <div data-role="content">
    <h2><span class="DetailContainer">
    <span spry:detailregion="dsList3">
    {dsList3::sign}</span></span></h2>
    <p class="DetailColumn" align="center">
    <span class="DetailContainer">
    <span spry:detailregion="dsList3" class="DetailContainer">
    {dsList3::image}</span></span></p>
    <p class="DetailColumn"><span class="DetailContainer">
    <span spry:detailregion="dsList3" class="DetailContainer">
    {dsList3::desc}</span></span></p>
    <span class="DetailContainer"><span spry:detailregion="dsList3" class="DetailContainer"><br />
    </span></span><br>
    <br>
    </div>

    I've been battling a good battle: Spry datasets and mobile app development.
    Is this an offline app?
    If not, then please post a link to your site.
    Gramps

  • Spry:repeatchildren how to update a detailregion

    Hi need help
    How to when a cliked
    spry:region="fixtures" spry:repeatchildren="fixtures" 
    need to update a spry:detailregion="fixtures"
    Thanks Ged

    I think you are looking for spry:setrow

  • Master Detail in an Accordian - Spry

    I am trying to use multiple datasets (1 to populate each
    accordian tab) and those data to be used to populate 1 detail
    region. The accordian tabs work, but the detail region does not
    seem to pull the data and populate correctly.
    Below is the code, any help is glady appreciated. I am really
    new to spry and am a bit confused here.
    Thanks,
    txnskr
    <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");
    </script>
    <script type="text/javascript">
    var dsGallery1 = new Spry.Data.XMLDataSet("photos1.xml",
    "gallery/photos/photo");
    </script>
    <script type="text/javascript">
    var dsGallery2 = new Spry.Data.XMLDataSet("photos2.xml",
    "gallery/photos/photo");
    </script>
    <script src="../SpryAssets/SpryAccordion.js"
    type="text/javascript"></script>
    <link href="../SpryAssets/SpryAccordion.css"
    rel="stylesheet" type="text/css" />
    <link href="../global.css" rel="stylesheet"
    type="text/css" />
    </head>
    <body>
    <div id="apDiv1">
    <div id="Accordion1" class="Accordion" tabindex="0">
    <div class="AccordionPanel">
    <div class="AccordionPanelTab">Co-Chairs</div>
    <div class="AccordionPanelContent"> WWCC Thumb Pics
    <div spry:region="dsGallery" spry:repeat="dsGallery"
    spry:setrow="dsGallery"><table border="0">
    <tr >
    <td >
    <img src="../Images/Pictures/Thumbs/{@thumbpath}"
    class="thumbs"
    onclick="dsGallery.setCurrentRow('{ds_RowID}');"/>
    </td>
    <td>{@desc}</td>
    </tr>
    </table>
    </div>
    </div></div>
    <div class="AccordionPanel">
    <div class="AccordionPanelTab">Committee A</div>
    <div class="AccordionPanelContent">Committee A
    Thumbs<div spry:region="dsGallery1" spry:repeat="dsGallery1"
    spry:setrow="dsGallery1"><table border="0">
    <tr >
    <td >
    <img src="../Images/Pictures/Thumbs/{@thumbpath}"
    class="thumbs"
    onclick="dsGallery1.setCurrentRow('{ds_RowID}');"/>
    </td>
    <td>{@desc}</td>
    </tr>
    </table></div></div></div>
    <div class="AccordionPanel">
    <div class="AccordionPanelTab">Committee B</div>
    <div class="AccordionPanelContent">Committee B Thumbs
    <div spry:region="dsGallery2" spry:repeat="dsGallery2"
    spry:setrow="dsGallery2"><table border="0">
    <tr >
    <td >
    <img src="../Images/Pictures/Thumbs/{@thumbpath}"
    class="thumbs"
    onclick="dsGallery2.setCurrentRow('{ds_RowID}');"/>
    </td>
    <td>{@desc}</td>
    </tr>
    </table></div>
    </div>
    </div>
    </div>
    <div id="apDiv2"><div spry:detailregion="dsGallery
    dsGallery1 dsGallery2">
    <img src="../Images/Pictures/{@path}"
    ><br/>{@desc}
    </div></div></div>
    </div>
    <script type="text/javascript">
    <!--
    var Accordion1 = new Spry.Widget.Accordion("Accordion1");
    //-->
    </script>
    </body>
    </html>

    Hi,
    I couple of things.
    When you say:
    <div spry:detailregion="dsGallery dsGallery1
    dsGallery2"> <img src="../Images/Pictures/{@path}"
    ><br/>
    {@desc} </div>
    </div>
    {@desc} refers to only the first data set listed in the
    detail region; in your case, 'dsGallery'.
    If you want the detail region to refer to other data sets,
    you have to write it like '{dsGallery2::@desc}'
    But you want that detail region {@desc} to refer to any of
    the data sets that you clicked on.
    To do that, we have a Shell Data Set. Rather than explaining,
    the sample shows you how it works:
    http://labs.adobe.com/technologies/spry/samples/data_region/DataSetShell_accordion.html
    Let us know if you have more questions:
    Don

  • Spry photo album displays in Safari not in IE

    I used the article
    http://www.adobe.com/devnet/dreamweaver/articles/spry_photo_album.html
    as a guide to build a spry photo album for a pool & spa web
    site. The photo album displays perfectly in IE when I preview it
    locally. However, when viewing the photo album after uploading to
    server, the photo album does not display. To make the problem more
    confusing, when I use safari to view the photo album it works
    perfectly on the server. What have I done wrong to make it work in
    Safari and not IE? I need it to work in IE. I have cross checked
    the code dozens of times trying to find the problem with no luck. I
    need some direction please.
    Here are the files in question:
    http://www.lagobellopools.com/free-form-pools.php
    http://www.lagobellopools.com/free-form.xml
    http://www.lagobellopools.com/styles.css
    Many thanks in advance for your response!

    When validating
    http://www.lagobellopools.com/free-form-pools.php
    I get these error's in dreamweaver and at W3C;
    The tag: "div" doesn't have an attribute: "spry:region" in
    currently active versions.[XHTML 1.0 transitional]
    The tag: "img" doesn't have an attribute: "spry:repeat" in
    currently active versions.[XHTML 1.0 transitional]
    The tag: "div" doesn't have an attribute: "spry:detailregion"
    in currently active versions.[XHTML 1.0 transitional]
    Could this be why it works in firefox and Safari and not
    Internet Explorer? I am perplexed as to why the spry photo album
    will work in all browers except IE. It will only work in IE
    locally. What am I missing? If anyone has any ideas at all please
    let me know. Does anyone have a working example of the spry photo
    album in Internet explorer?

  • Insert additional spry table into existing region

    <agent>
    <name><![CDATA[ ]]></name>
    <desc><![CDATA[test]]></desc>
    <forms>
    <form>
    <formname>Agent Appointment</formname>
    <formnum>FORM 204</formnum>
    <url>insurance/agents/pdf/form204.pdf</url>
    </form>
    </forms>
    </agent>
    <agent>
    <name><![CDATA[ ]]></name>
    <desc><![CDATA[test]]></desc>
    </agent>
    I have the above structure, only one set has the forms
    structure. I can pull in a sortable table anywhere on the page and
    it works, but I do not know how to put the table as the data for
    only one data set. {desc}
    <div spry:detailregion="dsAgentFeatures dsAgentForms">
    <div>
    <div align="left"><span class="style1">{desc}
    </span><br /></div>
    I put the table below this field and it appears for each row,
    how can I get it to appear for only one selection?
    I also tried putting the table as the {desc} field,
    <desc>
    <table>
    <tr>
    <th spry:sort="formname">Formname</th>
    <th spry:sort="formnum">Formnum</th>
    </tr>
    <tr spry:repeat="dsAgentForms" spry:odd="oddrow"
    spry:even="evenrow" spry:hover="rowHover">
    <td>{dsAgentForms::formname}</td>
    <td>{dsAgentForms::formnum}</td>
    </tr>
    </table>
    </desc>
    but only the table structure shows when clicked. I also
    thought of nesting the forms section within the desc tag, but I
    still don't know how to call a table with the data....Anyway I am
    confused, any help pointing me in the right direction would be
    greatly appreciated.
    http://www.nmprc.state.nm.us/als2.htm
    It is the Forms Listing entry I am having trouble with

    I believe that I did understand your question. To focus-in a bit for you, near the bottom of page 56 you will find:
    Working with Document Parts Reusing Sections You can make a section in a document reusable by adding it to the pop-up menu that appears when you click Pages in the toolbar.
    To reuse some or all the pages in a section:
    1 Select the section in the thumbnail view.
    2 Choose Format > Advanced > Capture Pages.
    3 In the dialog that appears, type a name for the page or pages, use the Include pop-up
    menu to indicate which pages you want to reuse, and then click OK.
    The page or pages are available in the pop-up menu that appears when you click the
    Pages button in the toolbar.
    Isn't this what you were looking for?
    Regards,
    Jerry

  • No content with multiple datasets in detailregion

    I have a detailregion, in which I don't just want to display
    data, but want to enable data maintenance via a form. There are
    some dynamic select fields, so their datasets are declared together
    with the main dataset when the detail region is set up. T
    The code used to declare the detailregion is
    <div spry:detailregion="routerlist_xml edit_country_xml
    edit_region_xml">
    The detailregion that should be under the list display is
    well - not showing.
    When I take the datasets for the select fields away so the
    line looks like
    <div spry:detailregion="routerlist_xml">
    the detailregion displays as expected.
    (Of course the browser will complain about the missing
    datasets, but that is not the point here).
    Is it not possible to have multiple datasets in a
    detailregion? If not, what is a workaraound to get a dynamic select
    into a detailed field? If yes, is there anything wrong in my code?
    Or is there a bug in the Spry framework?
    Any pointers are welcome.
    Thanks

    Trial and error solved the problem.
    When there is an error XML the dataset for the dynamic select
    field is based on, then the whole region in to which the dataset
    was linked will not be shown.
    The 'error' in my case, it appears, were non-US keyboard
    characters (from a german keyboard). The underlying database mysql
    is set to UTF8-unicode, and the xml-export function has
    $xmlExportObj->setDBEncoding("UTF-8");
    $xmlExportObj->setXMLEncoding("UTF-8");
    in its code.
    Once those characters were removed, it all worked fine.
    To make things even more confusing was the fact that the page
    worked fine in Firefox when the detailed region just would not show
    in IE7 due to the special characters.
    A bug or a compatibality issue for the Adobe crew to check
    out ?
    Comments welcome...

  • Adding a URL parameter to the path to spry XMLdataset

    anyone know an easy way to code this one.
    I can pull in xml and do what ever I want with it, but I want to pull in an XML page that is generated with the URL parameters of the current page
    so  instead of
    var ds1 = new Spry.Data.XMLDataSet("my_XML.php", "export/row",{useCache:false,loadInterval:2000});
    i'd like the url to include the params of the current page
    in php something like "my_XML.php?jobnumber=".$var1."&version=".$var2 ;
    where var1 and var2 are URL params of the current page URL
    I'm guessing I need to create the javascript equivalent to var ds1 = new Spry.Data.XMLDataSet("my_XML.php",  etc
    but I've got no idea what that might be
    anyone help??

    And Spry version where the URL is myfile.html?file=employees
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>Untitled Document</title>
    <script src="SpryAssets/xpath.js"></script>
    <script src="SpryAssets/SpryData.js"></script>
    <script src="SpryAssets/SpryURLUtils.js"></script>
    <link href="SpryAssets/SpryMasterDetail.css" rel="stylesheet">
    <script type="text/javascript">
    var params = Spry.Utils.getLocationParamsAsObject();
    var ds1 = new Spry.Data.XMLDataSet(params.file+".xml", "employees/employee");
    </script>
    <body>
    <div class="MasterDetail">
      <div spry:region="ds1" class="MasterContainer">
        <div class="MasterColumn" spry:repeat="ds1" spry:setrow="ds1" spry:hover="MasterColumnHover" spry:select="MasterColumnSelected">{firstname}<br />
        {lastname}</div>
      </div>
      <div spry:detailregion="ds1" class="DetailContainer">
        <div class="DetailColumn">{firstname}</div>
        <div class="DetailColumn">{lastname}</div>
        <div class="DetailColumn">{joinDate}</div>
      </div>
      <br style="clear:both" />
    </div>
    </body>
    </html>
    The URL parameters can be adjusted to suit.
    Gramps

  • Help with Spry Detail Regions, XML Data Sets, for IMG gallery

    Hello,
    I'm working on a site for a friend of mine, a photo gallery. You can see the gallery here, it's a temporary one I'm working on
    http://www.emiliajozefa.com/a_index.html
    Here are some important parts of my code:
    //initially load these data sets. the function will be called by the links to update components later<script type="text/javascript">
         var intNumPhoto = 0;
         dsGallery = new Spry.Data.XMLDataSet("photofile.xml", "galleries/ride/photo");
         dsNav = new Spry.Data.XMLDataSet("photofile.xml", "galleries/ride");
         function updateSpryComponents(galleryDir){
              alert("updating spry components for " + galleryDir);
              intNumPhoto = 0;
              dsGallery = Spry.Data.XMLDataSet("photofile.xml", "galleries/" + galleryDir + "/photo");
              dsNav = Spry.Data.XMLDataSet("photofile.xml", "galleries/" + galleryDir);
              dsGallery.setCurrentRow(intNumPhoto);
              //document.getElementById('nav').innerHTML='<H1>'+enlarge.inp.value+'</H1>';
              document.getElementById('nav').innerHTML=
              "<span spry:detailregion = 'dsGallery'>
             <a href = 'javascript:' onclick = 'if(intNumPhoto > 0){intNumPhoto -= 1}; dsGallery.setCurrentRow(intNumPhoto);'>&lt;</a> {@id} / </span>
             <span spry:detailregion = 'dsNav'>{@numPhotos}
             <a href = 'javascript:' onclick = 'if(intNumPhoto < ({@numPhotos} - 1)){intNumPhoto += 1; }; dsGallery.setCurrentRow(intNumPhoto);'>&gt;</a>
             </span>";
    </script> <--- later ----><!-- SIDEBAR NAV. When link i clicked, set DataSet to the location of the new gallery -->
         <div id = "sideBarNav">
             <a href = "javascript:" onclick ='updateSpryComponents('ride');">Tannersville</a>
                <br />
              <a href = "javascript:" onclick = "updateSpryComponents('dive');">Dive</a>
            <br />
              <a href = "javascript:" onclick = "updateSpryComponents('poland');">Poland</a>
            <br />
              <a href = "javascript:" onclick = "updateSpryComponents('alaska');">Alaska</a>
        </div>
    </div>
    <div id = "content2">
         <!-- PHOTO CONTAINER I think I somehow need to refresh this section of the code to reload new data-->
         <div id = "fotoContainer" spry:detailregion="dsGallery"><img src = "photos/{@path}" width = "{@width}" height = "{@height}"/></div>
         <!-- IMAGE NAVIGATION -->
         <div id = "nav">       
             <span spry:detailregion = "dsGallery" id = "galSpan">
             <a href = "javascript:" onclick = "if(intNumPhoto > 0){intNumPhoto -= 1}; dsGallery.setCurrentRow(intNumPhoto);">&lt;</a> {@id} / </span>
             <span spry:detailregion = "dsNav" id = "navSpan">{@numPhotos}
             <a href = "javascript:" onclick = "if(intNumPhoto < ({@numPhotos} - 1)){intNumPhoto += 1; }; dsGallery.setCurrentRow(intNumPhoto);">&gt;</a>
             </span>
         </div>
    You could view source there to get the code. Here is what I believe is my problem
    I'm trying to automate the site so that when you click on one of the links on the left, without refreshing the page, the paths to the galleries xml file changes, and the spry Detail Regions (1 for the images, 1 for the navigation - left and right arrows). I think the problem is that once the link changes the set and calls my updateSpryComponenets() function, the detail regions need to be refreshed. I'm currently trying to solve this by dynamically rewriting the HTML thru .innterHTML, everytime I call updateSpryComponents().There may also be a problem in the Javascript function updateSpryControllers because if I put the alert after the spry calls, I never get the alert
    Thanks in advance for any help!

    Update:
    Ok, the first query on the Recent tab doesnt work for me because it wont show unless its already voted, and since these are supposed to be new blurts, that kind of breaks the whole site:
    "SELECT Blurt.Id_blurt, Blurt.Name, Blurt.Location, Blurt.Blurt,Blurt.`Date`,DATE_FORMAT(Blurt.`Date`, '%l:%i %p on %M %D, %Y') as Date, ratings.rating_id, Avg(ratings.rating_value) as average_r FROM ratings Left Join Blurt On ratings.rating_id = Blurt.Id_blurt Group By Id_blurt ORDER BY Blurt.`Date` DESC";
    So I replaced it with what I originally had.
    "SELECT Blurt.Id_blurt, Blurt.Name, Blurt.Location, Blurt.Blurt,Blurt.`Date`,DATE_FORMAT(Blurt.`Date`, '%l:%i %p on %M %D, %Y') as Date FROM Blurt ORDER BY Blurt.`Date` DESC";
    But this doesn't provide me with the initial average rating:(

  • Movie not displaying in spry gallery

    Hi,
    I have a project which needs to displays movies instead of pictures gallery, I am using your code example.
    Do I need to add any other code or change code before this will display properly, its and intranet so I can't show just add the code as below?
    When i view the page the url only shows up, no image!
    Can anyone help me please.
    thanks
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Capita Charity Week - 2 - 6 November 2009</title>
    <!--[if IE]>
    <style type="text/css">
    /* place css fixes for all versions of IE in this conditional comment */
    .twoColLiqLtHdr #sidebar1 { padding-top: 30px; }
    .twoColLiqLtHdr #mainContent { zoom: 1; padding-top: 15px; }
    /* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
    </style>
    <![endif]-->
    <link href="CharityWeek.css" rel="stylesheet" type="text/css" />
    <link href="menu.css" rel="stylesheet" type="text/css" />
    <script src="../Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
    <script type="text/javascript" src="Movies/includes/xpath.js"></script>
    <script type="text/javascript" src="Movies/includes/SpryData.js"></script>
    <script type="text/javascript">
    var dsGallery = new Spry.Data.XMLDataSet("Movies/movies.xml", "gallery/photos/photo");
    </script>
    <style type="text/css">
    <!--
    img.thumbs {
    float:left;
    height:60px;
    width:60px;
    margin-right: 2px;
    margin-bottom: 2px;
    border: solid black 1px;
    cursor:pointer;
    #thumbnail {
    position:absolute;
    left:372px;
    top:294px;
    width:296px;
    height:273px;
    z-index:1;
    #main {
    position:absolute;
    left:560px;
    top:292px;
    width:491px;
    height:315px;
    z-index:2;
    -->
    </style>
    <link href="CharityNav.css" rel="stylesheet" type="text/css" />
    </head>
    <body class="twoColLiqLtHdr">
    <div id="thumbnail" spry:region="dsGallery"> <img src="Movies/thumbnails/{@thumbpath}" spry:repeat="dsGallery" class="thumbs"onclick="thumbs" spry:setrow="dsGallery"/></div>
    <div id="main" spry:detailregion="dsGallery"><img src="Movies/images/{@path}"/><br/>
      Name:{@path} </div>
    <div id="container">
      <div id="header">
        <div id="Logo"> <img src="images/logo.gif" alt="Macmillan Cancer Support" width="156" height="44" /> </div>
        <div id="MacLogo">
          <p><img src="images/macmillanlogo.gif" alt="Macmillan Cancer Support" width="144" height="60" /> </p>
        </div>
        <h1><br />
          <br />
          Charity Week </h1>
        <h1>2 - 6 November 2009</h1>
      </div>
      <!-- end #header -->
      <div id="Nav">
        <ul>
          <li class="Grey"><a href="index.html" title="Home" target="_self" >Home</a></li>
          <li class="Grey"><a href="AboutMacmillan.html" title="About Macmillan" target="_self">About Macmillan</a></li>
          <li class="Grey"><a href="Fundraising.html" title="Fundraising" target="_self" >Fundraising</a></li>
          <li class="Grey"><a href="Games.html" title="Games" target="_self">Games</a></li>
          <li class="Grey"><a href="Quiz.html" title="Quiz" target="_self">Quiz</a></li>
          <li class="Grey"><a href="Auction.html" title="Auction" target="_self">Auction</a></li>
          <li class="Orange"><a href="Capita_got_Creative.html" title="Capita's got creativity" target="_self">Capita's got creativity</a></li>
          <li class="Grey"><a href="Nominate.html" title="Nominate a Hero" target="_self">Nominate a Hero</a></li>
          <li class="Grey"><a href="create_your_own_poster.html" title="Create your own posters" target="_self">Create your own posters</a></li>
          <li class="Grey"><a href="FormsPRPack.html" title="Forms &amp; PR pack" target="_self">Forms &amp; PR pack</a></li>
          <li class="Grey"><a href="Contact.html" title="Contacts" target="_self">Contacts</a></li>
        </ul>
        <!-- end #sidebar1 -->
        <!-- end #menu -->
      </div>
      <div id="DGreyline">
        <!-- end #DGreylines -->
      </div>
      <div id="sidebar1">
        <div id="sidebarTitle">
          <p>In this section</p>
          <!-- end #sidebarTitle -->
        </div>
        <div id="menu7">
          <ul>
            <li><a href="Capita_got_Creative.html" title="Capita's got Creativity" target="_self">Capita's got Creativity</a></li>
            <li><a href="CapitagotCreative_Images.html" title="Upload Images" target="_self">Upload Images</a></li>
            <li><a href="CapitagotCreative_movies.html" title="Upload Movies" target="_self">Upload Movies</a></li>
            <li><a href="CapitagotCreative_short_stories.html" title="Upload Short Stories" target="_self">Upload Short Stories</a></li>
            <li><a href="DrawingComp.html" title="Drawing competition" target="_self">Drawing Competition</a></li>
          </ul>
        </div>
      </div>
      <!-- end #sidebar1 -->
      <noscript>
      </noscript><div id="mainContent">
        <h2>Upload Movies</h2>
        <p class="newdesignFin"> </p>
        <p align="left"> </p>
      </div>
      <!-- This clearing element should immediately follow the #mainContent div in order to force the #container div to contain all child floats -->
      <br class="clearfloat" />
      <div id="Greyline">
        <!-- end #Greylines -->
      </div>
      <div id="Greenline">
        <!-- end #Greenlines -->
      </div>
      <div id="footer">
        <p>&copy; 2009 CAPITAconnect. All rights reserved. </p>
        <!-- end #footer -->
      </div>
      <!-- end #container -->
    </div>
    </body>
    </html>

    Could you post a online url instead? this way we can acutally see where it goes wrong with your files.

  • Photo gallery using Spry/CSS?

    I have done a spry gallery, by replacing images from a
    tutorial. tried to center the page within the browsers windows by
    looking @ previous css, page ignores all but body color. here is
    the code can some one help please?
    <!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" />
    <title>Ajax Album Demo</title>
    <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">
    <!--
    body {
    background-color: #666666;
    text-align: center;
    z-index: 1;
    margin: 0;
    padding: 0;
    container {
    text-align: left;
    width: 800px;
    z-index: 2;
    border: 1px solid 000000;
    margin: 0 auto;
    background: ffffff;
    position: relative;
    img.thumbs {
    float:left;
    height:75px;
    width:75px;
    #main {
    position:absolute;
    left:325px;
    top:55px;
    width:575px;
    height:520px;
    z-index:2;
    #thumbContainer {
    left:100px;
    top:55px;
    width:225px;
    height:520px;
    z-index:1;
    position:absolute;
    #header {
    position:absolute;
    left:100px;
    top:0px;
    width:800px;
    height:55px;
    z-index:3;
    -->
    </style>
    </head>
    <body>
    <div id="header"><img src="images/HP 2 Header.jpg"
    width="800" height="54" /></div>
    </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>
    <div id="apDiv1"></div>
    </body>
    </html>
    Thanks

    Thats beouxe of the position absolute, top left, these force
    the elements in position.
    So u would need to change that and it would "center" in the
    way u wanted.

Maybe you are looking for