AJAX

Spry selection menus

Please support our JavaScript / DHTML / AJAX advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases

•

Join Date: Jan 2009

Posts: 13

Reputation: jorgeberber is an unknown quantity at this point

Solved Threads: 0

jorgeberber jorgeberber is offline

Offline

Newbie Poster

Spry selection menus

Jul 2nd, 2009

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

 Help with Code Tags 
 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>

•

Join Date: Jul 2009

Posts: 1

Reputation: alloyking is an unknown quantity at this point

Solved Threads: 0

alloyking

Offline

Newbie Poster

Re: Spry selection menus

Jul 2nd, 2009

Try something like this for each option box.

 Help with Code Tags 
 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.