Making Spry data set content clickable

I am just getting started with CS4 & Spry data sets. I have it working pretty well. Now i want to know if I can wrap the results of a column in html?
One column of my test page lists a members web address like: "www.abc.com"
Can I get Spry to wrap everything in the column with "http://" so the URL is clickable? Same thing for an email address. Wrap contents in "mailto:"
Thanks

Sure. You would have something like:
<a href="http://{sprydataref}" >{sprydataref}</a>

Similar Messages

Show a loading bar while spry data set content loads

Is there a way to do this? I'm using spry to read an RSS feed from a blog, and it works fine, but sometimes can be a bit slow, so, I'd like to let the end-user know that the content is coming, it's just loading.
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" xmlns:spry="http://ns.adobe.com/spry">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Filter XPath with URL Parameters</title>
<script src="xpath.js" type="text/javascript"></script>
<script src="SpryData.js" type="text/javascript"></script>
<script src="SpryEffects.js" type="text/javascript"></script>
<script src="SpryDOMUtils.js" type="text/javascript"></script>
<script src="SpryWidgetProgressBar.js" type="text/javascript"></script>
<script type="text/javascript">

</script>
<style type="text/css">
.progress {
          position:fixed;
          background:#FFF;
          right:10px;
          bottom:10px;
          border:1px solid #ccc;
          padding:2px;
          width:550px;
          .progress .bar {
               display:block;
               background-color:#093;
               height:30px;
               width:100%;
</style>
</head>
<body>
<div spry:region="ds1">
<table>
    <tr>
      <th>Lastname</th>
      <th>Firstname</th>
      <th>Phone</th>
      <th>Username</th>
      <th>@id</th>
    </tr>
    <tr spry:repeat="ds1">
      <td>{lastname}</td>
      <td>{firstname}</td>
      <td>{phone}</td>
      <td>{username}</td>
      <td>{@id}</td>
    </tr>
</table>
</div>
<div class="progress">
     <b><span id="progress_counter">0</span>% loaded</b>
     <div class="bar"><span></span></div>
</div>
<script type="text/javascript">
     var progres = new Spry.Widget.ProgressBar( "#meter" );
     // sets increase the progress bar 90% over a duration of 20 seconds
     progres.add("90%", 20000 );
</script>
</body>
</html>
Above you see a example implementation. Using datasets.
The scripts requires:
SpryEffects.js
SpryDOMUtils.js
SpryData.js
To be loaded in advance. For a complete API and observer coverage see http://go.spry-it.com/progressbar. It has the same API and methods and functionality except!! the hide and show fades have been removed in the Spry 1.6.1 version. It just hides the elements using display:none and display:block;
As for browser compatibility.. Tested on IE 6 / 7 /8 and 9 platform preview, Safari 3 - 4, Firefox 3,0 - 3.6, Opera 9.6 - Opera 10.5.
The file: http://dl.dropbox.com/u/1381492/Spry/SpryWidgetProgressBar.js
If you don't have SpryDOMUtils.js, SpryEffects.js you can get them from the complete Spry package at: http://labs.adobe.com/technologies/spry/
Hopes this helps !

How to link within a spry data set?

Hi everybody,
I am working with DW CS4 and want to know how to insert a link to another html site within the Spry data set. All I am archieving at the moment is to write the hyperlink-addy as plain text on my website.
I have this kind of structure in my data set:
<example>
    <screenshot>Pics/examples/SRB.jpg</screenshot>
    <name>Sounddesign Radio SRB</name>
    <sort>Music production</sort>
    <link> ??? </link>
</example>
Thanks a lot for your help!
Cheers,
El Teaso

Hi,
thanks for taking the time to haul through the Code I produced!
Although the website isn't launched yet, you can have a look at the site on this online "test-site": http://www.media-powerplant.de/media-powerplant-referenzen.html (on the left side you'll find the Spry-master region and on the left-hand side there is the Detail-region which should include the hyperlink)
Here is the HTML-Code for the site: (the green text is the part with the embedded Spry data set that works and the red line is the part which is not working)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.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" />
<meta name="description" content="Ihr Partner für Musik- und Videoproduktionen, Webdesign, Internet, Flash, Podcasts und Grafikdesign" />
<meta name="keywords" content="gemafreie musik,lizenzfrei,lizenzfreie musik, royalty free, filmmusik,hintergrundmusik, werbespot,trailer, jingles, loops, Werbemusik, Mastering, Scoremusik, Filmproduktion,Videoproduktion,Computeranimation,Postproduktion,Filmagentur,3D Visualisierung,3D Animation,Filme,Video,Film Produktion,Grafik Design,Imagefilm,Werbefilm,Werbefilme,Werbefilmproduktion, Webdesign, Webspace ,Webhosting, Web-Design , Web, Domainregistrierung, Internetdesign, Internet, Provider, HTML, Web-Space, Design, Webdesign München, Grafikdesign, kreative, innovative, Homepage, Suchmaschinenoptimierung, Michael Peh, Michi Peh, Matthias Damoser, media powerplant, media-powerplant, München"/>
<title>media powerplant *** Musikproduktion / Videoproduktion / Webdesign ***</title>
<meta name="author" content="[email protected]">
<meta name="copyright" content="Webdesign: Matthias Damoser / media powerplant">
<meta name="Content-Language" content="de">
<meta name="robots" content="INDEX,FOLLOW">
<meta name="revisit-after" content="7 days">
<link rel="SHORTCUT ICON" href="http://www.media-powerplant.de/favicon.ico">
<link href="mppLayout.css" rel="stylesheet" type="text/css" />

<script src="SpryAssets/xpath.js" type="text/javascript"></script>
<script src="SpryAssets/SpryData.js" type="text/javascript"></script>
<script type="text/javascript">

</script>
<link href="SpryAssets/SpryMasterDetail.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="hauptfenster">
<div id="content">
<div id="mitte">
    <div id="header">
      <h1>media powerplant</h1>
    </div>
    <div id="mainnavi">
      <div class="menuHome" onclick=MM_goToURL('parent','media-powerplant-home.html');return document.MM_returnValue document.MM_returnValue></div>
      <div class="menuMusik" onclick=MM_goToURL('parent','media-powerplant-musikproduktion.html');return document.MM_returnValue></div>
      <div class="menuVideo" onclick="MM_goToURL('parent','media-powerplant-videoproduktion.html');return document.MM_returnValue"></div>
      <div class="menuWeb" onclick=MM_goToURL('parent','media-powerplant-webdesign.html') document.MM_returnValue></div>
      <div class="menuReferenzen" onclick="MM_goToURL('parent','media-powerplant-referenzen.html');return document.MM_returnValue"></div>
      <div class="menuAbout" onclick=MM_goToURL('parent','media-powerplant-about.html') document.MM_returnValue></div>
      <div class="menuKontakt" onclick="MM_goToURL('parent','media-powerplant-kontakt.html');return document.MM_returnValue"></div>
      <div class="menuImpressum" onclick="MM_goToURL('parent','media-powerplant-impressum.html');return document.MM_returnValue"></div>
    </div>
    <div id="inhalt">
    <h2><span class="mpp">media powerplant</span> <span class="bereich">Referenzen</span></h2>
      <h2 class="unterüberschrift">Hier finden Sie einen Überblick und einige interessante Details über unsere letzten Projekte</h2>
      <p> </p>
      <div id="musikproduktion">
        <div id="musikprojekte">
          <div id="projektescroll">
            <div spry:region="dsreferenzen">
              <table id="referenzTable">
                <tr spry:repeat="dsreferenzen" spry:hover="rowHoverRef" spry:select="rowSelectRef" spry:setrow="dsreferenzen">
                  <td><img src="{screenshot}" alt="{name}" width="140" height="93" class="screenshot"></td>
                  <td><span class="kategorie">{kategorie}</span><br>
                    <span class="name">{name}</span></td>
                </tr>
              </table>
            </div>
          </div>
        </div>
        <div spry:detailregion="dsreferenzen">
          <div id="musikmainRef">
            <h2> </h2>
<p> </p>
            <div id="projektbeschreibung">
              <p class="beschreibung">{beschreibung}</p>
              <p class="aufgabenfeld">{dsreferenzen::aufgabenfeld}</p>
              <p class="aufgabenbilder">
              <img src="{bild1}" width="90" height="77" class="bild"><img src="{bild2}" width="90" height="77" class="bild"><img src="{bild3}" width="90" height="77" class="bild"><img src="{bild4}" width="90" height="77" class="bild"> </p>
              <p class="reflink">{dsreferenzen::a/@href}</p>
            </div>
          </div>
       </div>
      </div>
        <div class="copyrightref">Copyright © 2009 media powerplant | Alle Rechte vorbehalten | <a href="media-powerplant-impressum.html">Impressum</a> | <a href="media-powerplant-kontakt.html">Kontakt</a> | </div>
    </div>
</div>
</div>
</div>
</body>
</html>
Okay, and here is the XML code: (the red line shows the the code, that should be shown as a link, but isn't working)
<?xml version="1.0" encoding="UTF-8"?>
<referenz>
<beispiel>
    <screenshot>Bilder/Projektbilder/SRB.jpg</screenshot>
    <name>Sounddesign Radio SRB</name>
    <kategorie>Musikproduktion</kategorie>
    <beschreibung>Media powerplant produzierte das gesamte Sounddesign für den regionalen Radiosender SRB. Dabei wurden hauptsächlich Musikbetten und Radiojingles produziert.</beschreibung>
    <aufgabenfeld>Aufgabenbereich: * Sounddesign * Musikkomposition * Musikproduktion</aufgabenfeld>
    <bild1>Bilder/Projektbilder/waves.jpg</bild1>
    <bild2>Bilder/Projektbilder/peakmeter.jpg</bild2>
    <bild3>Bilder/Projektbilder/mixpult.jpg</bild3>
    <bild4>Bilder/Projektbilder/mics.jpg</bild4>
          <a target="_blank" href="http://www.google.de">www.weblink.de</a>
</beispiel>
<beispiel>
    <screenshot>Bilder/Projektbilder/Logo_earthTV.jpg</screenshot>
    <name>EarthTV Musik</name>
    <kategorie>Musikproduktion</kategorie>
    <beschreibung>Komposition und Produktion des Stückes "Steil" im Auftrag von EarthTV für deren Sendeformat bei Sevenload.</beschreibung>
    <aufgabenfeld>Aufgabenbereich:* Musikkompostion * Musikproduktion</aufgabenfeld>
    <bild1>Bilder/Projektbilder/peakmeter.jpg</bild1>
    <bild2>Bilder/Projektbilder/headphones.jpg</bild2>
    <bild3>Bilder/Projektbilder/keyboard.jpg</bild3>
    <bild4>Bilder/Projektbilder/mic.jpg</bild4>
    <a target="_blank" href="http://www.gmx.de">www.weblink2.de</a>
</beispiel>
</referenz>
(this shows only the first two entries)
Then, I also attached some screenshots of the Spry-Wizard. You can see, that it splits the line with the link in three seperate items.

Spry data sets

I'm having trouble getting the Spry data set to display in my
local testing environment. Can someone glance at my code and give
me some tips? I have the XML file in the same folder as the HTML
page.
<!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=ISO-8859-1" />
<title>Croxton Gray Commercial Properties, Greenville,
SC - Search Company Listings</title>
<link href="../css/master.css" rel="stylesheet"
type="text/css" />
<script type="text/javascript"
src="../includes/xpath.js"></script>
<script type="text/javascript"
src="../includes/SpryData.js"></script>
<script type="text/javascript">
var dsListings = Spry.Data.XMLDataSet("listings.xml",
"listings/property");
</script>
</head>
<body id="listings">
<div id="wrapper">
<div class="padding10">
<?php include('../php/header.php'); ?>
<p class="date"><?php
echo date('l, F jS, Y');
?></p>
<div id="contentWrapper">
<div id="contentInner">
<div id="contentColumn" spry:region="dsListings">
<table width="100%" border="0" cellspacing="0">
<tr>
<th>Property</th>
<th>Price</th>
<th>Availability</th>
</tr>
<tr spry:repeat="dsListings"
onclick="ds.Listings.setCurrentRow('{ds_RowID}')">
<td>{name}</td>
<td>{price}</td>
<td>{availability}</td>
</tr>
</table>
</div>
<div id="rightColumn" spry:detailregion="dsListings">
<h2>{name}</h2>
<p>{description}</p>
<p align="center"><img
src="assets/{img}"/></p>
<p><strong>Call</strong>: {contact}
</p>
</div>
</div>
</div>
Here's the sample XML file I'm testing with. Again, it's
located in the same folder as the HTML page.
<?xml version="1.0" encoding="ISO-8859-1"?>
<listings>
<property>
<name>100 South Main</name>
<price>$100,000</price>
<availability>for sale</availability>
<image>asset_images/sunset.jpg</image>
<description>This is a short description of the
property.</description>
</property>
<property>
<name>100 South Main</name>
<price>$100,000</price>
<availability>for sale</availability>
<image>asset_images/sunset.jpg</image>
<description>This is a short description of the
property.</description>
</property>
<property>
<name>100 South Main</name>
<price>$100,000</price>
<availability>for sale</availability>
<image>asset_images/sunset.jpg</image>
<description>This is a short description of the
property.</description>
</property>
<property>
<name>100 South Main</name>
<price>$100,000</price>
<availability>for sale</availability>
<image>asset_images/sunset.jpg</image>
<description>This is a short description of the
property.</description>
</property>
</listings>
Thanks to whomever takes the time. I really appreciate the
extra set of eyes and any tips!

With those 2 changes I mentioned above ... and the fact that
I had to fix the markup because there were missing end tags, which
I was assuming was just a copy paste problem ... it all worked fine
for me. Of course I made sure the includes I used were in the
correct place.
After re-reading your original message above, you never
really mentioned what you are seeing in the browser. Are there any
errors being thrown? Are you seeing data references instead of
values? If you are in need of help, we could diagnose things much
faster if you had an URL we could take a peek at.
Also what platform and browser are you using?
Did you try loading the XML file directly in to your browser
like ZeusChicago suggested? That would instantly tell you if your
server was serving your XML up with the correct content-type or
not.
--== Kin ==--

Spry Data Sets and IE8

Hi, I Currently have a glossary using the Spry Tabbed Panels with Spry Data Sets embedded in each tab. I had it working great in pre IE8.
Once we upgraded to IE8 it just wont load or display the data sets in the tabs. Below is the page code. (I used the JS straight from the Spry Framework no alterations, except in the CSS files). Any help would be great =).
<!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=iso-8859-1" />

<title>Glossary</title>

<script src="/composition/SpryAssets/xpath.js" type="text/javascript"></script>
<script src="/composition/composition002/profile_processes/SpryAssets/SpryTabbedPanels.js" type="text/javascript"></script>
<script src="/composition/SpryAssets/SpryData.js" type="text/javascript"></script>
<link href="/composition/composition002/profile_processes/SpryAssets/SpryTabbedPanels.css" rel="stylesheet" type="text/css" />
<link href="/composition/SpryAssets/SpryStackedContainers.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
var ds1 = new Spry.Data.XMLDataSet("/composition/composition002/profile_processes/profile_glossary/glos sary.xml", "glossary/def/defnum", {sortOnLoad: "word", sortOrderOnLoad: "ascending"});
var ds2 = new Spry.Data.XMLDataSet("/composition/composition002/profile_processes/profile_glossary/glos sary.xml", "glossary/def/defa", {sortOnLoad: "word", sortOrderOnLoad: "ascending"});
var ds3 = new Spry.Data.XMLDataSet("/composition/composition002/profile_processes/profile_glossary/glos sary.xml", "glossary/def/defb", {sortOnLoad: "word", sortOrderOnLoad: "ascending"});
var ds4 = new Spry.Data.XMLDataSet("/composition/composition002/profile_processes/profile_glossary/glos sary.xml", "glossary/def/defc", {sortOnLoad: "word", sortOrderOnLoad: "ascending"});
var ds5 = new Spry.Data.XMLDataSet("/composition/composition002/profile_processes/profile_glossary/glos sary.xml", "glossary/def/defd", {sortOnLoad: "word", sortOrderOnLoad: "ascending"});
var ds6 = new Spry.Data.XMLDataSet("/composition/composition002/profile_processes/profile_glossary/glos sary.xml", "glossary/def/defe", {sortOnLoad: "word", sortOrderOnLoad: "ascending"});
var ds7 = new Spry.Data.XMLDataSet("/composition/composition002/profile_processes/profile_glossary/glos sary.xml", "glossary/def/deff", {sortOnLoad: "word", sortOrderOnLoad: "ascending"});
var ds8 = new Spry.Data.XMLDataSet("/composition/composition002/profile_processes/profile_glossary/glos sary.xml", "glossary/def/defg", {sortOnLoad: "word", sortOrderOnLoad: "ascending"});
var ds9 = new Spry.Data.XMLDataSet("/composition/composition002/profile_processes/profile_glossary/glos sary.xml", "glossary/def/defh", {sortOnLoad: "word", sortOrderOnLoad: "ascending"});
var ds10 = new Spry.Data.XMLDataSet("/composition/composition002/profile_processes/profile_glossary/glos sary.xml", "glossary/def/defi", {sortOnLoad: "word", sortOrderOnLoad: "ascending"});
var ds11 = new Spry.Data.XMLDataSet("/composition/composition002/profile_processes/profile_glossary/glos sary.xml", "glossary/def/defj", {sortOnLoad: "word", sortOrderOnLoad: "ascending"});
var ds12 = new Spry.Data.XMLDataSet("/composition/composition002/profile_processes/profile_glossary/glos sary.xml", "glossary/def/defk", {sortOnLoad: "word", sortOrderOnLoad: "ascending"});
var ds13 = new Spry.Data.XMLDataSet("/composition/composition002/profile_processes/profile_glossary/glos sary.xml", "glossary/def/defl", {sortOnLoad: "word", sortOrderOnLoad: "ascending"});
var ds14 = new Spry.Data.XMLDataSet("/composition/composition002/profile_processes/profile_glossary/glos sary.xml", "glossary/def/defm", {sortOnLoad: "word", sortOrderOnLoad: "ascending"});
var ds15 = new Spry.Data.XMLDataSet("/composition/composition002/profile_processes/profile_glossary/glos sary.xml", "glossary/def/defn", {sortOnLoad: "word", sortOrderOnLoad: "ascending"});
var ds16 = new Spry.Data.XMLDataSet("/composition/composition002/profile_processes/profile_glossary/glos sary.xml", "glossary/def/defo", {sortOnLoad: "word", sortOrderOnLoad: "ascending"});
var ds17 = new Spry.Data.XMLDataSet("/composition/composition002/profile_processes/profile_glossary/glos sary.xml", "glossary/def/defp", {sortOnLoad: "word", sortOrderOnLoad: "ascending"});
var ds18 = new Spry.Data.XMLDataSet("/composition/composition002/profile_processes/profile_glossary/glos sary.xml", "glossary/def/defq", {sortOnLoad: "word", sortOrderOnLoad: "ascending"});
var ds19 = new Spry.Data.XMLDataSet("/composition/composition002/profile_processes/profile_glossary/glos sary.xml", "glossary/def/defr", {sortOnLoad: "word", sortOrderOnLoad: "ascending"});
var ds20 = new Spry.Data.XMLDataSet("/composition/composition002/profile_processes/profile_glossary/glos sary.xml", "glossary/def/defs", {sortOnLoad: "word", sortOrderOnLoad: "ascending"});
var ds21 = new Spry.Data.XMLDataSet("/composition/composition002/profile_processes/profile_glossary/glos sary.xml", "glossary/def/deft", {sortOnLoad: "word", sortOrderOnLoad: "ascending"});
var ds22 = new Spry.Data.XMLDataSet("/composition/composition002/profile_processes/profile_glossary/glos sary.xml", "glossary/def/defu", {sortOnLoad: "word", sortOrderOnLoad: "ascending"});
var ds23 = new Spry.Data.XMLDataSet("/composition/composition002/profile_processes/profile_glossary/glos sary.xml", "glossary/def/defv", {sortOnLoad: "word", sortOrderOnLoad: "ascending"});
var ds24 = new Spry.Data.XMLDataSet("/composition/composition002/profile_processes/profile_glossary/glos sary.xml", "glossary/def/defw", {sortOnLoad: "word", sortOrderOnLoad: "ascending"});
var ds25 = new Spry.Data.XMLDataSet("/composition/composition002/profile_processes/profile_glossary/glos sary.xml", "glossary/def/defx", {sortOnLoad: "word", sortOrderOnLoad: "ascending"});
var ds26 = new Spry.Data.XMLDataSet("/composition/composition002/profile_processes/profile_glossary/glos sary.xml", "glossary/def/defy", {sortOnLoad: "word", sortOrderOnLoad: "ascending"});
var ds27 = new Spry.Data.XMLDataSet("/composition/composition002/profile_processes/profile_glossary/glos sary.xml", "glossary/def/defz", {sortOnLoad: "word", sortOrderOnLoad: "ascending"});
</script>

<link href="../../../../composition/css/profile_sp1.css" rel="stylesheet" type="text/css" media="screen" />
<link href="../../../../composition/css/print1.css" rel="stylesheet" type="text/css" media="print" />
</head>
<body>
<div id="top1">
<table width="100%" height="75px" border="0" cellpadding="3" cellspacing="0">
    <tr bgcolor="#000000">
      <th width="6%" height="36" align="left" valign="middle" scope="col"><img src="/composition/composition002/Profile_Processes/graphics/globe2.gif" alt="globe" width="70" height="68" border="0" /></th>
      <th width="94%" align="left" valign="top"><span class="whitebanner">Composition Learning Center</span><br />
                     <span class="whitebanner2"><strong>Learn. Grow. Succeed.</strong></span></th>
    </tr>
</table>
</div>
<div id="Layer4">
<h1 align="center">Glossary</h1>
<div id="TabbedPanels1" class="TabbedPanels">
<ul class="TabbedPanelsTabGroup">
    <li class="TabbedPanelsTab" style="display:none" tabindex="0"></li>
    <li class="TabbedPanelsTab" tabindex="0">A</li>
    <li class="TabbedPanelsTab" tabindex="0">B</li>
    <li class="TabbedPanelsTab" tabindex="0">C</li>
    <li class="TabbedPanelsTab" tabindex="0">D</li>
    <li class="TabbedPanelsTab" tabindex="0">E</li>
    <li class="TabbedPanelsTab" tabindex="0">F</li>
    <li class="TabbedPanelsTab" tabindex="0">G</li>
    <li class="TabbedPanelsTab" tabindex="0">H</li>
    <li class="TabbedPanelsTab" tabindex="0">I</li>
    <li class="TabbedPanelsTab" tabindex="0">J</li>
    <li class="TabbedPanelsTab" tabindex="0">K</li>
    <li class="TabbedPanelsTab" tabindex="0">L</li>
    <li class="TabbedPanelsTab" tabindex="0">M</li>
    <li class="TabbedPanelsTab" tabindex="0">N</li>
    <li class="TabbedPanelsTab" tabindex="0">O</li>
    <li class="TabbedPanelsTab" tabindex="0">P</li>
    <li class="TabbedPanelsTab" tabindex="0">Q</li>
    <li class="TabbedPanelsTab" tabindex="0">R</li>
    <li class="TabbedPanelsTab" tabindex="0">S</li>
    <li class="TabbedPanelsTab" tabindex="0">T</li>
    <li class="TabbedPanelsTab" tabindex="0">U</li>
    <li class="TabbedPanelsTab" tabindex="0">V</li>
    <li class="TabbedPanelsTab" tabindex="0">W</li>
    <li class="TabbedPanelsTab" tabindex="0">X</li>
    <li class="TabbedPanelsTab" tabindex="0">Y</li>
    <li class="TabbedPanelsTab" tabindex="0">Z</li>
    <li class="TabbedPanelsTab" tabindex="0">0 to 9</li>
</ul>
<div class="TabbedPanelsContentGroup">
    <div class="TabbedPanelsContent">
    </div>
    <div class="TabbedPanelsContent">
    <div spry:region="ds2" class="StackedContainers">
        <div spry:repeat="ds2" class="RowContainer"> <div id="w1d" class="RowColumn">{word}</div>
          <span class="RowColumn">{definition}</span>
        </div>
      </div>
    </div>
    <div class="TabbedPanelsContent">
    <div spry:region="ds3" class="StackedContainers">
        <div spry:repeat="ds3" class="RowContainer"> <div id="w1d" class="RowColumn">{word}</div>
          <span class="RowColumn">{definition}</span>
        </div>
      </div>
    </div>
    <div class="TabbedPanelsContent">
    <div spry:region="ds4" class="StackedContainers">
        <div spry:repeat="ds4" class="RowContainer"> <div id="w1d" class="RowColumn">{word}</div>
          <span class="RowColumn">{definition}</span>
        </div>
      </div>
    </div>
    <div class="TabbedPanelsContent">
    <div spry:region="ds5" class="StackedContainers">
        <div spry:repeat="ds5" class="RowContainer"> <div id="w1d" class="RowColumn">{word}</div>
          <span class="RowColumn">{definition}</span>
        </div>
      </div>
    </div>
    <div class="TabbedPanelsContent">
    <div spry:region="ds6" class="StackedContainers">
        <div spry:repeat="ds6" class="RowContainer"> <div id="w1d" class="RowColumn">{word}</div>
          <span class="RowColumn">{definition}</span>
        </div>
      </div>
    </div>
    <div class="TabbedPanelsContent">
    <div spry:region="ds7" class="StackedContainers">
        <div spry:repeat="ds7" class="RowContainer"> <div id="w1d" class="RowColumn">{word}</div>
          <span class="RowColumn">{definition}</span>
        </div>
      </div>
    </div>
    <div class="TabbedPanelsContent">
    <div spry:region="ds8" class="StackedContainers">
        <div spry:repeat="ds8" class="RowContainer"> <div id="w1d" class="RowColumn">{word}</div>
          <span class="RowColumn">{definition}</span>
        </div>
      </div>
    </div>
    <div class="TabbedPanelsContent">
    <div spry:region="ds9" class="StackedContainers">
        <div spry:repeat="ds9" class="RowContainer"> <div id="w1d" class="RowColumn">{word}</div>
          <span class="RowColumn">{definition}</span>
        </div>
      </div>
    </div>
    <div class="TabbedPanelsContent">
    <div spry:region="ds10" class="StackedContainers">
        <div spry:repeat="ds10" class="RowContainer"> <div id="w1d" class="RowColumn">{word}</div>
          <span class="RowColumn">{definition}</span>
        </div>
      </div>
    </div>
    <div class="TabbedPanelsContent">
    <div spry:region="ds11" class="StackedContainers">
        <div spry:repeat="ds11" class="RowContainer"> <div id="w1d" class="RowColumn">{word}</div>
          <span class="RowColumn">{definition}</span>
        </div>
      </div>
    </div>
    <div class="TabbedPanelsContent">
    <div spry:region="ds12" class="StackedContainers">
        <div spry:repeat="ds12" class="RowContainer"> <div id="w1d" class="RowColumn">{word}</div>
          <span class="RowColumn">{definition}</span>
        </div>
      </div>
    </div>
    <div class="TabbedPanelsContent">
    <div spry:region="ds13" class="StackedContainers">
        <div spry:repeat="ds13" class="RowContainer"> <div id="w1d" class="RowColumn">{word}</div>
          <span class="RowColumn">{definition}</span>
        </div>
      </div>
    </div>
    <div class="TabbedPanelsContent">
    <div spry:region="ds14" class="StackedContainers">
        <div spry:repeat="ds14" class="RowContainer"> <div id="w1d" class="RowColumn">{word}</div>
          <span class="RowColumn">{definition}</span>
        </div>
      </div>
    </div>
    <div class="TabbedPanelsContent">
    <div spry:region="ds15" class="StackedContainers">
        <div spry:repeat="ds15" class="RowContainer"> <div id="w1d" class="RowColumn">{word}</div>
          <span class="RowColumn">{definition}</span>
        </div>
      </div>
    </div>
    <div class="TabbedPanelsContent">
    <div spry:region="ds16" class="StackedContainers">
        <div spry:repeat="ds16" class="RowContainer"> <div id="w1d" class="RowColumn">{word}</div>
          <span class="RowColumn">{definition}</span>
        </div>
      </div>
    </div>
    <div class="TabbedPanelsContent">
    <div spry:region="ds17" class="StackedContainers">
        <div spry:repeat="ds17" class="RowContainer"> <div id="w1d" class="RowColumn">{word}</div>
          <span class="RowColumn">{definition}</span>
        </div>
      </div>
    </div>
    <div class="TabbedPanelsContent">
    <div spry:region="ds18" class="StackedContainers">
        <div spry:repeat="ds18" class="RowContainer"> <div id="w1d" class="RowColumn">{word}</div>
          <span class="RowColumn">{definition}</span>
        </div>
      </div>
    </div>
    <div class="TabbedPanelsContent">
    <div spry:region="ds19" class="StackedContainers">
        <div spry:repeat="ds19" class="RowContainer"> <div id="w1d" class="RowColumn">{word}</div>
          <span class="RowColumn">{definition}</span>
        </div>
      </div>
    </div>
    <div class="TabbedPanelsContent">
    <div spry:region="ds20" class="StackedContainers">
        <div spry:repeat="ds20" class="RowContainer"> <div id="w1d" class="RowColumn">{word}</div>
          <span class="RowColumn">{definition}</span>
        </div>
      </div>
    </div>
    <div class="TabbedPanelsContent">
    <div spry:region="ds21" class="StackedContainers">
        <div spry:repeat="ds21" class="RowContainer"> <div id="w1d" class="RowColumn">{word}</div>
          <span class="RowColumn">{definition}</span>
        </div>
      </div>
    </div>
    <div class="TabbedPanelsContent">
    <div spry:region="ds22" class="StackedContainers">
        <div spry:repeat="ds22" class="RowContainer"> <div id="w1d" class="RowColumn">{word}</div>
          <span class="RowColumn">{definition}</span>
        </div>
      </div>
    </div>
    <div class="TabbedPanelsContent">
    <div spry:region="ds23" class="StackedContainers">
        <div spry:repeat="ds23" class="RowContainer"> <div id="w1d" class="RowColumn">{word}</div>
          <span class="RowColumn">{definition}</span>
        </div>
      </div>
    </div>
    <div class="TabbedPanelsContent">
    <div spry:region="ds24" class="StackedContainers">
        <div spry:repeat="ds24" class="RowContainer"> <div id="w1d" class="RowColumn">{word}</div>
          <span class="RowColumn">{definition}</span>
        </div>
      </div>
    </div>
    <div class="TabbedPanelsContent">
    <div spry:region="ds25" class="StackedContainers">
        <div spry:repeat="ds25" class="RowContainer"> <div id="w1d" class="RowColumn">{word}</div>
          <span class="RowColumn">{definition}</span>
        </div>
      </div>
    </div>
    <div class="TabbedPanelsContent">
    <div spry:region="ds26" class="StackedContainers">
        <div spry:repeat="ds26" class="RowContainer"> <div id="w1d" class="RowColumn">{word}</div>
          <span class="RowColumn">{definition}</span>
        </div>
      </div>
    </div>
    <div class="TabbedPanelsContent">
      <div spry:region="ds27" class="StackedContainers">
        <div spry:repeat="ds27" class="RowContainer"> <div id="w1d" class="RowColumn">{word}</div>
          <span class="RowColumn">{definition}</span>
        </div>
      </div>
    </div>
    <div class="TabbedPanelsContent">
    <div spry:region="ds1" class="StackedContainers">
        <div spry:repeat="ds1" class="RowContainer"> <div id="w1d" class="RowColumn">{word}</div>
          <span class="RowColumn">{definition}</span>
        </div>
      </div>
    </div>
</div>
</div>
<script type="text/javascript">
var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1", {defaultTab:0});
</script>
</div>
</body>
</html>

Thanks Gramps.
I totally forgot about the Xpath filtering.
Trusty Hammer
altruistic gramps <[email protected]>
01/11/2011 05:06 PM
Please respond to
[email protected]
To
patrick dennis <[email protected]>
cc
Subject
Spry Data Sets and IE8
A quick fix: add the following to your document
A better fix: reduce the number of datasets to just one and use Xpath
filtering triggered by an onclick event, as in clicking the relevant tab.
Gramps
For a more specific answer, please supply a link to your site.

Spry Data Set, include external page and javascript

I have a problem with Spry Data Set... I have necessity to
include a html page with javascript functions (static html page) in
another but doesn't work.
This is an example with "Elevator Panel Magic" extension
(projectseven.com):
Home page with dataset (home.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/SpryData.js"
type="text/javascript"></script>
<script src="../SpryAssets/SpryHTMLDataSet.js"
type="text/javascript"></script>
<script type="text/javascript">

</script>
<link href="p7epm/epm1/p7EPM01.css" rel="stylesheet"
type="text/css" media="all" />
<script type="text/javascript"
src="p7epm/p7EPMscripts.js"></script>
</head>
<body>
<span spry:detailregion="ds1">{column0}</span>
</body>
</html>
External page with elevator panel magic
("include_header.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">
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=UTF-8" />
<title>Untitled Document</title>
</head>
<body>
<div id="header_menu_test">
<div id="p7EPM_1" class="p7EPM01">
<div id="p7EPMt_1" class="p7epm_trigs">
<ul>
<li class="t1"><a href="#p7EPMc1_1"
id="p7EPMtrg1_1">New Heading Text 1</a></li>
<li class="t2"><a href="#p7EPMc1_2"
id="p7EPMtrg1_2">New Heading Text 2</a></li>
</ul>
<div class="p7epm_ie5clear"> </div>
</div>
<div id="p7EPMdw_1">
<div id="p7EPMw1_1" class="p7epm_cwrapper">
<div id="p7EPMc1_1" class="p7epm_content pan1">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing
elit. Quisque congue tristique eros. Nulla facilisi. Quisque sem
mauris, ullamcorper ac, gravida id, mattis id, sapien. Nullam
adipiscing enim dapibus felis. Fusce a nisi in odio pulvinar
fringilla. Nunc blandit interdum metus. Duis leo nunc, sollicitudin
ut, fermentum congue, pharetra eu, massa. Suspendisse potenti.
Morbi commodo mauris. Ut at pede. Ut id nisi. Donec scelerisque
urna quis ligula. Praesent est. Vestibulum scelerisque. Curabitur
quam. Fusce rhoncus pellentesque ipsum. Aenean venenatis metus ac
quam. Maecenas lacus lacus, sagittis vitae, congue at, euismod eu,
urna. Maecenas vitae purus. Praesent eros lectus, porta et, semper
nec, molestie eget, tortor.</p>
</div>
</div>
<div id="p7EPMw1_2" class="p7epm_cwrapper">
<div id="p7EPMc1_2" class="p7epm_content pan2">
<p>Lorem ipsum dolor sit amed sed diam nonummy nibh
euismod tincidunt ut. Duis autem vel eum iriure dolor in hendrerit
in vulputate velit esse molestie consequat, eu feugiat nulla at
vero eros et accumsan et odio qui blandit praesent luptatum augue
duis dolore te feugait nulla facilisi.</p>
<p>Lorem ipsum dolor sit amed sed diam nonummy nibh
euismod tincidunt ut. Duis autem vel eum iriure dolor in hendrerit
in vulputate velit esse molestie consequat, eu feugiat nulla at
vero eros et accumsan et odio qui blandit praesent luptatum augue
duis dolore te feugait nulla facilisi.</p>
</div>
</div>
</div>


<script type="text/javascript">

</script>
</div>
</div>
</body>
</html>
**********************

I think it is a bit too late you're 'finally experimenting' with Spry.
Spry has been deprecated from Adobe and is now been made Open Source on GIT - meaning Adobe will no longer officially support Spry tools. The next major release of DW will most probably get rid of Spry, for good.
Read here: http://blogs.adobe.com/dreamweaver/2012/08/update-on-adobe-spry-framework-availability.htm l
jQuery is the way ahead. You may want to switch to jQuery - since anyway you've mentioned you're just 'experimenting' at the moment. That way, you're not spending time on something that is no longer being supported/ developed by their developers.
-ST

Spry Data Sets and CFCs?

So, I've got the Spry Data Set working reading an XML file:
http://brad.melendy.com/projects/ajax/spry/test1.cfm
Which seems to work, the ID column sorts on click, all is
well. The actual
file it is reading is located here:
http://brad.melendy.com/projects/webservice/employee.xml
Then, I have it set to read the same data from my CFC in this
version here:
http://brad.melendy.com/projects/ajax/spry/test2.cfm
This isn't working? But I can see the data when I open the
CFC directly in
my browser like this:
http://brad.melendy.com/projects/flex/DataTest4/employees.cfc?method=FindAll
So finally, here is my code on test2.cfm that isn't working?

<script src="../../../SpryAssets/xpath.js"
type="text/javascript"></script>
<script src="../../../SpryAssets/SpryData.js"
type="text/javascript"></script>
<script type="text/javascript">

</script>
</head>
<body>
<div spry:region="ds1">
<table>
<tr>
<th spry:sort="id">Id</th>
<th>FirstName</th>
<th>LastName</th>
<th>OfficePhone</th>
</tr>
<tr spry:repeat="ds1" spry:setrow="ds1">
<td>{id}</td>
<td>{firstName}</td>
<td>{lastName}</td>
<td>{officePhone}</td>
</tr>
</table>

The two files test1.cfm and test2.cfm are the same except for
the source of
the XMLDataSet which is the static XML document in test1.cfm
and the full
URL to the CFC in test2.cfm.
Thanks for any tips, this is exactly how it is suppose to
work according to
the livedocs but it isn't.
...Brad

I figured this out, my problem was that although IE was
displaying identical
XML documents from my CFC and employee.xml, the output
produced by the CFC
was not a true xml document. I'm not sure exactly what was
making it fail
to be seen as an xml document, but after updating the code to
use <cfxml>
the document was created properly and then Spry could see the
data and
display it.
"Brad Melendy" <[email protected]> wrote in
message
news:[email protected]...
> So, I've got the Spry Data Set working reading an XML
file:
>
>
http://brad.melendy.com/projects/ajax/spry/test1.cfm
>
> Which seems to work, the ID column sorts on click, all
is well. The
> actual file it is reading is located here:
>
>
http://brad.melendy.com/projects/webservice/employee.xml
>
> Then, I have it set to read the same data from my CFC in
this version
> here:
>
>
http://brad.melendy.com/projects/ajax/spry/test2.cfm
>
> This isn't working? But I can see the data when I open
the CFC directly
> in my browser like this:
>
>
http://brad.melendy.com/projects/flex/DataTest4/employees.cfc?method=FindAll
>
> So finally, here is my code on test2.cfm that isn't
working?
>
> 
> <script src="../../../SpryAssets/xpath.js"
> type="text/javascript"></script>
> <script src="../../../SpryAssets/SpryData.js"
> type="text/javascript"></script>
> <script type="text/javascript">
> 
> </script>
> </head>
>
> <body>
> <div spry:region="ds1">
> <table>
> <tr>
> <th spry:sort="id">Id</th>
> <th>FirstName</th>
> <th>LastName</th>
> <th>OfficePhone</th>
> </tr>
> <tr spry:repeat="ds1" spry:setrow="ds1">
> <td>{id}</td>
> <td>{firstName}</td>
> <td>{lastName}</td>
> <td>{officePhone}</td>
> </tr>
> </table>
> 
>
> The two files test1.cfm and test2.cfm are the same
except for the source
> of the XMLDataSet which is the static XML document in
test1.cfm and the
> full URL to the CFC in test2.cfm.
>
> Thanks for any tips, this is exactly how it is suppose
to work according
> to the livedocs but it isn't.
>
> ...Brad
>
>

Spry Data Set error in IE8

I'm creating a page that uses a Spry Data Set for a book I'm working on. I have no problem with the data set when viewing the page in IE9 beta and Safari. Two separate testers who are using IE8 get the same error: "type="MM_SPRY_DATA_REFERENCE" .... translatorClass="MM_SPRY">Truth
Here is the page code from my version of the page, which does work for me. Another tester did not have this problem, also working in IE8. Any help would be appreciated! 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" xmlns:spry="http://ns.adobe.com/spry">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Flower Meanings</title>
<style type="text/css">
body {
    background-image: url(images/baskets_bkg.jpg);
</style>
<script src="SpryAssets/SpryData.js" type="text/javascript"></script>
<script src="SpryAssets/SpryHTMLDataSet.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMasterDetail.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
var flower_meanings = new Spry.Data.HTMLDataSet("flower_data.html", "Table1");
var Meanings = new Spry.Data.HTMLDataSet("flower_data.html", "Table1");
</script>
</head>
<body>
<h1>Common Flowers and their Meanings
</h1>
<p>
<div class="MasterDetail">
<div spry:region="Meanings" class="MasterContainer">
    <div class="MasterColumn" spry:repeat="Meanings" spry:setrow="Meanings" spry:hover="MasterColumnHover" spry:select="MasterColumnSelected">{Name}</div>
</div>
<div spry:detailregion="Meanings" class="DetailContainer">
    <div class="DetailColumn">{Image}</div>
    <div class="DetailColumn">{Meaning}</div>
</div>
<br style="clear:both" />
</div>
<p>
</body>
</html>

To get the best support from this forum, it is always a good idea to give us a link to your website.
The code that you have shown us is OK although the two datasets puzzel me.
Now I am going on the guessing tour.
are you using Spry version 1.6.1
have you tried to link your files (JS) to a working outside source
have you tried IE6 and IE7
is the error in the form of a popup or is it the yellow triangle
A link to your site is still the best option.
Gramps

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">

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

My spry data set isn't working

So i followed like 5 to 6 tutorials on how to create a spry data set in dreamweaver, and I can't seem to get it to work.
Here is the script, apparently line 11 has an error to it.
<!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>
<link href="../SpryAssets/SpryMasterDetail.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">

</script>
</head>
<body>
<div class="MasterDetail">
<div spry:region="try" class="MasterContainer">
    <div class="MasterColumn" spry:repeat="try" spry:setrow="try" spry:hover="MasterColumnHover" spry:select="MasterColumnSelected">{Name}</div>
</div>
<div spry:detailregion="try" class="DetailContainer">
    <div class="DetailColumn">{Date}</div>
    <div class="DetailColumn">{Sex}</div>
    <div class="DetailColumn">{Description}</div>
</div>
<br style="clear:both" />
</div>
</body>
</html>

Without seeing the actual error message and the contents of data01.html, it's impossible to offer any help.
However, are you aware that Adobe stopped developing Spry nearly two years ago? See this announcement.

Spry data set blinks on loading

Hello
I am testing spry data sets with large tables of content.
Is there any way to stop the blinking of the page when loading.
I would like to show a loading bar or something similar while waiting for the data to be loaded.
Here is a link from one of the pages I am working with.
http://www.riegler-projekt.de/page/wartungsgeraete/3-2-wege-fut.html
Would appreciate any help
Anthony Bury

Thank you, that did the trick.
One problem I have is with Firefox 3.5, on a Mac the table won't show, with Windows I just see the first table without the CSS background colours.
All other browsers Mac or Windows (Safari IE Opera) all show the data correctly. I tried searching the forum for similar problems, but most seemed related to IE and not FF.
Do you have any idea what this could be?
Thanks for any support
Anthony Bury

Spry Data Set doesn't show up

Hi everybody,
I included a Spry Data Set in my already existing HTML-File and got the problem that the Browser doesn't display it.Is there something I forgot to do after including the data set?
I hope somebody can help me out here.
Here's the link: http://media-powerplant.de/media-powerplant-webdesign-beispiele.html
And here's the Code of the HTML site:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.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" />
<meta name="description" content="Modernes Webdesign für Ihre erfogreiche Internetpräsenz" />
<meta name="keywords" content="Webdesign, Webspace ,Webhosting, Web-Design , Web, Domainregistrierung, Internetdesign, Internet, Provider, HTML, Web-Space, Design, Webdesign München, Grafikdesign, kreative, innovative, Homepage, Suchmaschinenoptimierung, Matthias Damoser, Michael Peh, Michi Peh, media powerplant, media-powerplant, München" />
<title>media powerplant *** Webdesign / Webspace & Hosting / Suchmaschinenoptimierung ***</title>
<meta name="author" content="[email protected]">
<meta name="copyright" content="Webdesign: Matthias Damoser / media powerplant">
<meta name="Content-Language" content="de">
<meta name="robots" content="INDEX,FOLLOW">
<meta name="revisit-after" content="7 days">
<link rel="SHORTCUT ICON" href="http://www.media-powerplant.de/favicon.ico">
<link href="mppLayout.css" rel="stylesheet" type="text/css" />

<script src="SpryAssets/xpath.js" type="text/javascript"></script>
<script src="SpryAssets/SpryData.js" type="text/javascript"></script>
<script src="SpryAssets/SpryEffects.js" type="text/javascript"></script>
<script type="text/javascript">

</script>
</head>
<body>
<div id="hauptfenster">
<div id="content">
<div id="mitte">
    <div id="header">
      <h1>media powerplant - Ihr Partner für Webdesign, Musikproduktion und Videoproduktion</h1>
    </div>
    <div id="mainnavi">
      <div class="menuHome" onClick="MM_goToURL('parent','media-powerplant-home.html');return document.MM_returnValue" document.MM_returnValue></div>
      <div class="menuMusik" onclick=MM_goToURL('parent','media-powerplant-musikproduktion.html');return document.MM_returnValue></div>
      <div class="menuVideo" onclick="MM_goToURL('parent','media-powerplant-videoproduktion.html');return document.MM_returnValue"></div>
      <div class="menuWeb" onclick=MM_goToURL('parent','media-powerplant-webdesign.html') document.MM_returnValue></div>
      <div class="menuReferenzen" onclick="MM_goToURL('parent','media-powerplant-referenzen.html');return document.MM_returnValue"></div>
      <div class="menuAbout" onclick=MM_goToURL('parent','media-powerplant-about.html') document.MM_returnValue></div>
      <div class="menuKontakt" onclick="MM_goToURL('parent','media-powerplant-kontakt.html');return document.MM_returnValue"></div>
      <div class="menuImpressum" onclick="MM_goToURL('parent','media-powerplant-impressum.html');return document.MM_returnValue"></div>
    </div>
    <div id="inhalt">
      <h2><span class="mpp">media powerplant</span> <span class="bereich">Webdesign</span></h2>
      <h2 class="unterüberschrift">Modernes Webdesign – standardkonform und flexibel.</h2>
<div id="haupthintergrundkalkulator">
      <div id="fließtext">
      <p>Modernes Webdesign umfasst nicht nur die Gestaltung, eine gute Struktur und eine benutzerfreundliche Navigation durch die Webseiten, sondern auch die ideale Umsetzung der Suchmaschinen-Optimierung und des barrierefreien Internets. Wir sorgen mit Seiten, die korrekt in XML oder HTML umgesetzt sind, für eine schicke Darstellung der Inhalte und fördern in gleicher Weise das gute Ranking bei Google und Co.</p>
      </div>
      <div id="webmain">
        <div id="untermenu">
          <div class="untermenuWeb" onclick=MM_goToURL('parent','media-powerplant-webdesign.html');return document.MM_returnValue document.MM_returnValue></div>
          <div class="untermenuBeispiele" onclick=MM_goToURL('parent','media-powerplant-webdesign-beispiele.html');return document.MM_returnValue document.MM_returnValue></div>
          <div class="untermenuKosten" onclick=MM_goToURL('parent','media-powerplant-webdesign-preiskalkulator.html');return document.MM_returnValue document.MM_returnValue></div>
        </div>
        <div id="Detailbereich">
          <div id="beispieltext">
            <h2>So könnte Ihre künftige Website aussehen</h2>
          <p class="beschreibungtext">{dsWebBeispiele::nr}<br />{dsWebBeispiele::beschreibung}<br />
          {dsWebBeispiele::linkScreenshot} {dsWebBeispiele::linkWebsite}</p>
          <p class="hpimage">{dsWebBeispiele::screenshot}</p>
        <p class="valide">{dsWebBeispiele::validText}</p>
        <p class="w3c">{dsWebBeispiele::validHTML}</p>
        <p class="w3c">{dsWebBeispiele::validCSS}</p>
          </div>
         <div class="copyrighthosting">Copyright © 2009 media powerplant | Alle Rechte vorbehalten | <a href="media-powerplant-impressum.html">Impressum</a> | <a href="media-powerplant-kontakt.html">Kontakt</a> | </div>
        </div>
        </div>
        </div>
      </div>
    </div>
</div>
</div>
</body>
</html>

Hi,
You do not have a Spry region enveloping your data details.
Try the following code
<div spry:region="dsWebBeispiele">
<div spry:repeat="dsWebBeispiele" spry:setrow="dsWebBeispiele" spry:hover="hover" spry:select="selected">
    <p class="beschreibungtext">{nr}<br />{beschreibung}<br />
         {linkScreenshot} {linkWebsite}</p>
    <p class="hpimage">{screenshot}</p>
</div>
</div>
<div spry:detailregion="dsWebBeispiele">
    <p class="valide">{validText}</p>
    <p class="w3c">{validHTML}</p>
    <p class="w3c">{validCSS}</p>
</div>
I hope this helps.
Ben

Spry data set and html table with multiple images

I use "Spry Data Set" in my Dreamweaver CS4 site. I need to make one html file (a product page) and all the product data comes from a separate html table.
So, I have a html table that contains the product data and the images. Each row is one product.
Column 1 contains a product name
Column 2 contains product information
Column 3 contains products thumbnail image 1
Column 4 contains products thumbnail image 2
Column 5 contains products large image 1
Column 6 contains products large image 2
This a simple example of the idea. In reality, there is lot more content.
So the actual question is that:
How can I show in the product page all the thumbnail images, but only one large picture at a time?
And when the thumbnail is clicked the large picture changes accordingly.

It depend entirely on what you want.
One way would be to show a shadow box as per http://www.adobe.com/cfusion/exchange/index.cfm?searchfield=shadowbox&search_exchange=&num =25&startnum=1&event=search&sort=0&interim_dummy_tmpfield=&Submit= or http://www.adobe.com/cfusion/exchange/index.cfm?searchfield=lightbox&search_exchange=&sear ch_license=&search_rating=&search_pubdate=&Submit=Search&num=10&startnum=1&event=search&so rt=0&dummy_tmpfield=
Another way is to have a master/detail area where the large image appears after clicking in the master area like this http://labs.adobe.com/technologies/spry/demos/products/index.html
You could also use tooltips as in http://labs.adobe.com/technologies/spry/samples/data_region/TooltipwithData.html.
There are many more ways, but you need to make the desicion based on the layout of your page.
Gramps

SPRY DATA SET VS. RECORDSET

Hi,
Quick question.
Building a site using CS5.5. Aready had a database created for use on the site.
However, although I have successfully connected to the database, I am now trying to create a recordset to retrieve data and there is no option in the "Bindings" tab to do this.
(My website will pull values from the database based on selections on the web page)
All the options I see in Bindings are:
Spry data set
Get more data sources
But I expect to see
Recordset(Query)
Command
Request Variable
Session Varaible
Application Variable
Is it that these are not available anymore in 5.5 and if not, how will a spry data set allow me to search on the html file created with all the data? {There are 3 tables in the my database at present}
Write soon....

Okay great! Thanks - for the screen shot as well.
But also, I am aware that a spry data set would also allow me to select data based on a value.
First question, can the spry data set allow me to select based on multiple criteria?
Secondly, since for the Spry Data Set, the content will be stored on an HTML page, does this offer the same functionality as a recordset - where you can select a subset of data from the html content?
Reason I ask is because I also like the idea that the spry data set can allow users (that I allow) to modify the content and I'm thinking of using this for the website instead.
<<The website was originally going to pull database enties (which in this case would be html content entries?) based on drop down selection criteria which is also from a database table (other html file in this case?)>> In other words, how would this work using the spry data set.
Thanks.

OT - like spry data set

Hello,
I need to get data from a table in another website, I see
this is
available in new features on dwcs4, spry data set can get
content from a
table or div.
I can use this feature without spry in dwcs3 ?
howdy

Any way ?
howdy write:
> Hello,
> I need to get data from a table in another website, I
see this is
> available in new features on dwcs4, spry data set can
get content from a
> table or div.
> I can use this feature without spry in dwcs3 ?
>
> howdy

Making Spry data set content clickable

Similar Messages

Maybe you are looking for