Spry selection menus

Expand Post »

what am i doing wrong here?
what i want to do is make two menus work together to show me a result.. please help ...

JavaScript / DHTML / AJAX Syntax (Toggle Plain Text)
<!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">
<!--
var ds1 = new Spry.Data.HTMLDataSet("test.html", "pricelist");
//-->
</script>
<link href="SpryAssets/SpryMasterDetail.css" rel="stylesheet" type="text/css" />
</head>
 
<body>
<div class="MasterDetail">
  <div spry:region="ds1" class="MasterContainer">
    <div    spry:setrow="ds1">
 
 
 
   <select spry:repeatchildren="ds1" name="width" >
      <option value="{width}">{width}</option>
   </select>
   <select spry:repeatchildren="ds1" name="drop" >
      <option value="{drop}">{drop}</option>
   </select>
 
    </div>
  </div>
  <div spry:detailregion="ds1" class="DetailContainer">
    <div class="DetailColumn">{price}</div>
  </div>
  <br style="clear:both" />
</div>
</body>
</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">
<!--
var ds1 = new Spry.Data.HTMLDataSet("test.html", "pricelist");
//-->
</script>
<link href="SpryAssets/SpryMasterDetail.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div class="MasterDetail">
  <div spry:region="ds1" class="MasterContainer">
    <div    spry:setrow="ds1">
     
      
      
   <select spry:repeatchildren="ds1" name="width" >
      <option value="{width}">{width}</option>
   </select>
   <select spry:repeatchildren="ds1" name="drop" >
      <option value="{drop}">{drop}</option>
   </select>

    </div>
  </div>
  <div spry:detailregion="ds1" class="DetailContainer">
    <div class="DetailColumn">{price}</div>
  </div>
  <br style="clear:both" />
</div>
</body>
</html>

Similar Threads

Dreamweaver Spry Drop Down Menus in Site Layout and Usability
resizing the div element with window size in HTML and CSS
How to activate pop-up menus without changing foreground window? in C++
Firefox and chained select menus in JavaScript / DHTML / AJAX
spry script error in JavaScript / DHTML / AJAX

jorgeberber

Reputation Points: 10

Solved Threads: 0

Newbie Poster

Offline

13 posts
since Jan 2009

Permalink

Jul 2nd, 2009

Re: Spry selection menus

Try something like this for each option box.

JavaScript / DHTML / AJAX Syntax (Toggle Plain Text)
<select name="issuez" spry:repeatchildren="ds1" onchange="ds1.setCurrentRowNumber(this.selectedIndex);" 
<option spry:if="{ds_RowNumber} == {ds_CurrentRowNumber}" value="" selected="selected">{width}</option>
<option spry:if="{ds_RowNumber} != {ds_CurrentRowNumber}" value="">{width}</option>
</select>
<select name="issuez" spry:repeatchildren="ds1" onchange="ds1.setCurrentRowNumber(this.selectedIndex);" 
<option spry:if="{ds_RowNumber} == {ds_CurrentRowNumber}" value="" selected="selected">{width}</option>
<option spry:if="{ds_RowNumber} != {ds_CurrentRowNumber}" value="">{width}</option>
</select>

Last edited by peter_budo; Jul 4th, 2009 at 6:02 am. Reason: Keep It Organized - For easy readability, always wrap programming code within posts in [code] (code blocks) and [icode] (inline code) tags.

alloyking

Reputation Points: 10

Solved Threads: 0

Newbie Poster

Offline

1 posts
since Jul 2009

This thread is more than three months old

No one has posted to this discussion for at least three months. Please let old threads die and do not reply to them unless you feel you have something new and valuable to contribute that absolutely must be added to make the discussion complete. Otherwise, please start a new thread in this forum instead.

Previous Thread in JavaScript / DHTML / AJAX Forum Timeline: scroll smoothly

Next Thread in JavaScript / DHTML / AJAX Forum Timeline: JQuery - Help adding automatic fading slides

DaniWeb Message

Cancel Changes

User Name
Password