Spry distinct

Hi all,
I'm in search of the best solution to a bit of a problem.
I'm trying to present some data using Spry but I'm having to
manipulate the data first to present it in a certain way which I've
included below. I've been wondering if its possible to apply
'distinct' to only one column of a dataset?
Any ideas on the best way to achieve this are very welcome.
Thanks

quote:
Your selection problem has to do with the fact that you need
to set the spry:selected="selected" attribute on the row when the
markup is re-generated. To see an example, look at the products
demo:
I followed your advice, and added in the "selected" attribute
- now a single click ALWAYS selects the last row on the first
click. The detail region works fine, however.
Is this because there is more than one spry table in the same
page (different tabs)?
Neil Alexander

Similar Messages

Several spry photo galleries on a web page

I'm a bit new at this, but I have done the Don Booth tutorial on how to create a photo album using the spry framework.
It's all working fine. However, I want to place several galleries on the one web page and I'm really not sure how to go about this.
Any ideas?

Have a look at the following, keeping in mind that I removed all irrelevant (to the Spry Gallery) stuff. The points to notice have been highlighted.
<!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>Rachel Hore - Past Projects</title>
<script type="text/javascript" src="includes/xpath.js"></script>
<script type="text/javascript" src="includes/SpryData.js"></script>
<script type="text/javascript">
var dsGallery_Bali = new Spry.Data.XMLDataSet("photos_Bali.xml", "gallery/photos/photo");
var dsGallery_Desert = new Spry.Data.XMLDataSet("photos_Desert.xml", "gallery/photos/photo");
</script>
<link href="rachel.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="mainspace">
<div id="mainbody">
    <h1>Singing In Bali, October 2010</h1>
    <p> Thirty Australians came together in the beautiful Taksu Resort to learn new choir repertoire with Rachel, relax, swim, and experience Balinese food, culture, hospitality and crazy taxi rides. Each day we sang looking out onto rice paddies where we got lots of laughs watching a big rooster rounding up his hens. Food was glorious and plenty of it. Highlight for most of us was our visit to two orphanages where the kids sang, danced and played gamelan for us. We sang some songs for them, and donated gifts and money toward the orphanages.</p>
    <p>This was Shirley Jackson's first singing event as an organiser and she did a really fabulous job.
    </p>
    <div class="main" spry:detailregion="dsGallery_Bali">
      <p><img src="images/{@path}">
      </p>
      <p>{@caption}</p>
      </div>
    <div id="thumbContainer" spry:region="dsGallery_Bali">
      <p><img src="thumbnails/{@thumbpath}" spry:repeat="dsGallery_Bali" spry:setrow="dsGallery_Bali"/></p>
    </div>
    <h1><strong>Big Sing in the Desert, July 2010 </strong></h1>
    <p>80 singers from all over Australia, including 28 indigenous singers from the Central Desert, came together at Ross River Resort. The idea for this weekend of song came from my work with the Central Desert Choirs in 'Many Roads One voice'. There was a desire to follow up the project and have singers, black and white, spend more time singing together, learning repertoire and learning from each other. Morris Stuart from Asante Sana was my co – tutor and we have talked about the need to value the beautiful hymn singing and choirs from the Central desert. Many young people are not singing these days, and some of the elders had talked to us about helping the younger ones learn choir. </p>
    <p>Singers from Titjikala community, the Areyonga gospel choir and the Salvation Army choir in Alice Springs attended. The Areyonga choir are young singers taking on the choir tradition in a new way, writing their own songs and hymns. Sandra Windi taught us Nyanpi Matilda (Waltzing Matilda in Pitjantjatjarra) which just might be the next big Aussie anthem! </p>
    <p>The Salvation Army choir ladies sang some extremely beautiful hymns in the old Lutheran style of the Hermansberg Choir. They taught us hymns in Arrernte, Walpiri and English.</p>
    <p>Thankyou to the hundreds of generous donors from around Australia who contributed to helping us get the indigenous singers to this event. <strong>Help support an indigenous singer (LINK)</strong></p>
    <div class="main" spry:detailregion="dsGallery_Desert">
      <p><img src="images/{@path}">
      </p>
      <p>{@caption}</p>
      </div>
    <div id="thumbContainer" spry:region="dsGallery_Desert">
      <p><img src="thumbnails/{@thumbpath}" spry:repeat="dsGallery_Desert" spry:setrow="dsGallery_Desert"/></p>
    </div>
</div>
</div>
<div class="foottext" id="foot">
</div>
</body>
</html>
You will have noticed that I changed the gallery name to ensure that there is a distinction between that and the second gallery name. I have also changed the id to a class because only one id with the same name is allowed per document.
Cheers
Gramps (no longer Grumps)

Spry H-Bar SubMenu Placement

