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

Similar Messages

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.

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

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

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>

Need Help with Spry Data Sets

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

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

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

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

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

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

Target Spry RowID on page with Multiple data sets from another page

Hi all,
I am trying to target a specific data item, on a page with
multiple data sets, from a link on another page. (I also have to
pass the link through Flash, but lets start with the simple
part...)
You can take a look at the site in progress here:
http://www.3andband.com/TestSite/iframeTest3.html
From the Home page I want to link to specific news or concert
items on the News page
I have been trying to get SpryURLUtils to do it but I can't
seem to get it working.
Any help would be greatly appreciated.
Thanks!
Ben

did u try if it even passes the row value?? with a simple
alert? alert(params.row)
Also maby u need to reorder the scripts to this;
<script src="../SpryAssets/SpryURLUtils.js"
type="text/javascript"></script>
<script src="../SpryAssets/xpath.js"
type="text/javascript"></script>
<script src="../SpryAssets/SpryData.js"
type="text/javascript"></script>
<script src="../SpryAssets/SpryCollapsiblePanel.js"
type="text/javascript"></script>
<script src="../SpryAssets/SpryEffects.js"
type="text/javascript"></script>
<script src="../SpryAssets/SpryAccordion.js"
type="text/javascript"></script>
and your js script
var params = Spry.Utils.getLocationParamsAsObject();
var dsConcerts = new
Spry.Data.XMLDataSet("includes/concerts.xml", "Concerts/concert");
dsConcerts.setColumnType("image", "image");
var dsNews = new Spry.Data.XMLDataSet("includes/news.xml",
"News/item");
//Set an observer so that when the data is loaded, we update
the current row to the url param value
dsNews.addObserver({ onPostLoad: function(ds, type) {
dsNews.setCurrentRow(params.row); }
function MM_effectBlind(targetElement, duration, from, to,
toggle)
Spry.Effect.DoBlind(targetElement, {duration: duration,
from: from, to: to, toggle: toggle});
So url params get loaded before the data

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

Spry data set help

Just installed DW CS4 and have been playing around with creating a dynamic table using Spry data sets. I was able to get it working & looking OK. I have two questions.
In the past a client would send me an Excel spreadsheet that I normally would export to CSV and then import into a static HTML table. Now I want to use the CSV file & create a dynamic table but the Spry widget for CS4 does not have the option of using a CSV file only HTML & XHTML. Spry is supposed to be able to use a CSV file. How do I do it?
Second question is speed. The dymanic table takes a very long time to come up (lots of rows). Is it slow because it is looking for an external HTML table? If I have to use an HTML table for my data should it be on the same page as the Spry table to get the best speed?
Thanks.

Here's the example.. view the source code: CSV Data Set sample
The Data Set Wizard doesn't give you the handy little import tool which makes it a bit more tricky & advanced set up is required.
If you want to use the wizard, the easiest way is to save your CSV as a XML file. It doesn't doa great job at it though.
I noticed that Spry preRelease will allow a lot of stuff, it just doesn't always make it easy. You'll need to use the SpryCSVDataSet.js and hand code most everything in, I'm affraid.
That's about the best answer I can get for you, unless someone else has a better option. Give it a whirl and us me know if it works for you.

Using alternate rows with Spry Data Set

Similar Messages

Maybe you are looking for