How to i add an image path with spry data set

hi
how to i add an image path with spry data set. I made a xml file and then created a data set in html but image won't load
this is my XML
<?xml version="1.0" encoding="UTF-8"?>
<banner width = "185" height = "400">
    <item>
        <image scr = "nui-panforte-recipe_01.jpg" ></image>
        <description>CHOC-COCONUT PANFORTE</description>      
        <text1>Try this delicious GLUTEN FREE Christmas treat</text1>
        <text2>CHOC-COCONUT PANFORTE</text2>
    </item>
</banner>
this is my HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:spry="http://ns.adobe.com/spry">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script src="../../SpryAssets/xpath.js" type="text/javascript"></script>
<script src="../../SpryAssets/SpryData.js" type="text/javascript"></script>
<script type="text/javascript">
<!--
var ds1 = new Spry.Data.XMLDataSet("recipe_banner.xml", "banner/item");
//-->
</script>
</head>
<body>
<div spry:region="ds1">
  <table>
    <tr spry:repeat="ds1">
      <td>{image}</td>
      <td>{description}</td>
      <td>{text1}</td>
      <td>{text2}</td>
      <td>{text3}</td>
      <td>{text4}</td>
      <td>{link}</td>
      <td>{url}</td>
      <td>{target}</td>
    </tr>
  </table>
</div>
</body>
</html>

It would be helpfull if you actually created an <img> tag to start with
<img src="{image/@src}" />
would work.