I hope I can get a little help with a problem I have come across.
Background: I am creating a page with 3 separate horizontal Spry Menus, each menu is contained in a cell of a 1 row 3 column table. I created the first menu so it looks like I want it to, to do so I had to insert a few local css rules to override the separate css file as per a suggestion on adobe's site. Everything works as I desire in Firefox and IE8.
Next i created the 2nd menu in the 2nd cell and renamed the class to "MenuBarHorizontal2" and proceded to replciate both the local and seperate css rules and renamed all the replicas to match the modified 2nd menu. I realize this is probably a monkey force round peg in square hole approach, but it worked.. mostly.
Issue: When viewed in Firefox everythign looks as I intend, but when viewed in IE8 the 2nd menu has an issue. The 2nd menu's submenu area appears at the top of the page directly over the menu bar instead of below it like the first menu. I have yet to insert the 3rd menu, but I expect a similar issue form it so I have held off.
I will attach the page in question, and both css sheets for you to view. In addition you can view the page online at http://www.ecotulips.com/test.htm
I appreciate any help with this issue as I am doing this site as a wedding gift for my sister.

Hi,
I notice that you have menubar and other styles both as linked external style sheets AND as style sheets in the head of your document.
This will do nothing but confuse things. If you can keep all your styles in distinct, external style sheets, you will better be able to trace sources of difficulty, as the cascade of styles will be simpler to read.
Regarding your page with
3 separate horizontal Spry Menus, each menu is contained in a cell of a 1 row 3 column table. I created the first menu so it looks like I want it to, to do so I had to insert a few local css rules to override the separate css file as per a suggestion on adobe's site.
I think that you can achieve the effect you want with a single Spry Menubar with three drop down menus all on the same menu bar. Take a look at supporting video: http://www.adobe.com/designcenter/video_workshop/?id=vid0168
As you have found, by trying to use your "Number 12 forcefit" (round peg in a square hole), you have leaped over more careful construction techniques into a heap of difficulty. If you go back and remove the menubars that you have inserted...click anywhere on one, click the blue tab on the surrounding div, and strike the delete key, everything will hopefully fall back into pre-menu condition.
When you insert the menubar, you will find it totally editable, CSS style-wise.
Z

Spry accordion with php mysql as data

