Limiting spry:repeatchildren in a list

I have found a number of entries on the forums relating to
limiting the number of dynamically produced table rows from a
spry:repeat but nothing on limiting the number of list items in a
list.
So put basically: I have an XML file with 10 items, but I
only want 5 of them to appear in a list that is generated through a
spry:repeatchildren. Current code (which generates all 10 item) in
the HTML page looks like this:
<div spry:region="ds1">
<ul spry:repeatchildren="ds1">
<li><a href="{link}>{title}</a></li>
</ul>
</div>
Any help would be greatly appreciatted. The simpler the
solution the better.

Hi - I just wanted to chime in that I just asked this same
question. Only you guys are speaking Greek to me. I'm using the
lovely Dreamweaver Spry presets for filtering my dynamic list.
Here's my Original post. I'm guessing that if two of us are asking
this question there's another 50 people out there who are wondering
the same thing.
Hello! I am using a mysql database driven site and XML/Spry
to display products on a page with Dreamweaver. Everything is
working well. I have thumbnails on one side of the page which are
populated from a Spry XML generated Repeat List. Unfortunately
there are a LOT of products. What I'd like to do is to limit the
amount of thumbnails that display in this Spry generated repeat
list. I need to use Spry because when you click the thumbnail all
of the other data is showing up in the rest of the page. And this
stuff is WORKING across all browsers. I'm pretty new to all of this
and am not a whiz at Javascript.
I also have a problem on the same page with my Thickbox not
working on the Spry/XML generated Large product image. Is there a
conflict between Thickbox and Spry?
So that's two questions:
1) Is it possible to limit the number of records pulled from
a spry generated xml repeat list?
2) Is there a conflict with Thickbox and the dynamically
generated spry/xml images?
Any feedback in simple-easy to follow format from you Adobe
Gods & Goddesses is greatly appreciated!
- Carlene

Similar Messages

Spry region drop-down list problems in IE

Can someone please help me determine the reason that IE does not display the correct item in a spry region drop-down list when first opening the site. You can see the problem at http://www.minursemap.org/agedistnurse.html. The initial item in the drop-down list should be Alcona with the corresponding graphic displayed in the detail region. In Firefox, this works correctly. When first opening the page in IE, the graphic is Alcona, but the drop-down list displays Wexford (the last item in the list). From then on, all of the links work correctly.
The code for the two regions is below. Thanks in advance for assisting someone new to spry.
<div id="ctyname">
     <div spry:region="dsChartNurse">
       <select name="name" spry:repeatchildren="dsChartNurse" onchange="dsChartNurse.setCurrentRow(this.value)">
         <option value="{ds_RowID}">{name}</option>
       </select>
</div> 
</div>
<div id="image">
   <div spry:detailregion="dsChartNurse">
        <div align="center" style="padding-bottom:15px"><img src="{dataimage}" width="405" height="202" />
        </div>
   </div>
</div>

Try the following code to replace yours:
       <select name="name" spry:repeatchildren="dsChartNurse" onchange="dsChartNurse.setCurrentRow(this.value)">
         <option spry:if="{dsChartNurse::ds_RowID}=={dsChartNurse::ds_CurrentRowID}" spry:selected="selected" value="{ds_RowID}">{name}</option>
         <option spry:if="{dsChartNurse::ds_RowID}!={dsChartNurse::ds_CurrentRowID}" value="{ds_RowID}">{name}</option>
       </select>
I hope this helps.
Ben

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:repeatchildren how to update a detailregion

Hi need help
How to when a cliked
spry:region="fixtures" spry:repeatchildren="fixtures"
need to update a spry:detailregion="fixtures"
Thanks Ged

I think you are looking for spry:setrow

Double spry:repeat for menue list

