SPRY data set select auto selected

I have created a three selects related for a vehicle year,
make, model search using spry. The first select uses a spry dataset
to get the years from the database. When you select a year, spry
auto populates the second dropdown with makes and then you select a
make and the third dropdown auto populates models. I have this all
working perfectly but what I would like to do is that when the user
makes their choice and they go to the search result page, I would
like to present them the year, make, model dropdowns again but have
them preselected with what they already chose. I am using a server
technology (ColdFusion) that will allow me to capture their
selected choice from the form post, but I cant seem to figure out
how to have the spry form pre selected with their previous choice.
This is what I have right now:
<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></title>
<script type="text/javascript"
src="/jscripts/xpath.js"></script>
<script type="text/javascript"
src="/jscripts/SpryData.js"></script>
<script type="text/javascript">
var dsYears = new Spry.Data.XMLDataSet("year.cfm",
"years/year");
var dsMakes = new Spry.Data.XMLDataSet("{dsYears::url}",
"makes/make");
var dsModels = new Spry.Data.XMLDataSet("{dsMakes::url}",
"models/model");
</script>
</head>
<body>
<form method="post" name="selectForm">
<div id="yearSelector" spry:region="dsYears"
class="Spry:Region dsYears">
<select spry:repeatchildren="dsYears" name="yearSelect"
onChange="document.selectForm.makeSelect.disabled =
true;dsYears.setCurrentRowNumber(this.selectedIndex);">
<option spry:if="{dsYears::ds_RowNumber} == 0"
value="{name}" selected="selected">{name}</option>
<option spry:if="{dsYears::ds_RowNumber} != 0"
value="{name}">{name}</option>
</select>
</div>
<div id="makeSelector" spry:region="dsMakes"
class="Spry:Region dsMakes">
<select spry:repeatchildren="dsMakes" name="makeSelect"
onChange="document.selectForm.modelSelect.disabled =
true;dsMakes.setCurrentRowNumber(this.selectedIndex);">
<option spry:if="{dsMakes::ds_RowNumber} == 0"
value="{name}" selected="selected">{name}</option>
<option spry:if="{dsMakes::ds_RowNumber} != 0"
value="{name}">{name}</option>
</select>
</div>
<div id="modelSelector" spry:region="dsModels"
class="Spry:Region dsModels">
<select spry:repeatchildren="dsModels"
name="modelSelect">
<option spry:if="{dsModels::ds_RowNumber} == 0"
value="{name}" selected="selected">{name}</option>
<option spry:if="{dsModels::ds_RowNumber} != 0"
value="{name}">{name}</option>
</select>
</div>
<input type="submit" value="SUBMIT">
</form>
</body>
</html>

Ok so I figured out how to do it using spry:when, but now the
problem is when the value is preselected, it is not pre populating
the next dropdown. So if I choose 2008 in my previous form and
preselect 2008 on the search results page, the "Makes" dropdown is
empty until you choose another year in the year dropdown. How do I
force a refresh of the data when I force a value in the dropdown.
This is what i tried. still not sure if its even right.
<cfoutput>
<form method="post" name="selectForm">
<div id="yearSelector" spry:region="dsYears"
class="Spry:Region dsYears">
<select spry:repeatchildren="dsYears" name="yearSelect"
onChange="document.selectForm.makeSelect.disabled =
true;dsYears.setCurrentRowNumber(this.selectedIndex);"
spry:choose="spry:choose">
<option spry:when="'#form.yearSelect#' == '{name}'"
value="{name}" selected="selected">{name}</option>
<option spry:when="{dsYears::ds_RowNumber} == 0"
value="{name}" selected="selected">{name}</option>
<option spry:when="{dsYears::ds_RowNumber} != 0"
value="{name}">{name}</option>
</select>
</div>
...

