Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
<link href="http://getbootstrap.com/dist/css/bootstrap.css" rel="stylesheet" type="text/css" />
<script src="http://getbootstrap.com/dist/js/bootstrap.js"></script>
<script src="http://code.jquery.com/jquery-latest.js"></script>
  <script src="//jquery-formatcurrency.googlecode.com/files/jquery.formatCurrency-1.4.0.js"></script>
<meta charset=utf-8 />
<title>JS Bin</title>
  <style>
    body {margin:20px;}
    input {width:75px;text-align:right;}
  </style>
</head>
<body>
  <p><button class="btn" id="btnAdd">Add Row</button></p>
  <form class="form-inline">
    <table id="edit-field-project-resrc-budget-fund">
      
    </table>
  <form>
</body>
</html>
 
 
$(function() {
  var tbl = '#edit-field-project-resrc-budget-fund';
  
  var makeId = function(index, pos) {
    return 'tablefield_0_cell_' + index + '_' + pos;
  };
  
  var makeRow = function(index, pos, disable) {
    var disabled = (disable || false) ? 'disabled' : '';
    return '<td>' +
      '<input id="' + makeId(index, pos) + '"' + disabled +
      ' type="text" class="input-small" /></td>';
  };
  
  $('#btnAdd').on('click', function() {
    var $tbl = $(tbl),
        count = $(tbl).find('tr').length,
        style = 'type="text" class="input-small"';
    $('<tr>' +
      '<td><label>Row: ' + count + '</label></td>' +
      makeRow(count, 1) +
      makeRow(count, 2) +
      makeRow(count, 3, true) +
      '</tr>').appendTo($(tbl));
  });
  
  $(tbl).on('keyup', 'input', function() {
    var $this = $(this),
        $tr = $this.closest('tr'),
        row = $tr.index();    
    
    var cell_value1=Number($('#'+ makeId(row, 1))
                           .val().replace(/[^0-9\.]+/g,""));
    var cell_value2=Number($('#'+ makeId(row, 2))
                           .val().replace(/[^0-9\.]+/g,""));
    var sum_cell_column =(cell_value1+cell_value2);
    
    $('#'+ makeId(row, 3))
      .val(sum_cell_column).formatCurrency();
  });
  
});
Output 300px

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
jedatupro
0viewers