Similar Messages

  • How do you set up Paged View with Spry Data Sets

    Hope someone can help. I have constructed a Spry data set using a html table and want  to use the paged view javascript to limit the amount of rows displayed on one page at a time to 10 then forcing a new page. Have found the java script file in the spry 1.6 download and attached it to the spry assets folder and have followed the instructions found at the Adobe development center   http://labs.adobe.com/technologies/spry/articles/pager/index.html        with no luck. Have attached  files to show what I have done. If someone could look at this and point out my error or suggest a better way I would be grateful. I am not a code warrior so simple  instructions would be so helpful. Many thanks in advance.
    Here is the code
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xmlns:spry="http://ns.adobe.com/spry">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Untitled Document</title>
    <script src="SpryAssets/SpryData.js" type="text/javascript"></script>
    <script src="SpryAssets/SpryHTMLDataSet.js" type="text/javascript"></script>
    <script src="SpryAssets/SpryPagedView .js"></script>
    <link href="SpryAssets/SpryMasterDetail.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript">
    <!--
    var ds1 = new Spry.Data.HTMLDataSet("table.html", "ds1", {sortOnLoad: "Name", sortOrderOnLoad: "ascending"});
    ds1.setColumnType("Phone", "number");
    var pv1 = new Spry.Data.PagedView( ds1 ,{pageSize: 10});
    //-->
    </script>
    </head>
    <body>
    <input type="button" value="First" onclick="pv1.firstPage();" />
    <input type="button" value="Prev" onclick="pv1.previousPage();" />
    <input type="button" value="Next" onclick="pv1.nextPage();" />
    <input type="button" value="Last" onclick="pv1.lastPage();" /
    <div class="MasterDetail">
      <div spry:region="ds1" class="MasterContainer">
        <div class="MasterColumn" spry:repeat="ds1" spry:setrow="ds1" spry:hover="MasterColumnHover" spry:select="MasterColumnSelected">{Name}</div>
      </div>
      <div spry:detailregion="ds1" class="DetailContainer">
         <div class="DetailColumn">{Name}</div>
        <div class="DetailColumn">{Product}</div>
        <div class="DetailColumn">{Contact}</div>
        <div class="DetailColumn">{Phone}</div>
      </div>
      <br style="clear:both" />
    </div>
    <input type="button" value="First" onclick="pv1.firstPage();" />
    <input type="button" value="Prev" onclick="pv1.previousPage();" />
    <input type="button" value="Next" onclick="pv1.nextPage();" />
    <input type="button" value="Last" onclick="pv1.lastPage();" /
    </body>
    </html>

    Your region needs to refer to the pageview, not the dataset.  Your paged view var is already looking at/pulling in the ds.
    I would change the following code:
    <div spry:detailregion="ds1" class="DetailContainer">
         <div class="DetailColumn">{Name}</div>
        <div class="DetailColumn">{Product}</div>
        <div class="DetailColumn">{Contact}</div>
        <div class="DetailColumn">{Phone}</div>
      </div>
    to read the following:
    <div spry:region="pv1">
    <table>
    <tr spry:repeat="pv1">
    <td>{Name}</td>
    <td>{Product}</td>
    <td>{Contact}</td>
    <td>{Phone}</td>
    </tr>
    </table>
    Regards,
    Michael

  • Using alternate rows with Spry Data Set

    Can anyone provide more information on how to implement alternate row colors with a Spry Data Set?  What I have done is:
    Create spry data set using HTML page as the data set
    The html page that displays the data set is:  <div spry:region="equipment">
    In the default.css page that is linked, I added the info in note #1 below
    When the page displays, no colors appear. Tried changing the colors and still no luck.  Is there another step to do?
    Note #1:
    within the default.css, the following are declared:
    #equipment odd {
    background-color: #CCC;
    #equipment even {
    background-color: “#F2F2F2;
    Note #2:
    Here is a link to see the actual pages referenced above.
    Any ideas? Getting frustrated!!  Thanks in advance for any advice.

    You are going to kick yourself, but, you haven't assigned any page element the ID #equipment. The region is called that but the table or the DIV does not have an idea and your selector matches nothing...

  • How to create a category/sucategory list with spry data

    I am trying to create a a menu list that looks like this using spry:
    Category Name
    subcategory1
    subcategory2
    subcategory3
    my mysql query is:
    SELECT myp_category_cat.idmnu_cat, myp_category_cat.category_cat, myp_subcat_sct.subcat_sct, myp_subcat_sct.id_sct FROM (myp_category_cat LEFT JOIN myp_subcat_sct ON myp_subcat_sct.idcat_sct=myp_category_cat.id_cat) WHERE myp_category_cat.idmnu_cat=1
    i have ben trying to use xpath filtering but i am getting an error. My datasets look like this:
    var dsCategories = new Spry.Data.XMLDataSet("myincludes/categories.php", "export/row/category", {sortOnLoad: "category", sortOrderOnLoad: "ascending", distinctOnLoad: true});
    var dsList = new Spry.Data.XMLDataSet("myincludes/categories.php", "export/row/subcat");
    now i try to combine like this but getting error:
    <div spry:region="dsCategories" class="SpotlightAndStacked">
      <div spry:repeat="dsCategories dsList" class="SpotlightAndStackedRow">
        <div class="SpotlightContainer">
          <div class="SpotlightColumn"> {category} {subcat} </div>
        </div>
        <br style="clear:both; line-height: 0px" />
      </div>
    </div>
    i am now getting a failed to retrieve dataset. Both dataset work perfectly when not combined.

    You have to declare all your SPRY Datasets in the region:
    div spry:region="dsCategories dsList" class="SpotlightAndStacked">
    Kevin

  • How do I display a hyperlink in a Spry data set from static xml?

    I have a page that should display files available for clients to open and save.  The xml works because all info displays, but I get no link. I've tried putting the <a href></a> tag in, but get an 'undefined' .  The current iteration gives me the title, but no link except in Opera where I still get undefined.  What am I missing here?  Here is the XML line in question:
    <doc value="docs/MCB_Landfill_II_75_dwgs.pdf">Dwgs</doc>
    This worked in another site, but that used xsd and xml docs rather than the spry dataset. Active link below.
    Mille Grazie,
    Karl
    http://bamforth.com/project_docs.htm

    Never Mind.  HTML & XML 101.  I put the <a href> tag in the html doc and not the xml.  I DID have to add an additional line to separate the name from the file name, but who cares.
    See ya, ya'll.
    Karl

  • Need Help with Spry Data Sets

    Reference: Converting Database Queries to XML
    Reference Link:
    Labs
    Example
    I have converted various database queries (i.e.standard
    queries and JOINED Tables) to XML however as I filter the DB Query
    to pass/receive a URL Parameter from (i.e projectsID = projectsID
    (URL Param) so that I can click on one record from one
    category_detail page and view the details of that record on the
    product_detail page, XML does not seem to accept that because when
    I go to product_detail page to create dsProject (dataset), the
    schema only shows <row> and not the columns from the MySQL
    database.
    Why is that and is there a way to pass a URL Parameter from
    one page to the next and have XML recognize that?

    Kev,
    Where exactly does the .evalScripts = true; text need to go?
    Does it go in the href call?
    <a href="ManageNotes.asp" title="Manage Notes" onClick="this.blur();
    Modalbox.show(this.href, {title: 'Manage Notes', width: 575}); return false;">View your notes.</a>
    Thanks for any assistance.
    J Bishop

  • Working with spry data sets

    Hi,
    I have page that uses a spry data set called 'dsSupport',
    however i do not want to use a table to select the item in the list
    i am instead using a spry select box:
    <div spry:region="dsSupport">
    <h1>Step1: Select your product:</h1>
    <form id="form1" name="form1" method="post" action="">
    <p><strong>Choose from a
    list:</strong><br />
    <span id="spryselect1">
    <label>
    <select name="prodlist" id="prodlist">
    <option spry:repeat="dsSupport" spry:setrow="dsSupport"
    value="{model}">{name}</option>
    </select>
    </label>
    <span class="selectRequiredMsg">Please select an
    item.</span>
    </span>
    </p>
    </form>
    </div>
    This is connected to a spry detail region so i can pull up
    more details from the data set, but when i change the option in the
    select box nothing happens. Is this possible? If so can anyone
    help!
    If i drop a spry table in to the div tag as well i can select
    the items in there and the detail region does change so i know its
    linked ok and all the table items are showing in the select box, i
    just cannot get it to change when i select something different in
    the select box!

    fixed it using:
    <select spry:repeatchildren="dsSupport"
    spry:choose="choose" name="prodlist"
    onChange="dsSupport.setCurrentRow(this.selectedIndex);">
    <option spry:when="{ds_RowNumber} ==
    {ds_CurrentRowNumber}" selected="selected">{name}</option>
    <option spry:default="default">{name}</option>
    </select>

  • How can I add more than one same spry menu (eg. collapsible menu)  with in different styles (font size, color, background, etc) on current page?

    How can I add more than one same spry menu (eg. collapsible menu)  with in different styles (font size, color, background, etc) on current page?

    Hi Nancy,
    This screenshot was only for imagination. A part of the code (not all) is below.  In the code there are some background images but they are not seem in live mode.
    <!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></title>
    <link href="css/my_site.css" rel="stylesheet" type="text/css" />
    <link href="SpryAssets/SpryTabbedPanels.css" rel="stylesheet" type="text/css"/>
    <link href="SpryAssets/SpryCollapsiblePanel.css" rel="stylesheet" type="text/css" />
    <script src="SpryAssets/SpryTabbedPanels.js" type="text/javascript"></script>
    <script src="SpryAssets/SpryCollapsiblePanel.js" type="text/javascript"></script>
    <style>
    #CollapsiblePanel1 .CollapsiblePanelOpen .CollapsiblePanelTab {
        background-color: #003366;
        font-size: 18px;
        line-height: 52px;
        color: #FFF;
    #CollapsiblePanel1 .CollapsiblePanelTabHover .CollapsiblePanelTab {
        background-color: #003366;
        color: #FFF;
        text-shadow: 1px 1px #000;
        font-weight: bold;
        line-height: 52px;
    #CollapsiblePanel1 .CollapsiblePanelClosed .CollapsiblePanelTab  {
        background-color: #C3CFDF;
        border-radius: 5px 5px 0px 0px;
        color: #999
        text-shadow: 1px 1px #000;
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size: 18px;
        font-weight: bold;
        line-height: 52px;
    #CollapsiblePanel2 .CollapsiblePanelOpen .CollapsiblePanelTab {
        background-image: url(images/international.jpg);
        background-repeat: no-repeat;
        font-size: 18px;
        line-height: 52px;
        color: #FFF;
    #CollapsiblePanel2 .CollapsiblePanelTabHover .CollapsiblePanelTab {
        background-color: #003366;
        color: #FFF;
        text-shadow: 1px 1px #000;
        font-weight: bold;
        background-image: url(images/TR_Col-WEB.png);
        background-repeat: no-repeat;
        line-height: 52px;
    #CollapsiblePanel2 .CollapsiblePanelClosed .CollapsiblePanelTab  {
        background-color: #C3CFDF;
        border-radius: 5px 5px 0px 0px;
        color: #999
        text-shadow: 1px 1px #000;
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size: 18px;
        font-weight: bold;
        background-image: url(images/TR_Gray2-WEB.png);
        background-repeat: no-repeat;
        line-height: 52px;
    #CollapsiblePanel2 .CollapsiblePanelContent {
        background-color: blue;
    #CollapsiblePanel3 .CollapsiblePanelOpen .CollapsiblePanelTab {
        background-image: url(images/TR_Col-WEB.png);
        background-repeat: no-repeat;
        font-size: 18px;
        line-height: 52px;
        color: #FFF;
    #CollapsiblePanel3 .CollapsiblePanelTabHover .CollapsiblePanelTab {
        background-color: #003366;
        color: #FFF;
        text-shadow: 1px 1px #000;
        font-weight: bold;
        background-image: url(images/TR_Col-WEB.png);
        background-repeat: no-repeat;
        line-height: 52px;
    #CollapsiblePanel3 .CollapsiblePanelClosed .CollapsiblePanelTab  {
        background-color: #C3CFDF;
        border-radius: 5px 5px 0px 0px;
        color: #999
        text-shadow: 1px 1px #000;
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size: 18px;
        font-weight: bold;
        background-image: url(images/TR_Gray2-WEB.png);
        background-repeat: no-repeat;
        line-height: 52px;
    #CollapsiblePanel4 .CollapsiblePanelOpen .CollapsiblePanelTab {
        background-image: url(images/TR_Col-WEB.png);
        background-repeat: no-repeat;
        font-size: 18px;
        line-height: 52px;
        color: #FFF;
    #CollapsiblePanel4 .CollapsiblePanelTabHover .CollapsiblePanelTab {
        background-color: #003366;
        color: #FFF;
        text-shadow: 1px 1px #000;
        font-weight: bold;
        background-image: url(images/TR_Col-WEB.png);
        background-repeat: no-repeat;
        line-height: 52px;
    #CollapsiblePanel4 .CollapsiblePanelClosed .CollapsiblePanelTab  {
        background-color: #C3CFDF;
        border-radius: 5px 5px 0px 0px;
        color: #999
        text-shadow: 1px 1px #000;
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size: 18px;
        font-weight: bold;
        background-image: url(images/TR_Gray2-WEB.png);
        background-repeat: no-repeat;
        line-height: 52px;
    #CollapsiblePanel5 .CollapsiblePanelOpen .CollapsiblePanelTab {
        background-image: url(images/TR_Col-WEB.png);
        background-repeat: no-repeat;
        font-size: 18px;
        line-height: 52px;
        color: #FFF;
    #CollapsiblePanel5 .CollapsiblePanelTabHover .CollapsiblePanelTab {
        background-color: #003366;
        color: #FFF;
        text-shadow: 1px 1px #000;
        font-weight: bold;
        background-image: url(images/TR_Col-WEB.png);
        background-repeat: no-repeat;
        line-height: 52px;
    #CollapsiblePanel5 .CollapsiblePanelClosed .CollapsiblePanelTab  {
        background-color: #C3CFDF;
        border-radius: 5px 5px 0px 0px;
        color: #999
        text-shadow: 1px 1px #000;
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size: 18px;
        font-weight: bold;
        background-image: url(images/TR_Gray2-WEB.png);
        background-repeat: no-repeat;
        line-height: 52px;
    </style>

  • How can I add an image to a dowload, specialy if I bougth from I tunes?

    Hello
    How can I add an image to a dowload, specialy if I bougth from I tunes?

    That is not quite right. The image must be in a directory that is under the web server's view. JSP has nothing to do with images, the browser loads images separately after parsing the HTML results to find out what images it has to load. The images must be in a place that is servable by the web server being used.
    If you were just using Tomcat as a web server, then you would have a web application directory "myapp". The images need to go under "myapp" or in any subdirectory, except the WEB-INF directory, which is a special case.

  • How do I add an image specified by a URL to an application?

    I am building a Java FAQ page for my college and I am stumped by this question: How do I add an image specified by a URL to an application?
    I am trying to do something like this:
    try {
    ImageIcon logoImage = new ImageIcon(new URL("http://www.gcodes.net/tutor/javafaq/Java%201130%20FAQ/images/comments.png"));
    } //end try
    catch(MalformedURLException e) {
    }//end catch
    //add image to JLabel
    topLogoHolder.setIcon(logoImage);I've looked through my Java textbooks and done many google searches. Please help.
    -Matt

    Are you having problems with logoImage being undefined?
    Because, as you have it, logoImage only exists within the 'try' block.
    Either call topLogoHolder.setIcon(logoImage) within the 'try' block, or declare the logoImage outside the 'try' block and set it within the 'try' block.
    I'd say you might as well call setIcon within the 'try' block, if you don't need the logoImage value elsewhere. Because, if you get that exception that you are catching, your ImageIcon won't be initialized right, anyway.

  • How do you add an image in the signature

    Hi,
    How do you add an image to the signature area.
    The Insert/edit image is not available when in My Settings | Personnel Info | Signature
    Regards
    Ray Farmer

    You need to link the image.  See the example for the Canada flag below.
    <img src="http://forums.ni.com/ni/attachments/ni/130/6908/1/Canada-small.PNG" border=0>
    Replace with the image you like.  This goes into the signature box within the profile tab of the personal settings.
    RayR

  • How can you add an image in Mail without being an attachment?

    How can you add an image in Mail without being an attachment?
    In otherwords I'd like to put my logo in the email not as an attachment but as an image.
    Is there a simpel solution to this problem?

    PBN1 wrote:
    How can you add an image in Mail without being an attachment?
    You don't.
    It's not possible. The e-mail protocol is designed for text; anything else has to go as an attachment.
    Different mail clients (such as Mail.app, the mail client bundled with Mac OS X) may have different ways of handling such attachments, but they are still attachments. Each mail client has its own rules and methods, so one may display a picture as if it were in the body of the message, but another client may do something completely different.
    A way of faking it is to format your message in HTML (which is a kind of text). The image is hosted on a remote server, not added to the message; instead, you include a link to it in the body of the message, as you would when building a web page. (This is also what the two tips helpfully provided by X423424X do, except that the link to the image is added in the signature, rather than the body of the message.) What exactly happens to it is, again, at the discretion of the mail client. In my case, for instance, displaying images in HTML messages is turned off, and will stay resolutely off.

  • How do you add the motion path of a tracking point to a separate clone stamp?

    How do you add the motion path of a tracking point to a clone stamp without the clone stamp assuming the same initial/continuous positions of the tracking point?
    Is there a way to keep the clone stamp's initial position and then add the path onto it?
    I am using the clone stamp to remove unwanted duct tape that was used to keep lights on a wall.

    I have spent two days trying to find a solution to this exact same problem. I have seen some overly complex solutions that probably work but trying to figure out the explanations is like trying to understand someone describe drag coefficients of rotary wing aircraft. While I am sure they work, they are way above my comprehension. I wanted an intuitive and straight forward solution for something that shouldn't require some arcane technique to fix.
    What I did:
    1) I used the Clone Stamp tool to paint over the spot on the wall I wanted to remove.
    2) picked a more easily discernible point of reference for Tracking. In my case, I used a poster on the wall.
    3) As per the instructions here, https://www.video2brain.com/en/lessons/removing-an-object-with-clone-stamp, I pasted the Attach Point data from the Tracker into Clone -> Transform - > Position 
    However, that didn't work for me as the object I was painting was not the object I was tracking. The solution from the video was simply moving my cloned spot to the tracked object instead of leaving it where I wanted it. So...
    4)  I then manually adjusted the Anchor Point of the Clone back to the original spot I wanted to cover.
    I played footage and the cloned region successfully moved with the spot I was covering.
    This is what I was able to figure out. I'm not an advanced user. I only use After Effects every couple of months when I need to fix minor things in footage, so I've only learned to use what techniques I need for the job at hand. No doubt, experienced users may shake their heads at my simplistic fix. I'm sure my technique would be wholly inadequate for situations far more complex than fixing spots on a gray wall, which is why my eyeballs cross when reading suggestions that seem way more involved than one would expect for something as seemingly minor as this. It's just a spot! It should be super easy to remove, right? Well, that's what I was looking for and that's what I came up with. I hope it helps.

  • How do I add URI web link with custom tooltip like "CLICK HERE TO UPDATE" instead of URI web link in tooltip.

    How do I add URI web link with custom tooltip like "CLICK HERE TO UPDATE" instead of URI web link in tooltip.

    You've probably found an answer to this by now, but I think this has been addressed in another forum -- The link below suggested using a button and adding the tooltip to the button. 
    https://forums.adobe.com/thread/304974?start=0&tstart=0
    Sounds like it would work but I haven't actually tried it. 
    Good luck~!

  • How do I add an Airport Extreme with Time Capsule to an existing non-Apple network?

    How do I add an Airport Extreme with Time Capsule to an existing non-Apple network?  I have an ISP provided wireless Router that has to remain as the base station.  I am able to join my 1/2TB Airport Extreme and Airport Express to the network, but I can't access/use Time Machine.

    One option would be to connect the Time Capsule (TC) to the ISP-provided wireless router by Ethernet. You can then configure the for a roaming network. Then, depending on what your goal is for the AirPort Express, you can either: 1) Add it to roaming network, 2) Configure the TC & the Express for an "extended" network, or 3) Configure the Express to "join" the roaming network for AirPlay.

