Bug Tracker

Ticket #6875: selector-test-case.html

File selector-test-case.html, 6.4 KB (added by jas, August 05, 2010 05:15PM UTC)

Selector test case

<!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" xml:lang="en" lang="en">
<head>
<title>selectory-test-case</title>
<meta http-equiv="X-UA-Compatible" content="IE=IE7" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script language="JavaScript" type="text/javascript">
var $j = jQuery.noConflict();
var template = 'path/to/template/';
$j(document).ready(function(){
 $j('#addProduct').click(function() {
  $j('input[name*=\\[txtProductQuantity\\]]').each(function() {
   $j('input[name*=\\[txtProductQuantity\\]]').bind('blur', function() {
    if ($j(this).val()) {
     var x = $j(this).attr('name').replace('[txtProductQuantity]','\\\\[txtProductPrice\\\\]');
     var x = x.replace('[','\\\\[');
     var x = x.replace(']','\\\\]');
     $j('#msg').html(x+' => '+$j('input[name*='+x+']').attr('name'));
     //addTotal($j(this).val(), $j('input[name^='+x+']').val());
    }
   });
   $j('input[name*=\\[txtProductPrice\\]]').bind('blur', function() {
    if ($j(this).val()) {
     var y = $j(this).attr('id').replace('[txtProductPrice]','\\\\[txtProductQuantity\\\\]');
     var y = y.replace('[','\\\\[');
     var y = y.replace(']','\\\\]');
     $j('#msg').html(y+' => '+$j('input[name^='+y+']').val());
     //addTotal($j(this).val(), $j('#'+y).val());
    }
   });
  });
 });
});
function addTotal(item, amt)
{
 if (amt) {
  var total = ($j('#txtProductTotal').val()) ? parseFloat($j('#txtProductTotal').val()) + (parseFloat(item) * parseFloat(amt)) : parseFloat(item) * parseFloat(amt);
 } else {
  var total = ($j('#txtProductTotal').val()) ? parseFloat($j('#txtProductTotal').val()) + (parseFloat(item) * parseFloat(amt)) : parseFloat(item);
 }
 $j('#txtProductTotal').val(parseFloat(total).toFixed(2));
}
function subTotal(item, amt)
{
 if (amt) {
  var total = ($j('#txtProductTotal').val()) ? parseFloat($j('#txtProductTotal').val()) - (parseFloat(item) * parseFloat(amt)) : parseFloat(item) * parseFloat(amt);
 } else {
  var total = ($j('#txtProductTotal').val()) ? parseFloat($j('#txtProductTotal').val()) - parseFloat(item) : parseFloat(item);
 }
 $j('#txtProductTotal').val(parseFloat(total).toFixed(2));
}
function addEmptyRow(id,count,template)
{
	var formRemove = '<a href="#" alt="Remove product?" title="Remove product?">Remove row?</a>';
	var formQuantity = document.createElement('input');
	formQuantity.setAttribute('type', 'text');
 formQuantity.setAttribute('name', 'txtProduct['+count+'][txtProductQuantity]');
 formQuantity.setAttribute('id', 'txtProduct['+count+'][txtProductQuantity]');
 formQuantity.setAttribute('title', 'Product name for row #'+count);
 formQuantity.setAttribute('size', '15');
	var formDescription = document.createElement('input');
	formDescription.setAttribute('type', 'text');
 formDescription.setAttribute('name', 'txtProduct['+count+'][txtProductDescription]');
 formDescription.setAttribute('id', 'txtProduct['+count+'][txtProductDescription]');
 formDescription.setAttribute('title', 'Product description for row #'+count);
 var formPrice = document.createElement('input');
	formPrice.setAttribute('type', 'text');
 formPrice.setAttribute('name', 'txtProduct['+count+'][txtProductPrice]');
 formPrice.setAttribute('id', 'txtProduct['+count+'][txtProductPrice]');
 formPrice.setAttribute('title', 'Product price for row #'+count);
 formPrice.setAttribute('size', '15');
	var formNumber = document.createElement('input');
	formNumber.setAttribute('type', 'text');
 formNumber.setAttribute('name', 'txtProduct['+count+'][txtProductNumber]');
 formNumber.setAttribute('id', 'txtProduct['+count+'][txtProductNumber]');
 formNumber.setAttribute('title', 'Product number for row #'+count);
 formNumber.setAttribute('size', '15');
	var formSource = document.createElement('input');
	formSource.setAttribute('type', 'text');
 formSource.setAttribute('name', 'txtProduct['+count+'][txtProductSource]');
 formSource.setAttribute('id', 'txtProduct['+count+'][txtProductSource]');
 formSource.setAttribute('title', 'Product source for row #'+count);
 formSource.setAttribute('size', '15');

 var formFiller = '*';

 var table = document.getElementById(id);

 if(count<0){count = table.rows.length;count++;}

 var row = table.insertRow(count);

 try {
  var cellRemove = row.insertCell(0);
  cellRemove.innerHTML = formRemove;
  var cellQuantity = row.insertCell(1);
  cellQuantity.appendChild(formQuantity);
  var cellDescription = row.insertCell(2);
  cellDescription.appendChild(formDescription);
  var cellPrice = row.insertCell(3);
  cellPrice.appendChild(formPrice);
  var cellNumber = row.insertCell(4);
  cellNumber.appendChild(formNumber);
  var cellSource = row.insertCell(5);
  cellSource.appendChild(formSource);
  var cellFiller = row.insertCell(6);
  cellFiller.innerHTML = formFiller;

 } catch (ex) {
  alert(ex);
 }
}
</script>
</head>
<body>
<form action="selector-test-case.html" method="post" class="auth-form" name="puchase" id="purchase">
 <div>
		<div id="msg"></div>
  <table border="0" width="100%" class="auth-form txt" cellspacing="5">
   <tr align="center">
    <td title="Add new product element?" width="20" align="left"><a href="#" title="Add new product row?" onclick="javascript:addEmptyRow('products',document.getElementById('products').rows.length,template)" id="addProduct">Add row?</td>
    <td title="Product quantity" width="200" nowrap><strong>Quantity</strong></td>
    <td title="Item description" width="200" nowrap><strong>Item description</strong></td>
    <td title="Item price" width="200" nowrap><strong>Price</strong></td>
    <td title="Part number" width="200" nowrap><strong>Part number</strong></td>
    <td title="Part source" width="200" nowrap><strong>Part source</strong></td>
    <td class="copyright"></td>
   </tr>
   <tr>
    <td colspan="7">
     <table border="0" width="100%" class="auth-form txt" id="products" style="products"></table>
    </td>
   </tr>
   <tr>
    <td colspan="4"></td>
    <td title="Total of parts list" width="2%" class="txt" align="right"><strong>Total:</strong></td>
    <td title="Total of parts list" class="txt">$<input type="text" id="txtProductTotal" name="txtProductTotal" value="" /></td>
    <td class="copyright" id="txtProductTotalErr" width="25" nowrap></td>
   </tr>
  </table>
 </div>
</form>
</body>
</html>

Download in other formats:

Original Format