Hi,
My first 12 h with spry and ajax were quite succesfull but
now there is a point were I can't get along.
Ich have extendet the galleries.xml file with another
dimension:
<kategories>
<kategory>
<targetname>Kategory1</targetname>
<galleries>
<gallery base="island/" file="photos.xml">
<region>Gallerie1</region>
</gallery>
<gallery base="iceland/" file="photos.xml">
<region>Gallery2</region>
</gallery>
</galleries>
</kategory>
</kategories>
My goal is to create a vertical navigation menue like:
Kategory1
Gallery1
Gallery2
Kategory2
Gallery3
Gallery4
I wanted to archieve this with a douple spry:repeat in the
following code:
<div spry:region="dsKategories dsGalleries" >
<div spry:repeat="dsKategories">
<div >{dsKategories::targetname</div>
<div spry:repeatchildren="dsGalleries">
<div>{dsGalleries::region}</div>
</div>
</div>
</div>
but the result looks like that:
Kategory1
Gallery1
Gallery2
Kategory2
Gallery1
Gallery2
Can anyone give me a hint, what I'm doing wrong or what I
might have misunderstood?
Greeting from Cologne, Germany
Markus

Hi pygmaleon,
The reason you don't get what you expect is because your
dsGalleries data set is only selecting the first gallery for the
first category because of the XPath you set on it. If you want to
use Spry to accomplish what you want, you'll have to do some slight
restrucuring of your XML. Perhaps something like this:
<galleries>
<kategories>
<kategory id="1">
<targetname>Kategory1</targetname>
</kategory>
<kategory id="2">
<targetname>Kategory2</targetname>
</kategory>
</kategories>
<gallery base="g1/" file="photos.xml" kategory="1">
<region>Gallerie 1</region>
</gallery>
<gallery base="g2/" file="photos.xml" kategory="1">
<region>Gallerie 2</region>
</gallery>
<gallery base="g3/" file="photos.xml" kategory="2">
<region>Gallerie 3</region>
</gallery>
</galleries>
And then you can do something like:
var dsKategories = new
Spry.Data.XMLDataSet("galleries/kategories.xml",
"/galleries/kategories/kategory" )
var dsGalleries = new
Spry.Data.XMLDataSet("galleries/kategories.xml",
"/galleries/gallery" );
<div spry:region="dsKategories dsGalleries" >
<div spry:repeat="dsKategories">
<div >{dsKategories::targetname</div>
<div spry:repeatchildren="dsGalleries">
<div spry:if="{dsKategories::@id} ==
{dsGalleries::@kategory}">{dsGalleries::region}</div>
</div>
</div>
</div>
--== Kin ==--

Spry Repeat List does not appear in Google Chrome 28

Spry repeat list works in IE8 and Firefox 22. However in Google Chrome 28 no data appears (data is blank). This is the code:
<div>
              <p><span class="headline">events</span></p>
              <div spry:region="Events">
                <dl spry:repeatchildren="Events">
                  <dt>{date}</dt>
                  <dd>{title}</dd>
        </dl>
      </div>
              <p> </p>
              <p><span class="headline"><br />
              </span></p>
            </div>
This is what appears in IE8 and Firefox:
events
May 10,2012
Pre-Memorial Day Sale
May 28, 2012
Big Memorial Day Sale
May 31, 2012
Big After-Memorial Day Sale

This 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>OrganicUtopia Home Page</title>
    <style type="text/css">
    </style>
    <link href="styles.css" rel="stylesheet" type="text/css" />
          <style type="text/css">
          .headline {          color: #88B036;
          font-weight: bold;
          font-size: 18px;
          margin-bottom: -2px;
    </style>
          <link href="SpryAssets/SpryTabbedPanels.css" rel="stylesheet" type="text/css" />
          <link href="SpryAssets/SpryAccordion.css" rel="stylesheet" type="text/css" />
          <link href="SpryAssets/SpryCollapsiblePanel.css" rel="stylesheet" type="text/css" />
          <script src="SpryAssets/SpryTabbedPanels.js" type="text/javascript"></script>
          <script src="SpryAssets/SpryAccordion.js" type="text/javascript"></script>
          <script src="SpryAssets/SpryCollapsiblePanel.js" type="text/javascript"></script>
          <script src="SpryAssets/xpath.js" type="text/javascript"></script>
          <script src="SpryAssets/SpryData.js" type="text/javascript"></script>
          <script type="text/javascript">
var Events = new Spry.Data.XMLDataSet("data/events.xml", "calendar/event");
    </script>
          </head>
<body>
<div id="container">
<div id="GlobalNav">Site Map | Login</div>
<div id="header"><img src="images/ou_logo.gif" width="210" height="41" /></div>
<div id="nav">{Menu Bar Here}</div>
<div id="main">
    <p class="headline">welcome to organic utopia </p>
    <p> </p>
    <div id="TabbedPanels1" class="TabbedPanels">
      <ul class="TabbedPanelsTabGroup">
        <li class="TabbedPanelsTab" tabindex="0">What's New</li>
        <li class="TabbedPanelsTab" tabindex="0">Features</li>
        <li class="TabbedPanelsTab" tabindex="0">Customer Testimonials</li>
</ul>
      <div class="TabbedPanelsContentGroup">
        <div class="TabbedPanelsContent">
          <p><span class="headline">Shop in the green! </span></p>
          <p><img src="images/recycle_bag.gif" alt="Recycle Bag" width="81" height="101" hspace="10" vspace="5" align="left" />We have added recyclable shopping bags, which eliminate the need for the age-old question "paper or plastic?". These bags are tough, stylish, and eco-friendly! Pick from 2 sizes with the OU logo!</p>
          <p></p>
        </div>
        <div class="TabbedPanelsContent">
          <p><span class="headline">Featured stuff! </span></p>
          <p><img src="images/couch.gif" alt="Couch" width="107" height="73" hspace="5" vspace="5" align="left" />A whole new line of green living products has just hit the shelves! Try our new recyclable office furniture - imagine a couch that dissolves on its own back into Mother Earth! We also have a whole new line of natural cosmetics made from the finest ingredients that are gentle on your skin!</p>
        </div>
        <div class="TabbedPanelsContent">
          <p><span class="headline">Our loyal customers...</span></p>
          <p>"organic Utopia is the place to shop - i wouldn't buy my stuff anywhere else...EVER!" <br />
            - Jeff A., Boston, MA</p>
          <p>"The best place for healthy, organic and green living..everything from food to furniture, all in one place!" - Fred G., Long Beach, NY </p>
        </div>
</div>
    </div>
    <p> </p>
    <p> </p>
    <p> </p>
    <h1 > </h1>
</div>
<div id="sidebar">
<div>
<div id="Accordion1" class="Accordion" tabindex="0">
    <div class="AccordionPanel">
      <div class="AccordionPanelTab">Food Products</div>
      <div class="AccordionPanelContent">Dried Fruits & Vegetables<br />
Snacks<br />
Beverages<br />
Heat and Serve<br />
Cereals</div>
    </div>
    <div class="AccordionPanel">
      <div class="AccordionPanelTab">Clothing</div>
      <div class="AccordionPanelContent">Bags<br />
Accessories<br />
Shoes<br />
Fake Leather Goods</div>
    </div>
    <div class="AccordionPanel">
      <div class="AccordionPanelTab">Home Products</div>
      <div class="AccordionPanelContent">Candles<br />
Pillows<br />
Storage<br />
Knick Knacks</div>
    </div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">Lifestyle</div>
      <div class="AccordionPanelContent">Music & DVDs<br />
Decorations & Wall Hangings</div>
</div>
</div>
</div>
            <div>
          <p><span class="headline">events</span></p>
          <div spry:region="Events">
            <dl spry:repeatchildren="Events">
              <dt>{date}</dt>
              <dd>{title}</dd>
            </dl>
          </div>
          <p> </p>
          <p><span class="headline"><br />
            </span></p>
        </div>
        <div>
          <div id="CollapsiblePanel1" class="CollapsiblePanel">
            <div class="CollapsiblePanelTab" tabindex="0">Contact Us</div>
            <div class="CollapsiblePanelContent">Enter your email address to receive specials, event notifications and more!<br />
              <label>
                <input name="emailaddr" type="text" id="emailaddr" size="20" />
                <br />
                <input type="submit" name="button" id="button" value="Submit" />
              </label>
            </span></div>
          </div>
        </div>
        <div></div>
      </div>
      <div id="footer">All content copyright of OrganicUtopia</div>
    </div>
    <script type="text/javascript">
var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1");
var Accordion1 = new Spry.Widget.Accordion("Accordion1");
var CollapsiblePanel1 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel1", {contentIsOpen:false});
</script>
</body>
</html>

FireFox Select List not working with Spry XML Data set.

I am having a problem with FireFox. I have a set of related select lists that allows a user to pick a state and then a market. The work in all browsers except FireFox. I'm totally stumped. Here is the link. Any assistance greatly appreciated!
http://myxpertise.pointinspace.com/create.php
Thanks,
Joe

<span spry:region="dsCities dsStates dsStates" id="citySelector">
     <select spry:repeatchildren="dsCities" id="citySelect" name="citySelect" tabindex="5" >
      <option spry:if="{ds_RowNumber} == {ds_CurrentRowNumber}" value="{name}" selected="selected" tabindex="5" >{name}</option>
      <option spry:if="{ds_RowNumber} != {ds_CurrentRowNumber}" value="{name}" tabindex="5" >{name}</option>
    </select>
that should be a spry:detailregion, and you have a double dsStates
And when you are using multiple datasets inside a region, it might wise to prefix you template tags with the correct dataset
{ds_RowNumber} => {dsStates::ds_RowNumber}

Search help list recorder limited

Hi,
    We created one customize table. One field use the search help function for Customer number.The search help name is DEBI. The search help parameter is KUNNR. The value table is KNA1.It is SAP standard search help name. But it have one limited. It is only list the first 500 records. Could you tell me how to set let the list record more than 500? Thanks.
best regards
Park Han

Hi,
read this one it will help u.
To avoid the standard F4 help to be show, insert the event PROCESS ON-VALUE-REQUEST in the program and add a field
statement for the field that should trigger the F4 help. In the mdoule called from PROCESS ON-VALUE-REQUEST, call function module
F4IF_FIELD_VALUE_REQUEST.
Example 1 - Dynpro
process before output.
process after input.
PROCESS ON VALUE-REQUEST.
FIELD it_zsd00003-prctr MODULE f4_help_for_pctr.
MODULE f4_help_for_pctr INPUT.
NOTE:
Tabname/fieldname is the name of the table and field
for which F4 should be shown.
Dynprog/Dynpnr/Dynprofield are the names of the Progran/Dynpro/Field
in which the f4 value should be returned.
Value: The value of the Dynpro fuield when calling the F4 help.
You can limit the values shown, by inseting a value in this parameter
e.g '50*' to show only values beginning with 50
CALL FUNCTION 'F4IF_FIELD_VALUE_REQUEST'
    EXPORTING
      tabname                   = 'ZSD00003'
      fieldname                 = 'PRCTR'
SEARCHHELP                = ' '
SHLPPARAM                 = ' '
      dynpprog                  = 'ZSD00002_BRUGERKONV_LISTE'
      dynpnr                    = '0100'
      dynprofield               = 'IT_ZSD00003-PRCTR'
STEPL                     = 0
      value                     = '50*'
MULTIPLE_CHOICE           = ' '
DISPLAY                   = ' '
SUPPRESS_RECORDLIST       = ' '
CALLBACK_PROGRAM          = ' '
CALLBACK_FORM             = ' '
TABLES
RETURN_TAB                =
EXCEPTIONS
FIELD_NOT_FOUND           = 1
NO_HELP_FOR_FIELD         = 2
INCONSISTENT_HELP         = 3
NO_VALUES_FOUND           = 4
OTHERS                    = 5
IF sy-subrc <> 0.
MESSAGE ID SY-MSGID TYPE SY-MSGTY NUMBER SY-MSGNO
        WITH SY-MSGV1 SY-MSGV2 SY-MSGV3 SY-MSGV4.
ENDIF.
ENDMODULE.                 " F4_help_for_pctr INPUT
reward points, if it helpful.
regards,
satish.

Spry widget wish list

A wish list for spry widgets, where the spry community
members will list all the widgets they wish to have with the
upcoming versions of SPRY

http://www.adobe.com/cfusion/webforums/forum/messageview.cfm?forumid=72&catid=602&threadid =1314631&enterthread=y
same topic same awnser ;)

Dreamweaver rewriting spry:if statements

I keep having a problem with Dreamweaver rewriting manually
created Spry select list code.
Example of the code as it should be:
<select name="orgSelect" id="orgSelect"
onchange="document.forms['frmSupportReq'].groupSelect.disabled =
true;dsOrg.setCurrentRowNumber(this.selectedIndex);"
spry:repeatchildren="dsOrg">
<option spry:if="{ds_RowNumber} == {ds_CurrentRowNumber}"
value="{name}" selected="selected">{name}</option>
<option spry:if="{ds_RowNumber} != {ds_CurrentRowNumber}"
value="{name}">{name}</option>
</select>
Dreamweaver rewrites it, breaking it (below is a sample of
the most recent break):
<select name="orgSelect" id="orgSelect"
onchange="document.forms['frmSupportReq'].groupSelect.disabled =
true;dsOrg.setCurrentRowNumber(this.selectedIndex);"
spry:repeatchildren="dsOrg">
<option spry:if="{dsOrg::ds_RowNumber} ==
{dsOrg::ds_CurrentRowNumber}" value="{dsOrg::name}"
selected="selected">{dsOrg::name}</option>
<option spry:if="{ds_RowNumber} != {ds_CurrentRowNumber}"
value="{name}">{name}</option>
</select>
Dreamweaver has rewritten the code in several different ways
over the last two days for this particular item (which is the first
part of a master/detail double select set).
This is getting very irritating.
Has anyone else had a similar problem? If so, has anyone
found a way to STOP Dreamweaver from breaking the Spry code?
I would appreciate suggestions on how to break Dreamweaver of
this annoying habit.
Thanks.
Skip Keats

Donald:
I am not certain if I can 'reproduce' it, per se, as the
occurrences do not follow any particular pattern, except what
Dorfadobe notes -- switching between code/split and design views.
All pages have at least one Spry-generated select list (used
as a jump menu). Many have more. The code noted above is part of an
actual form (rather than a jump menu system).
What I have noticed is that Dreamweaver does not seem to
change any code created by itself from design view. It only seems
to change code that is manually created in code view. (On a
separate note, it keeps trying to delete conditional validation
that I am creating for the same form -- you know, 'if yes, then
this field is available (and must validate)' type thing.
My question: Could it be that Dreamweaver is somehow
internally programmed to force conformance to its design view
'widgets' in some way? If so, this is a serious problem as the
widgets are rather limited in comparison to what can be done via
hand-coding.
Skip Keats

Spry Menu Bar Submenu won't show in Safari or Dreamweaver LiveView

I am trying to get my submenu to show up on my website's spry menu bar. It will show up when I test the site using firefox or IE but it won't show when I try LiveView in Dreamweaver or when I test using Safari. The site is www.fuseut.com/fuse
Here are is the CSS for the menubar:
@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: 100%;      cursor: default;      width: auto; } /* 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;      width: 125px;      float: left;      font-family: "MS Serif", "New York", serif;      overflow: visible; } /* 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 {      margin: 0;      padding: 0;      list-style-type: none;      font-size: 100%;      z-index: 50;      cursor: default;      width: 7em;      position: absolute;      left: -1000em; } /* 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; } /* Menu item containers are same fixed width as parent */ ul.MenuBarHorizontal ul li {      width: 7em; } /* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */ ul.MenuBarHorizontal ul ul {      position: absolute;      margin: -5% 0 0 95%; } /* 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: 0;      top: 0; } /******************************************************************************* DESIGN INFORMATION: describes color scheme, borders, fonts *******************************************************************************/ /* Submenu containers have borders on all sides */ ul.MenuBarHorizontal ul {      border: 1px solid #CCC; } /* Menu items are a light gray block with padding and no text decoration */ ul.MenuBarHorizontal a {      display: block;      cursor: pointer;      padding: 0.5em 0.75em;      color: #FFF;      text-decoration: none;      font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;      text-align: center;      background-image: url(../menubgdefault.png); } /* Menu items that have mouse over or focus have a blue background and white text */ ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus {      color: #FFF002;      font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; } /* 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 {      color: #FFF002;      text-decoration: underline;      font-weight: bold; } /******************************************************************************* 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: 95% 50%;      background-color: #999; } /* 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: 95% 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: 95% 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: 95% 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;      } }
And here is the HTML 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>FUSE UT</title>
<link href="stylesheet.css" rel="stylesheet" type="text/css" />
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<script src="SpryAssets/SpryAccordion.js" type="text/javascript"></script>
<script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
<script src="SpryAssets/xpath.js" type="text/javascript"></script>
<script src="SpryAssets/SpryData.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<link href="SpryAssets/SpryAccordion.css" rel="stylesheet" type="text/css" />
<style type="text/css">

</style>
<script type="text/javascript">

</script>
<meta name="Keywords" content="fuse ut utk university of tennessee tommy jervis avery howard ross rowland angie sessoms sga campaign elections" />
</head>
<body>
<div id="container">
<div id="header">
</div>
<div id="menubarparent" style="z-index: 20; position: absolute; overflow: visible;">
<div id="menubar" style="z-index: 10;">
<ul id="MenuBar1" class="MenuBarHorizontal">
    <li><a href="index.html">FUSE</a>      </li>
    <li><a href="senators.html" class="MenuBarItemSubmenu">Senators</a>
      <ul>
        <li><a href="#">Untitled Item</a></li>
      </ul>
    </li><li><a href="executive.html">Executive</a>      </li>
    <li><a href="policy.html">Policy</a></li>
    <li><a href="organizations.html">Organizations</a></li>
    <li><a href="bios.html" class="MenuBarItemSubmenu">Bios</a>
      <ul>
        <li><a href="#">Untitled Item</a></li>
      </ul>
    </li>
</ul>
</div>
</div>
<p>
<p>
<div id="apDiv1">
    <div id="apDiv4"></div>
    <object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="550" height="265" wmode="transparent">
      <param name="movie" value="Components/CandidatesHomeSlideshow.swf" />
      <param name="quality" value="high" />
       <param name="wmode" value="transparent" />
      <param name="swfversion" value="6.0.65.0" />
      
      <param name="expressinstall" value="Scripts/expressInstall.swf" />
      
      
      <object type="application/x-shockwave-flash" data="Components/CandidatesHomeSlideshow.swf" width="550" height="265" wmode="transparent">
        
        <param name="quality" value="high" />
          <param name="wmode" value="transparent" />
        <param name="swfversion" value="6.0.65.0" />
        <param name="expressinstall" value="Scripts/expressInstall.swf" />
        
        <div>
          <h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
          <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
        </div>
        
      </object>
      
    </object><div id="HomeEvents">
      <p> </p>
      <p> </p>
      <div id="EventsXML">
        <div spry:region="event2">
          <dl spry:repeatchildren="event2">
            <dt>{date}</dt>
            <dd>{title}</dd>
            <dd>{location}</dd>
          </dl>
        </div>
      </div>
    </div>
</div>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</div>
<script type="text/javascript">

</script>
</body>
</html>
Sorry if it's something really basic...I'm a noob to web design.
Thanks!

Don't use reserved words in JS
var event = new Spry.Data.XMLDataSet("events.xml", "catalog/event", {sortOnLoad: "date", sortOrderOnLoad: "descending"});
event is such a reserved word. If you change this to event1 then all is well.
I hope this helps.
Ben

Spry Active Tables in Spry tabbed panels

Hi everyone and thanks for advance for dealing with my inexperience.
I'm using dreamweaver cs4 on a mac and I'm trying to create 2 tabbed panels, each with a Spry active table within it that uses a nondestructive filter wired to a spry select menu to navigate through galleries. When I make 1 of these, it works perfectly. The problem is that when I try to create the second one, it screws everything up. Sometimes it can't find the datasets for the select lists anymore, sometimes nothing shows up in one of the tables. I've run a lot of trial and error, and I just can't detect a pattern. I have very little experience coding and I'm working form a tutorial book. I didn't think adding the second table in would cause a problem, but apparently it does. Can anybody help make this work? I'll post the code below.
Thanks!
-CB
This works just fine for one of the tabs:
var rs_SpryCasteAbilities = new Spry.Data.HTMLDataSet(null, "CasteAbilities");
var rs_SpryProfAbilities = new Spry.Data.HTMLDataSet(null, "ProfessionAbilities");
rs_SpryProfAbilities.gallery = '1';
function chooseSet(dataSet, row, rowNumber)
if (row['Prof_ID'] == rs_SpryProfAbilities.gallery) {
return row;
return null;
rs_SpryProfAbilities.filter(chooseSet);
function changeSet(set)
rs_SpryProfAbilities.gallery = set;
rs_SpryProfAbilities.filter(chooseSet);
rs_SpryProfAbilities.setCurrentRowNumber(0);
var rows = rs_SpryProfAbilities.getData();
for (var i = 0; i < rows.length; i++) {
if (rows[i]['Prof_ID'] == set) {
rs_SpryProfAbilities.setCurrentRowNumber(i);
break;
var rs_Professions = new Spry.Data.HTMLDataSet(null, "Professions");
var rs_Castes = new Spry.Data.HTMLDataSet(null, "Castes");
//with this being the code for the selectors further down the page//
<div spry:region="rs_Castes">
                    <select name="select2" spry:repeatchildren="rs_Castes">
                      <option value="{Caste_ID}">{Caste_Name}</option>
                    </select>
                  </div>
//and//
<div spry:region="rs_Professions">
      <select name="select" spry:repeatchildren="rs_Professions" onchange="changeSet(this.value)">
        <option value="{Profession_ID}">{Profession_Name}</option>
      </select>
    </div>
This does not work for both:
var rs_SpryCasteAbilities = new Spry.Data.HTMLDataSet(null, "CasteAbilities");
rs_SpryCasteAbilities.gallery = '1';
function chooseSet(dataSet, row, rowNumber)
if (row[Caste_ID'] == rs_SpryCasteAbilities.gallery) {
return row;
return null;
rs_SpryCasteAbilities.filter(chooseSet);
function changeSet(set)
rs_SpryCasteAbilities.gallery = set;
rs_SpryCasteAbilities.filter(chooseSet);
rs_SpryCasteAbilities.setCurrentRowNumber(0);
var rows = rs_SpryCasteAbilities.getData();
for (var i = 0; i < rows.length; i++) {
if (rows[i]['Caste_ID'] == set) {
rs_SpryCasteAbilities.setCurrentRowNumber(i);
break;
var rs_SpryProfAbilities = new Spry.Data.HTMLDataSet(null, "ProfessionAbilities");
rs_SpryProfAbilities.gallery = '1';
function chooseSet(dataSet, row, rowNumber)
if (row['Prof_ID'] == rs_SpryProfAbilities.gallery) {
return row;
return null;
rs_SpryProfAbilities.filter(chooseSet);
function changeSet(set)
rs_SpryProfAbilities.gallery = set;
rs_SpryProfAbilities.filter(chooseSet);
rs_SpryProfAbilities.setCurrentRowNumber(0);
var rows = rs_SpryProfAbilities.getData();
for (var i = 0; i < rows.length; i++) {
if (rows[i]['Prof_ID'] == set) {
rs_SpryProfAbilities.setCurrentRowNumber(i);
break;
var rs_SpryProfessions = new Spry.Data.HTMLDataSet(null, "Professions");
var rs_Castes = new Spry.Data.HTMLDataSet(null, "Castes");
//With this being the code for the selectors further down the page//
<div spry:region="rs_Castes">
                    <select name="select" spry:repeatchildren="rs_Castes" onchange="changeSet(this.value)">
                      <option value="{Caste_ID}">{Caste_Name}</option>
                    </select>
                  </div>
//and//
<div spry:region="rs_SpryProfessions">
    <select name="select2" spry:repeatchildren="rs_Professions" onchange="changeSet(this.value)">
      <option value="{Profession_ID}">{Profession_Name}</option>
    </select>
</div>

Thanks for the reply Ben!
Here's the url:
http://www.iotheatre.com/GoldenAgeAbilities.php
As you can see, the filter in the 2nd tab works as intended, but there is nothing showing up at all in the first tab! Any help would be greatly appreciated.
-CB

Using javascript variable in spry if statement

is it possible to put a javascript variable in to the spry if
statement to test?
like <div spry:if="javascriptvar == {ds_RowNumber}"....
thanks.

Hi rogerfreak,
When the region processes a spry:if, it simply takes the
value of the spry:if attribute, replaces all of the data references
in it with real values from the data set and then evals the result
(executes the string).
So you can do something like:
<script>
var ds1 = new Spry.Data.XMLDataSet("foo.xml", "/foo/bar");
var gMode = 5;
function GetMode()
return gMode;
</script>
<div spry:region="ds1">
<ul spry:if="gMode == 5">
<li spry:repeat="ds1">{name}</li>
</ul>
<div spry:if="gMode == 12" spry:repeatchildren="ds1">
{name}
</div>
</div>
In the example above the list markup will be written out if
gMode is 5, but if it is 12, it will write out the div markup.
You can also call functions:
<div spry:region="ds1">
<ul spry:if="GetMode() == 5">
<li spry:repeat="ds1">{name}</li>
</ul>
<div spry:if="GetMode()== 12"
spry:repeatchildren="ds1">
{name}
</div>
</div>
--== Kin ==--

Detail region does not refresh when selecting from a drop-down list in master region

I am using DW CS3 and have updated to version 1.6.1 of Spry. Using an XML dataset, I am able to create a Spry table as the master region that links to a detail region that displays a small JPG graphic. It works fine in this format (clicking on a row displays the correct graphic). However, my table has 80 rows and requires the user to do too much scrolling. So I changed the master region to a drop-down repeat list, but the graphic does not change when a new selection is made in the drop down list. Listed below is the code produced when I used the insert Spry Repeat List. I got the same results when adding a spry:setrow="dsChartNurse". I also tried -- onclick="dsChartNurse.setCurrentRow('{ds_RowID}');" -- which again made no difference.
When I removed children from the spry:repeat, the master region displayed as a two column list of all 80 items in a drop-down list format.
<div spry:region="dsChartNurse">
       <select name="select" spry:repeatchildren="dsChartNurse">
         <option value="{name}">{name}</option>
       </select>
</div>
<div id="image" spry:detailregion="dsChartNurse">
   <img src="{dataimage}" align="center" style="margin:50px 0 0 0"width="320" height="164" />
</div>
Thanks so much to anyone who can help correct my code in order to have a drop-down list display information correctly in the detail region.

Thanks for the quick reply. I did solve the problem I was having by changing from onclick to onchange in the master region. But, now I have another problem with, of course, IE. I just put in online at http://www.minursemap.org/ageDistNurse.html. When opened in IE, the drop down list displays the last entry, but the image is for the first in the list. Thanks again for your help.

How to make list in a form display as tabbed options ?

Hello,
I'm adapting the original picture gallery from Spry Demos Adobe Labs. The demo has a drop down menu to select the menu options (countries) that control the data set of images to display (see code below)
I need to display the select options in a tabbed display. Whilst I could achieve the desired effect with CSS on a Ordered List I couldn't do it with the Select tag used in the form in the demo.
I've been tearing my hair out (there is not that much left) and would appreciate it someone could tell me the best way forward.
Many thanks
James
<label for="gallerySelect">View:</label>
<select spry:repeatchildren="dsGalleries" id="gallerySelect" onchange="dsGalleries.setCurrentRowNumber(this.selectedIndex);">
<option spry:if="{ds_RowNumber} == {ds_CurrentRowNumber}" selected="selected">{sitename}</option>
<option spry:if="{ds_RowNumber} != {ds_CurrentRowNumber}">{sitename}</option>
</select>

You can edit the column definition and change the Display As attribute to "Display as Text (saves state)" that way the column will be saved with the other columns and the default value will be set.
Thanks
-Jorge

Limiting spry:repeatchildren in a list

Similar Messages

Maybe you are looking for