Similar Messages

  • 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" />
    <!--[if IE]>
        <style type="text/css">@import url(ie.css);</style>
      <![endif]-->
    <script src="SpryAssets/xpath.js" type="text/javascript"></script>
    <script src="SpryAssets/SpryData.js" type="text/javascript"></script>
    <script type="text/javascript">
    <!--
    var dsreferenzen = new Spry.Data.XMLDataSet("referenzen.xml", "referenz/beispiel");
    dsreferenzen.setColumnType("name", "html");
    dsreferenzen.setColumnType("a", "html");
    dsreferenzen.setColumnType("a/@href", "html");
    dsreferenzen.setColumnType("a/@target", "html");
    function MM_preloadImages() { //v3.0
      var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
        var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
        if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
    function MM_goToURL() { //v3.0
      var i, args=MM_goToURL.arguments; document.MM_returnValue = false;
      for (i=0; i<(args.length-1); i+=2) eval(args[i]+".location='"+args[i+1]+"'");
    var dslinks = new Spry.Data.XMLDataSet("referenzenlinks.xml", "referenz/link");
    dslinks.setColumnType("a", "html");
    //-->
    </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.

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

  • Spry Data Set

    Does anyone know if the first row of a data set can be
    selected or highlighted by default?

    What you could do is add an observer to your dataset.
    var datasetname = new
    Spry.Data.XMLDataSet("xml.xml","xpath");
    datasetname.addObserver({onPostLoad:function(){
    // do your stuff here..
    Depending on your layout... it might be something like this
    (im going to assume its a table with rows and first row is the
    first row that you want to have highlighted
    First include the SpryDOMUtils.js in the header of your page.
    than inside the observer we just builded.
    Spry.$$('table > tr').addClass('selected');
    this will add the class selected to the first row of your
    table.
    Hopes this helps

  • 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

  • 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">
    <!--
    var try = new Spry.Data.HTMLDataSet("data01.html", "data01", {sortOnLoad: "Name", sortOrderOnLoad: "ascending"});
    try.setColumnType("Date", "date");
    //-->
    </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 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" />
    <!--[if IE]>
        <style type="text/css">@import url(ie.css);</style>
      <![endif]-->
    <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">
    <!--
    var dskategorien = new Spry.Data.XMLDataSet("webkategorien.xml", "produkte/kategorie");
    function MM_effectAppearFade(targetElement, duration, from, to, toggle)
        Spry.Effect.DoFade(targetElement, {duration: duration, from: from, to: to, toggle: toggle});
    function MM_goToURL() { //v3.0
      var i, args=MM_goToURL.arguments; document.MM_returnValue = false;
      for (i=0; i<(args.length-1); i+=2) eval(args[i]+".location='"+args[i+1]+"'");
    var dsWebBeispiele = new Spry.Data.XMLDataSet("webexamples.xml", "websites/beispiel");
    dsWebBeispiele.setColumnType("linkScreenshot", "html");
    dsWebBeispiele.setColumnType("linkWebsite", "html");
    dsWebBeispiele.setColumnType("screenshot", "html");
    dsWebBeispiele.setColumnType("validHTML", "html");
    dsWebBeispiele.setColumnType("validCSS", "html");
    //-->
    </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 will not Refresh with New Data?

    I'm using the Dreamweaver CS4 "Spry Data Set" Wizard and created the following layout on one of my pages:
    In the wizard, under "Specify a Data Source", I chose "HTML", and selected my cfm page that has a simple Table with the datasource below:
    <cfparam name="URL.id_com" default="1">
    <cfquery name="rsTickets" datasource="Ctickets">
    SELECT ticketNum, ticketType, ticketDate, acctNum, firstName, lastName, businessName, city, status, owner, ticketDetails
    FROM tickets
    WHERE acctNum = <cfqueryparam value="#URL.id_com#" cfsqltype="cf_sql_numeric">
    </cfquery>
    When I display the page in IE8, The Spry Master/Detail page will not filter my records based on the URL parameter?
    (Note: All my other "Non-Spry" datasets filter fine by the URL)
    Question: How do I make the Spry data "Refresh" or "Re-run the query" so the data filters properly?
    Thanks,
    jlig

    Ben, Thanks for the reply..
    Here is my Source Data page which I created & selected in the Spry Data Wizard: http://cerberus.clearwave.com/jerry/Spry2.jpg
    (this page takes my query, filtered by the URL Acct field and makes a simple table to feed the Spry Wizard)
    - In the Spry Data Wizard, I selected the file and it properly found the table data: http://cerberus.clearwave.com/jerry/Spry3.jpg
    - Then I clicked Next and changed a few of the field types: http://cerberus.clearwave.com/jerry/Spry4.jpg
    - Next I chose Master-Detail and used the Acct field to be the Master : http://cerberus.clearwave.com/jerry/Spry5.jpg
    - Lastly, I open up the webpage, click on the Tickets Spry Tab: http://cerberus.clearwave.com/jerry/Spry6.jpg
    As you can see in the picture on this page: http://cerberus.clearwave.com/jerry/Spry6.jpg, the URL parameter is = 3902 which is the Acct number
    being passed from the previous page in my application. (Ex..http://192.168.1.77/COE/salespipeline_mi.cfm?id_com=3902)
    The first one is correct, but once I move to a different Acct number the Spry data will not update to reflect the correct Tickets?
    Once I move to say, Acct 4413, the Spry Tickets Tab does not change or update to reflect this Acct's tickets?
    (see link--> http://cerberus.clearwave.com/jerry/Spry7.jpg)
    Here is my code listing for the Tabbed Webpage: http://cerberus.clearwave.com/jerry/Spry8.txt (see images 6 & 7)
    It seems like I'm missing some kind of "Trigger" or "Requery" or "Refresh" that "Re-runs" the Source Data page (http://cerberus.clearwave.com/jerry/Spry2.jpg)..?
    Thanks again,
    jlig

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

  • 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

  • How to use multiple Spry Data Sets in one page

    I'm using two spry data sets in one page. When I add the first spry data set to my page everything runs OK, When I add the second spry data set to the page the first data set stops working. Does anyone know what the problem is?
    This is how I have my data sets listed.
    var ds1 = new Spry.Data.HTMLDataSet("/accounts/tower/list.php", "list");
    var ds2 = new Spry.Data.HTMLDataSet("/accounts/tower/numvisits.php", "chart");
    Thanks, let me know if you need more information.

    Good News!
    There is nothing wrong with what you have shown.
    Bad news!
    The problem could be in that part that you have not shown.
    Gramps

  • Spry Data Set - Possible to limit number of records show

    Hi,
    I am totally new to Spry in Dreamweaver.  I tried searching the forums for an answer but I could not find anything on how to limit the number of records shown.
    For example - I have 100 rows of information in my table.  When I do the Spry Data Set and use the Master/Detail page I only want 20 records to show.  Otherwise the page looks very long and odd.  Is it possible to just show the first 20 records and the ability to scroll or link the next 20 and so on?
    If you have a link to a tutorial or more information that would be greatly appreciated.
    Thank you,
    Kathy

    have a look here http://labs.adobe.com/technologies/spry/samples/data_region/SpryPagedViewSample.html

  • Using Spry Data Set Variable in Recordset

    I have a page that contains a spry data set and a recordset. The recordset uses one of the variables from the spry data set to filter its results. how do I apply the spry data set variable to the recordset?

    I believe passing this the variable through the URL requires you to update the page, right?
    Yes
    Is there anyway to grab the spry data set variable direct and apply it to your recordset filter?
    The SpryDataSet variable can only be used on the clientside (JavaScript) so you will have to get your recordset using JS.
    A page refresh can be set in motion if you add {useCache: false, loadInterval: 500} to your dataset to then set an observer to your dataset to invoke the page refreash function.
    Gramps

  • 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 do I link a Spry data set with a detail region to a html web site?

    I have created a spry data set with a detail region. It works well. However, I would like to have a link from the detail region to another html web site. Can anyone help with the code? Below is the spry data set.
    <?xml version="1.0" encoding="utf-8"?>
    <books>
    <book>
    <title>The Advnentures of Crunchy and Munchy Squirrel: Field Nuts</title>
    <author>Levester Williams</author>
    <image>images/portfolio/tn_adventuresOfCrunchyAndMunchySquirrel.jpg</image>
    <description>This delightful book for young readers teaches the importance of obedience and always doing what you know is right.</description> I
    <weblink >www.crunchyandmunchy.com</weblink>
    </book>
    <book>
    <title>More Dirty Little Secrets</title>
    <author> Dr. Claud Anderson and Brant Anderson</author>
    <image>images/portfolio/tn_moreDirtyLittleSecrets.jpg</image>
    <description>In More Dirty Little Secrets, Dr. Claud Anderson and his son Brant Anderson, piece together little known facts about Black people, thier achievements, influence, involvement, tribulations and present them with wit and humor.</description>
    <weblink>http://powernomics.com/</weblink>
    </book>
    </books>

    Hi,
    In your html page, use the following notation:
    <a href="http://{weblink}" title="{weblink}" target="_blank">{weblink}</a>
    I hope this helps.
    Ben

  • Need a little help with Slimbox (Lightbox clone) and Spry data sets

    Hello guys!
    First of all let me say that I'm not a programmer in any way,
    shape or form, and somehow I managed to build me a dynamic
    thumbnail gallery that reads data from an XML file and displays it
    on my webpage using a Spry data set and a slider widget (yay!)
    This is of course only thanks to the many great examples
    provided by the Adobe Spry team, and me being stubborn enough to
    keep at it, even though I don't really understand what I'm doing :D
    But I got to this point where I have basically everything
    working, except that I can't get the Slimbox (Lightbox clone)
    script to work with the Spry-generated thumbnail gallery.
    From what I could understand from other threads on this
    forum, is that I need to add an observer somewhere, only that I'm
    not sure where and how (those threads are pretty old and the
    examples aren't available anymore).
    I'm sure you guys know what I'm talking about, anyway, here's
    what I got so far:
    http://www.riotdesign.com.ar/misc/gallery/test1.html
    I have the thumbnail gallery populated from the external XML
    file, a basic page navigation using the Sliding Panels widget, and
    the Slimbox script which works only on the static test image.
    Okay I guess that's it for now, sorry for the long post and
    of course any help with this will be GREATLY appreciated :)
    Thanks & bye!

    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

Maybe you are looking for