Maybe you are looking for

  • Logic won't open, long error message

    Hi Apple Support Community. I am running Logic version 9.1.7 on OS X 10.6.8 on an iMac with a 2GHz Intel Core 2 Duo processor with 2.5 GB 667MHz DDR2 SDRAM. For reasons I cannot understand my Logic version will not open. When the application shortcut

  • Rich Client ioser12.dll error

    Hi I am looking for a bit of help on setting up a rich client on Win2000 with JDK1.3.1. I have followed the steps in chp 9 of the Java Prog Guide, but get the "Error! The shared library ioser12.dll could not be found" problem listed on page 213 of th

  • Problema - after Effects CC ... NVIDIA ge force GT 740m      Windows pro  8.1 64 bit

    Buenas!!!! Tengo problemas con after fx cc - nada aparece en la ventana de ´´composition¨ ??? Tengo el mismo problema con Premiere también. Debo descargar el driver más reciente de NVIDIA ? Si alguien puede ayudarme estaría muy feliz, me está volvien

  • Permission change after reinstalling leopard

    Because my computer froze totally, I had to reinstall the system. Doing so, all the disks except the start up one had their permissions changed and a little lock appeared on their icon. So far, I cannot copy anything on any disk. The system says that

  • Analytical Workspace Manager Script

    I am using AWM to build and maintain my OLAP cube. Up until now, I've been maintaining the cube by hand (via the maintenance wizard). I'd like to set automatically maintain my cube every night. I used the maintenance wizard to automatically create a