Hello
I`m trying to create a spry accordion where the Labels are pulled from a mysql database table and the Content of that label is pulled from data in the same database. I tried adding first the spry accordion and then created 1 recordset for the labels and a second recordset for the content , then I added a repeat region for the labels DIV and inside this div I added a repeat region for the content.
Unfortunatly when viewed in the browsers the accordion doesn`t work.
Can anyone look at the code and tell me where is the mistake.
Thanks
<?php require_once('Connections/log.php'); ?>
<?php
if (!function_exists("GetSQLValueString")) {
function GetSQLValueString($theValue, $theType, $theDefinedValue = "", $theNotDefinedValue = "")
if (PHP_VERSION < 6) {
    $theValue = get_magic_quotes_gpc() ? stripslashes($theValue) : $theValue;
$theValue = function_exists("mysql_real_escape_string") ? mysql_real_escape_string($theValue) : mysql_escape_string($theValue);
switch ($theType) {
    case "text":
      $theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
      break;
    case "long":
    case "int":
      $theValue = ($theValue != "") ? intval($theValue) : "NULL";
      break;
    case "double":
      $theValue = ($theValue != "") ? doubleval($theValue) : "NULL";
      break;
    case "date":
      $theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
      break;
    case "defined":
      $theValue = ($theValue != "") ? $theDefinedValue : $theNotDefinedValue;
      break;
return $theValue;
mysql_select_db($database_log, $log);
$query_log_year = "SELECT DISTINCT Year(`23849`.acoff) AS yy FROM `23849` ORDER BY Year(`23849`.acoff)";
$log_year = mysql_query($query_log_year, $log) or die(mysql_error());
$row_log_year = mysql_fetch_assoc($log_year);
$totalRows_log_year = mysql_num_rows($log_year);mysql_select_db($database_log, $log);
$query_log_year = "SELECT DISTINCT Year(`23849`.acoff) AS yy FROM `23849` ORDER BY Year(`23849`.acoff)";
$log_year = mysql_query($query_log_year, $log) or die(mysql_error());
$row_log_year = mysql_fetch_assoc($log_year);
$totalRows_log_year = mysql_num_rows($log_year);
$mhour_log_mon = "0";
if (isset($row_log_year['yy'])) {
$mhour_log_mon = $row_log_year['yy'];
mysql_select_db($database_log, $log);
$query_log_mon = sprintf("SELECT DISTINCT DATE_FORMAT(`23849`.acoff, '%%M') AS mon , DATE_FORMAT(`23849`.acoff, '%%m') AS m , sum(`23849`.ablock) as toth FROM `23849` WHERE YEAR(`23849`.acoff) = %s GROUP BY m ORDER BY m ", GetSQLValueString($mhour_log_mon, "int"));
$log_mon = mysql_query($query_log_mon, $log) or die(mysql_error());
$row_log_mon = mysql_fetch_assoc($log_mon);
$totalRows_log_mon = mysql_num_rows($log_mon);
?>
<!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>testing ajax php mysql</title>
<script src="SpryAssets/SpryAccordion.js" type="text/javascript"></script>
<link href="SpryAssets/SpryAccordion.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="Accordion1" class="Accordion" tabindex="0">
<div class="AccordionPanel">
    <?php do { ?>
      <div class="AccordionPanelTab"><?php echo $row_log_year['yy']; ?></div>
      <?php } while ($row_log_year = mysql_fetch_assoc($log_year)); ?>
<div class="AccordionPanelContent">
<table width="100%" border="0" cellspacing="5" cellpadding="5">
    <?php do { ?>
      <tr>
        <td><?php echo $row_log_mon['mon']; ?></td>
        <td><?php echo $row_log_mon['toth']; ?></td>
      </tr>
      <?php } while ($row_log_mon = mysql_fetch_assoc($log_mon)); ?>
</table>
</div>
</div>
</div>
<script type="text/javascript">

</script>
</body>
</html>
<?php
mysql_free_result($log_year);
mysql_free_result($log_mon);
?>

You only have 1 "AccordianPanel" which contains a list of "AccordianPanelTab" elements, then a list of "AccordianPanelContent" elements.
You need to have a list of "AccordianPanel" elements, each containing a pair or "AccordianPanelTab" and "AccordianPanelContent" elements.
HTH,
Randy

Filter spry table from repeater list

Using Dreamweaver, I am looking to find out how to link a
spry repeat list (Select Drop-Down) to a Spry table.
I have created a repeat list (Select Drop-Down) using a
distinct filter on a field in my XML data base :
The XML database is:
var ds2 = new
Spry.Data.XMLDataSet("Data/NetballDatafeed190401.xml",
"NetballList/NetballProducts/SubType",{sortOnLoad:"SubType",sortOrderOnLoad:"as
cending",distinctOnLoad:true});
The drop down list is created by
<div spry:region="ds2">
<select name="select" spry:repeatchildren="ds2">
<option value="{SubType}">{SubType}</option>
</select>
</div>
I have a table which I want to show only the values on the
table where the subType that matches the value from the select
list.
This data is populated by:
var ds1 = new
Spry.Data.XMLDataSet("Data/NetballDatafeed190401.xml",
"NetballList/NetballProducts",{sortOnLoad:"ProductPrice",sortOr
derOnLoad:"ascending"});
and is created by
div spry:region="ds1">
<table>
<tr>
<th>ProductName</th>
<th>ProductPrice</th>
<th>ImageURL</th>
<th>SubType</th>
</tr>
<tr spry:repeat="ds1">
<td>{ProductName}</td>
<td>{ProductPrice}</td>
<td><img src="{ImageURL}"/></td>
<td>{SubType}</td>
</tr>
</table>
</div>
I believe that I need to create a spry:Choose statement in
the drop down list which runs a function that filters the DS1 XML
data.
I beleive that The function need to look like
var myFilterFunc = function(dataSet, row, rowNumber)
some funtion here that filters ds1 on {SubType}.......
I will then need to run ds1.filter(myFilterFunc);
Any pointers or examples most welcome.

to do the the spry:if="'statement" needs to be in the
<tr> rows you want to filter on

Spry Textarea validation extension to prevent spam

I am using the fairly limited features of the spry framework in Dreamweaver to validate forms.
When I get to the textarea, validation is limited to:
required
min char, char count
AND NOT MUCH MORE!
I would like to continue to use the spry framework since it is pervasive inside DW CS4 and seems useful - BUT I need to be able to add functionality.
Specificly I would like to check the textarea for content matching a regx string. To determin if the form is getting hit by a spam bot.
I can do this in PHP, like so;
<?PHP
// Spam Detection code block
// The \b in the pattern indicates a word boundary, so only the distinct
//word "web" is matched, and not a word partial like "webbing" or "cobweb" */
// Check for html and img tags in string
function check($comment) {
// if(ereg('(href=\b|http\b|url=http\b|<a href|<IMG=|<img|img=|scr=|www\b)@i', $comment)) {
if (preg_match('(href=\b|http\b|url\b|http\b|<a href|<IMG=|<img|img\b|scr\b|www\b)i', "$comment")) {
      // comment looks dirty, lets put up a bogus thankyou.
      echo("<pre>
     </pre><center> Thanks <p>We have received your comment and hope you enjoyed visiting our site. <p>To continue browsing, use the links above.</center>");
exit();
else{ // comment is clean of URLs
// End of Spam Detection code block
?>
Is there a way to integrate this code (or similar javascipt) into the Spry library, so I can do this in DW?
Anti spam technologies are a very important part of forms these days.
I hope other people value this request and pipe up about it.
Thanks
-Daniel Hoviss

Never mind. After doing some experimenting, it turns out it's
something in my company's template that is conflicting with
something.
Now I just have to figure out what it is.

Spry Dataset and Nested Data

i've 1 xml file, with basicly 3 columns: city, artist, artist
description.
i want to show cities and when a city clicked, show the
artists in that city, and when artist is clicked show artist
description as details.
i've tryed everything, but the best i can do... see below.
any help would be highly appreciated!!!
erik
<!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>
<script language="JavaScript" type="text/javascript"
src="SpryAssets/xpath.js"></script>
<script language="JavaScript" type="text/javascript"
src="SpryAssets/SpryData.js"></script>
<script language="JavaScript" type="text/javascript"
src="SpryAssets/SpryNestedXMLDataSet.js"></script>
<script type="text/javascript">
// Setup a parent data set:
// Setup a couple of nested data sets:
var ds1 = new Spry.Data.XMLDataSet("buitenplaatsen.xml",
"root/dataroot/buitenplaatsen", { useCache: false });
var ds2 = new Spry.Data.NestedXMLDataSet(ds1,
"omschrijving_kunstenaar");
var ds3 = new Spry.Data.NestedXMLDataSet(ds1,
"buitenplaats");
var ds4 = new Spry.Data.NestedXMLDataSet(ds1,
"naam_kunstenaar");
</script>
<div class="liveSample">
<table width="100%" border="1">
<tr>
<th>Buitenplaats</th>
<th>Kunstenaar</th>
<th>Omschrijving</th>
</tr>
<tr>
<td valign="top" width="20%" spry:region="ds3">
<ul>
<li spry:repeat="ds3" spry:setrow="ds3"
spry:select="selected"
spry:hover="hover">{buitenplaats}</li>
</ul>
</td>
<td valign="top" width="20%" spry:region="ds1">
<ul>
<li spry:repeat="ds1" spry:setrow="ds1"
spry:select="selected"
spry:hover="hover">{naam_kunstenaar}</li>
</ul>
</td>
<td valign="top" width="60%" spry:region="ds2">
<ul>
<li
spry:repeat="ds2">{omschrijving_kunstenaar}</li>
</ul>
</td>
</tr>
</table>
</div>
<body>
</body>
</html>

Hi,
hereby url:
http://www.eenlintvollust.nl/test/test_datasets.html
http://www.eenlintvollust.nl/test/buitenplaatsen.xml
i want that in the left column i can select the distinct
city(buitenplaats), than the middel column shows the
artists(kunstenaar) and when clicked on artist,
detail(omschrijving) shows up. Thanx for any help!!!

CS3 Spry css question

I know basic tableless css, my question is instead of a regular navigation bar I need to use the spry widget for a dropdown navigation bar on an exisitng html page. I'm able to insert the spry in the correct spot on the .html page and get it to work but I have a css sheet already attached to the page I need to know if I can just select all the css from the spry css page and insert it inside my attached css page?
Any help?

Yes, you can move the styles, but in my opinion, it is safer to maintain the Spry CSS assets in their own file, safe from inadvertent deletion or harm. There is an inherent logic to the order of styles in the Spry CSS sheets, and you might lose the wisdom of the comments not to mention the orderly consistency as well.
You may link many style sheets to your .html pages...you are not limited to one per page.
By using several CSS files attached to one page, you can also have a separate style sheet for different media: one for the Screen, one for Print, one for a Handheld device. There's no reasonable way to keep all these varying uses for different style sheets all one ONE sheet. The Printer will look for your main style sheet AND at the overriding styles in the print style sheet, for instance, so you don't need to print the nav bar when what you want is a print of the content.
Z
You do, of course, need to NAME the CSS files with distinct names, for instance, global.css, print.css, handheld.css.
Message was edited by: Zabeth69

HELP WITH SPRY TABBED PANEL -

On one page I created a spry-tabbed panel with a distinctive look.
On another page, same website, I created another spry tabbed panel with its own distinctive look, its own color scheme.
On doing the second page I discovered I was also inadvertantly changing the color, boarders etc to the spry tabbed panel on my first page.
Don't want to do that.
How do I create a spry panel on 2 different pages within the same web site and let each have its own independent spry set of attributes
Howard Blume
[email protected]
max os x system10.6.6
dreamweaver 5

Hi Ken:
When I insert a new spry panel it appears with all the css from the other page.
When I began to make changes the other page reflexs those changes.
Don't know how to get a separate SpryCss sheet. Do you?

.distinct and .sort works on what columns?

When trying to use the .sort or .distinct on my XMLDatasets.
It does not appear to work on columns other then the first column.
I have a column in about three columns, in my XML file called
'Analyst', that definitely has repetition and non-alphabetical
order. When I apply as instructed, both.sort the column and then
apply the distructive filter .distinct, nothing different happens
to my dataset displayed in my dropdown(nothing deleted from list
and it is not sorted alphabetically or in ascending/descending
order). AND in my dropdown that is populated the last item in my
list is shown versus the first item I wanted shown, as the initial
item in the dropdown. Can 'distinct' be directed to work on a
specific column, or does it only use the first (ID) column for its
process of eliminating redundancies in its destructive filtering?
this is the stuff in my JS file that affects my dataset I am
using a dropdown that is populated based on a radio button
selection;
var wakeUpCall = new
Spry.Data.XMLDataSet("../data/dateTitle.xml", "table/row", {
useCache: false })
wakeUpCall.setColumnType("date", "date");
var dsRecentDundee = new
Spry.Data.XMLDataSet("../data/RecentDundeeResearch.xml",
"recent/dundee", { useCache: false })
var dsDundeeUniverse = new
Spry.Data.XMLDataSet("../data/DocumentServlet.xml",
"DundeeUniverse/Record", { useCache: false })
dsDundeeUniverse.setColumnType("TGT_CURR", "number");
var dsSector = new
Spry.Data.XMLDataSet("../data/sector2.xml", "DundeeSectors/sector",
{ useCache: false })
var radio='Stock';
function SetRadioSelect(url){
if (radio=='Sector'){
dsDundeeUniverse = dsSector;
dsDundeeUniverse.sort("sector");
}else if (radio=='Stock'){
dsDundeeUniverse = dsDundeeUniverse;
dsDundeeUniverse.sort("Security");
}else if (radio=='Analyst'){
dsDundeeUniverse = dsDundeeUniverse;
dsDundeeUniverse.sort("Analyst","ascending");
dsDundeeUniverse.distinct();
}else if (radio=='FundCo'){
dsDundeeUniverse = dsDundeeUniverse;
}else if(radio=='All'){
dsDundeeUniverse = dsDundeeUniverse;
dsDundeeUniverse.setURL(url);
dsDundeeUniverse.loadData();
}

Hi,
The distinct is destructive meaning that the duplicate rows
are removed and you can't access them anymore unless you reload the
XML (and remove the distinct restriction first).
The distinct() call without no parameter will use all the
columns, once you specify an array of columns the functionality
will limit in filtering only values for those columns to be
distinct.
You can check a single field to be distinct:
dsDundeeUniverse.distinct("Analyst") or a combination of multiple
columns:
myDataSet.distinct(["firstName", "lastName"]).
This last behavior has a limitation as you can't rely on the
values that exists in additional fields that are not used in
distinct algorithm. If you have two records in your dataset where a
person name will appear twice but the department column associated
will have a different value for each record the result will contain
the value of the department from the first row found. In this case
will not make much sense to display the value for the department.
Regards,
Cristian MARIN

Distinct dataset for selection combo box

Hi,
I have a dataset displayed on my page with paging and
dependant detail region as well as filter functions. Works like a
charm. For a visual look
here
My issue is this: To enable the filter with drop down select
list (aka combo box) shown in the picture I implemented the
following code
var transactlist_xml = new
Spry.Data.XMLDataSet("transactlist-xml.php",
"export/row",{sortOnLoad:"account",sortOrderOnLoad:"ascending",useCache:false,loadInterva l:60000});
var accounts_xml = new
Spry.Data.XMLDataSet("transactlist-xml.php",
"export/row/account",{sortOnLoad:"account",sortOrderOnLoad:"ascending",distinctOnLoad:tru e});
The first dataset selects the data for the entire list, the
second for the combo box. It works alright, but I deam it to be
very inefficient. I have to call the php script that does the data
selection twice, which means double the database load. Not good.
Since I have selected all the data I need in the first statement,
is away I can reduce the number of direct source reads and costruct
the second dataset out of the first?
I tried
var accounts_xml = transactlist_xml.distinct();
with no success, as transactist_xml has all the fields still
included, so clearly the rows will not be distinct.
Any suggestions/thougts?
Any hint is appreciated.
Hanno Schupp

"How to Use The Focus Subsystem"
http://java.sun.com/docs/books/tutorial/uiswing/misc/focus.html

Spry Object Methods / Properties

Since I have been unable to find any documentation on the
full range of methods available with the Spry.Data.XMLDataSet
object (and there seem to be a bunch of posts on this forum of
people looking for the same), I did a dump of the methods and
parameters in the Spry objects to get a quick list. You can
generate your own list by using the JavaScript "for...in" object
collection loops.
If there is someone from adobe monitoring this forum, can you
please point us in the direction of some official documentation.
The link to the data API (
http://labs.adobe.com/technologies/spry/articles/data_api/index.html)
in the Spry Data Set and Dynamic Region Overview article (
http://labs.adobe.com/technologies/spry/articles/data_set_overview/)
sends us to a 404 Page not Found.
Thanks.
See below:
Spry.Data.XMLDataSet
onRequestError
onRequestResponse
setDataFromDoc
setXPath
getXPath
getDocument
setURL
getURL
cancelLoadData
loadData
onDataChanged
onPostSort
onCurrentRowChanged
attemptLoadData
disableNotifications
enableNotifications
notifyObservers
removeObserver
getData
getUnfilteredData
getLoadDataRequestIsPending
getDataWasLoaded
getRowCount
getRowByID
getRowByRowNumber
getCurrentRow
setCurrentRow
getRowNumber
getCurrentRowNumber
setCurrentRowNumber
findRowsWithColumnValues
setColumnType
getColumnType
distinct
getSortColumn
getSortOrder
sort
filterData
filter
startLoadInterval
stopLoadInterval
observers
suppressNotifications
name
internalID
curRowID
data
unfilteredData
dataHash
columnTypes
filterFunc
filterDataFunc
distinctOnLoad
sortOnLoad
sortOrderOnLoad
keepSorted
dataWasLoaded
pendingRequest
lastSortColumns
lastSortOrder
loadIntervalID
url
xpath
doc
dataSetsForDataRefStrings
hasDataRefStrings
useCache
requestInfo
recalculateDataSetDependencies
addObserver
Spry.Data.Region
hiddenRegionClassName
evenRowClassName
oddRowClassName
notifiers
evalScripts
addObserver
removeObserver
notifyObservers
RS_Error
RS_LoadingData
RS_PreUpdate
RS_PostUpdate
enableBehaviorAttributes
behaviorAttrs
setUpRowNumberForEvenOddAttr
setRowAttrClickHandler
processContentPI
PI
getTokensFromStr
processDataRefString
strToDataSetsArray
DSContext
ProcessingContext
Token

According to the ECMAScript 4 specs, instance properties
should remain non-numerable even after value assignment. But in
ActionScript 2 an instance property becomes enumerable after it is
assigned a value (unless the value assignment is part of the
property declaration). This might change as ActionScript evolves.
Class properties - declared as static - are enumerable with a
for-in loop. And dynamic properties are enumerable.
ActionScript 2 doesn't support the ECMAScript 4 enumerable
attribute but you can use the undocumented ASSetPropFlags()
function (Google -> ASSetPropFlags).
In short: just (almost) following the standard.

Using the Distinct Option

Hey Guys,
I'm calling the following dataset like this:
var dsProducts = new
Spry.Data.XMLDataSet("data/product_list.xml", "/products/product");
The XML looks like this:
<?xml version="1.0" encoding="iso-8859-1"?>
<products xmlns="
http://www.products.com/products">
<product id="1">
<productModel>dada</productModel>
<productName>Dada 5000</productName>
<productDesc>Cool product</productDesc>
<imgName>dada.jpg</imgName>
<productNum>1234</productNum>
<productPrice>555.00</productPrice>
</product>
There's about 50 products. What I want to do is populate a
dropdown box with the productModel values. However, there's only a
total of 3 different ones, so I'm trying to pull the DISTINCT
values of that node. Right now the dropdown has 50 values in it,
and I can't figure out how to use distinct with it.
Any ideas?
Thanks.

Hello,
The Spry preview that will be available in couple of weeks (I
hope :) ) contains the ability to specify for the distinct a field
or a list of fields to be only considered. Right now the entire row
is checked to be distinct in the dataset and if any difference
exists in any of the fields then the record is added.
I think the easiest method to control the value selected when
a link is clicked is to add on that link the following JS code:
onclick="document.getElementById('theSelectElementID).selectedIndex
= '0'; return true;"
which will select the first option of the
"theSelectElementID" select element.
Cristian MARIN

Spry Collapsible panel - open and closed default question...

I am using a Spry Collapsible panel in a vertical nav menu (DW CS4) and it's in a template for my site. I want it to be closed as default on the Home page, but when a visitor clicks to open it and selects their option, I would like it to remain open on the selected page - Is there a way to do this?
Thank you all!
Aza

Check out the examples on this page: http://www.spry-it.com/examples/spry-widget-cookie-history/#collapsiblepanel

Spry menu bar woes (add submenu levels and edit width)

So i need some spry menu bar help. Apparently as a graphic designer i'm also expected to webdesign, and while i can solve most problems with a good googling, i seem to be at my wit's end fo this one. So the site i'm doing has a header ith a horizontal spry pop-up menubar (in Dreamweaver CS4). But some problems arise: when i manually add another submenu level, they don't show up in chrome or FF, they do werk perfectly in IE6. I just add the following code to the codepage:
<li><a href="#" class="MenuBarItemSubmenu">audio equipment</a>             <ul>               <li><a href="#">Digital Matrix Systems</a></li>               <ul>               <li><a href="#">R2 Digital Audio Matrix</a></li>               </ul>               <li><a href="#">pre-amplifiers & mixers</a></li>               <ul>               <li><a href="#">PMX124</a></li>               </ul>
the PMX never pops open in FF an chrome.. Should i be adding anything else to another part of the code? i'd like my submenu text to have a slight indent? How ever, when i add the indent to ul.menubarhorizontal ul , it elongates the submeny boxes in IE6, while looking normal (width) in chrome and FF. WHat part of the CSS style should i change to just have the text scoot over a bit without it really affecting the box layout? ALso, if anyone could tell me how to add a wee bit of spacing above the text (and beneath), i'd be eternally gratefull. Also, how do i change the with of the submenus? seing as my main buttons are images, but the names i ned to put in my submenus are turning out to be pretty long...
HTML code for the menu:
<tr>     <td><ul id="MenuBar1" class="MenuBarHorizontal">       <li><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Products','','images/knoppenrollover_01.jpg',1)"><img src="images/knoppenbalk_01.jpg" name="Products" width="169" height="41" border="0" id="Products" /></a>         <ul>           <li><a href="#" class="MenuBarItemSubmenu">audio equipment</a>             <ul>               <li><a href="#">Digital Matrix Systems</a></li>               <ul>               <li><a href="#">R2 Digital Audio Matrix</a></li>               </ul>               <li><a href="#">pre-amplifiers & mixers</a></li>               <ul>               <li><a href="#">PMX124</a></li>               </ul>               <li><a href="#">music Sources</a></li>               <li><a href="#">amplifiers</a></li>               <li><a href="#">paging</a></li>               <li><a href="#">speakers</a></li>               <li><a href="#">microphones</a></li>             </ul>           </li>           <li><a href="#">racks and stands</a></li>           <li><a href="#">cables</a></li>         </ul>       </li>       <li><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Company','','images/knoppenrollover_02.jpg',1)"><img src="images/knoppenbalk_02.jpg" name="Company" width="165" height="41" border="0" id="Company" /></a>         <ul>           <li><a href="#">Who are we?</a></li>           <li><a href="#">history</a></li>   <li><a href="#">contact us</a></li>   <li><a href="#">philosophy</a></li>   <li><a href="#">careers</a></li>         </ul>       </li>       <li><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('news','','images/knoppenrollover_03.jpg',1)"><img src="images/knoppenbalk_03.jpg" name="news" width="166" height="41" border="0" id="news" /></a></li>       <li><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('projects','','images/knoppenrollover_04.jpg',1)"><img src="images/knoppenbalk_04.jpg" name="projects" width="166" height="41" border="0" id="projects" /></a></li>       <li><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Downloads','','images/knoppenrollover_05.jpg',1)"><img src="images/knoppenbalk_05.jpg" name="Downloads" width="165" height="41" border="0" id="Downloads" /></a>         <ul>           <li><a href="#">catalogs</a>            </li>           <li><a href="#">manuals</a></li>           <li><a href="#">software</a></li>           <li><a href="#">documents</a></li>           <li><a href="#">pricelists</a></li> </ul>       </li>       <li><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Contact','','images/knoppenrollover_06.jpg',1)"><img src="images/knoppenbalk_06.jpg" name="Contact" width="169" height="41" border="0" id="Contact" /></a></li>     </ul></td>
sprymenuhorizontal.css:
@charset "UTF-8"; /* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 */ /* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */ /*******************************************************************************   LAYOUT INFORMATION: describes box model, positioning, z-order   *******************************************************************************/ /* The outermost container of the Menu Bar, an auto width box with no margin or padding */ ul.MenuBarHorizontal {      margin: 0;      padding: 0;      list-style-type: none;      font-size: 14px;      cursor: default;      width: 1010px;      font-family: Arial, Helvetica, sans-serif; } /* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: [url]http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html[/url] */ ul.MenuBarActive {      z-index: 1000; } /* Menu item containers, position children relative to this container and are a fixed width */ ul.MenuBarHorizontal li {      margin: 0;      padding: 0;      list-style-type: none;      font-size: 100%;      position: relative;      text-align: left;      cursor: pointer;      float: left; } /* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */ ul.MenuBarHorizontal ul {      list-style-type: none;      font-size: 100%;      z-index: 1020;      cursor: default;      width: 166px;      position: absolute;      left: -1000em;      background-color: #6C6C6C;      height: 0px;      margin-top: 0px;      margin-right: 0em;      margin-bottom: 10px;      margin-left: 0em;      text-align: right;      text-indent: 0em;      padding-top: 0px;      padding-right: 0em;      padding-bottom: 0px;      padding-left: 0px;      border-top-width: 1px;      border-right-width: 1px;      border-bottom-width: 1px;      border-left-width: 1px;      border-top-style: solid;      border-right-style: solid;      border-bottom-style: solid;      border-left-style: solid;      border-top-color: #666;      border-right-color: #666;      border-bottom-color: #666;      border-left-color: #666; } /* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */ ul.MenuBarHorizontal ul.MenuBarSubmenuVisible {      left: auto;      height: 0px; } /* Menu item containers are same fixed width as parent */ ul.MenuBarHorizontal ul li {      width: 166px; } /* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */ ul.MenuBarHorizontal ul ul {      position: absolute;      height: 41px;      margin-top: 0%;      margin-right: 0%;      margin-bottom: 0px;      margin-left: 162px;      float: right; } /* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */ ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible {      left: auto;      top: 0; } /*******************************************************************************   DESIGN INFORMATION: describes color scheme, borders, fonts   *******************************************************************************/ /* Submenu containers have borders on all sides */ ul.MenuBarHorizontal ul {      border: 1px solid #666;      background-color: #6C6C6C;      height: 0px;      padding-left: 0em; } /* Menu items are a light gray block with padding and no text decoration */ ul.MenuBarHorizontal a {      display: block;      cursor: pointer;      background-color: #6C6C6C;      padding: 0em;      color: #FC0;      text-decoration: none;      font-size: 14px;      margin-left: 0em; } /* Menu items that have mouse over or focus have a blue background and white text */ ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus {      background-color: #FC0;      color: #FFF; } /* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */ ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible {      background-color: #FC0;      color: #FFF; } /*******************************************************************************   SUBMENU INDICATION: styles if there is a submenu under a given menu item   *******************************************************************************/ /* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */ ul.MenuBarHorizontal a.MenuBarItemSubmenu {      background-image: url(SpryMenuBarDown.gif);      background-repeat: no-repeat;      background-position: 98% 50%; } /* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */ ul.MenuBarHorizontal ul a.MenuBarItemSubmenu {      background-image: url(SpryMenuBarRight.gif);      background-repeat: no-repeat;      background-position: 98% 50%; } /* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */ ul.MenuBarHorizontal a.MenuBarItemSubmenuHover {      background-image: url(SpryMenuBarDownHover.gif);      background-repeat: no-repeat;      background-position: 98% 50%; } /* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */ ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover {      background-image: url(SpryMenuBarRightHover.gif);      background-repeat: no-repeat;      background-position: 98% 50%; } /*******************************************************************************   BROWSER HACKS: the hacks below should not be changed unless you are an expert   *******************************************************************************/ /* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */ ul.MenuBarHorizontal iframe {      position: absolute;      z-index: 1010;      filter:alpha(opacity:0.1); } /* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */ @media screen, projection {      ul.MenuBarHorizontal li.MenuBarItemIE      {           display: inline;           f\loat: left;           background: #FFF;      } }[/SPOILER] any help would be greatly appreciated, as i've been fidgiting with this thing for 2 days now, to no satisfying effect...

since the layout of the pasted text got all weird, here i'm trying it again.
sprymenubarhorizontal.css:
@charset "UTF-8";
/* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
LAYOUT INFORMATION: describes box model, positioning, z-order
/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
margin: 0;
padding: 0;
list-style-type: none;
font-size: 14px;
cursor: default;
width: 1010px;
font-family: Arial, Helvetica, sans-serif;
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
z-index: 1000;
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
position: relative;
text-align: left;
cursor: pointer;
float: left;
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
list-style-type: none;
font-size: 100%;
z-index: 1020;
cursor: default;
width: 166px;
position: absolute;
left: -1000em;
background-color: #6C6C6C;
height: 0px;
margin-top: 0px;
margin-right: 0em;
margin-bottom: 10px;
margin-left: 0em;
text-align: right;
text-indent: 0em;
padding-top: 0px;
padding-right: 0em;
padding-bottom: 0px;
padding-left: 0px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #666;
border-right-color: #666;
border-bottom-color: #666;
border-left-color: #666;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
left: auto;
height: 0px;
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
width: 166px;
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
position: absolute;
height: 41px;
margin-top: 0%;
margin-right: 0%;
margin-bottom: 0px;
margin-left: 162px;
float: right;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
left: auto;
top: 0;
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
border: 1px solid #666;
background-color: #6C6C6C;
height: 0px;
padding-left: 0em;
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
display: block;
cursor: pointer;
background-color: #6C6C6C;
padding: 0em;
color: #FC0;
text-decoration: none;
font-size: 14px;
margin-left: 0em;
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
background-color: #FC0;
color: #FFF;
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
background-color: #FC0;
color: #FFF;
SUBMENU INDICATION: styles if there is a submenu under a given menu item
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
background-image: url(SpryMenuBarDown.gif);
background-repeat: no-repeat;
background-position: 98% 50%;
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
background-image: url(SpryMenuBarRight.gif);
background-repeat: no-repeat;
background-position: 98% 50%;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
background-image: url(SpryMenuBarDownHover.gif);
background-repeat: no-repeat;
background-position: 98% 50%;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
background-image: url(SpryMenuBarRightHover.gif);
background-repeat: no-repeat;
background-position: 98% 50%;
BROWSER HACKS: the hacks below should not be changed unless you are an expert
/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
position: absolute;
z-index: 1010;
filter:alpha(opacity:0.1);
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
ul.MenuBarHorizontal li.MenuBarItemIE
display: inline;
f\loat: left;
background: #FFF;

Spry distinct

Similar Messages

Maybe you are looking for