Ver Mensaje Individual
  #8 (permalink)  
Antiguo 17/11/2011, 08:11
Dany_s
 
Fecha de Ingreso: diciembre-2009
Ubicación: Misiones
Mensajes: 867
Antigüedad: 14 años, 11 meses
Puntos: 65
Respuesta: Sumar y restar en una tabla

algo asi? no sé como es el tema contable si puede restar cualquier crédito con débito y que actualice sobrante para cancelar otro débito, etc je


Código Javascript:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html>
  3.     <head>
  4.         <title>Prueba</title>
  5.         <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>
  6.         <script>
  7.  
  8.         $( function (){
  9.  
  10.             $('#credito tr').click( function(){
  11.                 if (typeof debito == 'undefined'){
  12.                     alert("Debe seleccionar débito.");
  13.                     return true;
  14.                 }
  15.  
  16.                 var celDebito  = debito.find('.saldo');
  17.                 var celCredito = $(this).find('.saldo');
  18.  
  19.                 var saldoDebito  = parseFloat(celDebito.text());
  20.                 var saldoCredito = parseFloat(celCredito.text());
  21.  
  22.                 creditoImporte = saldoCredito - saldoDebito;
  23.                 debitoImporte  = saldoDebito - saldoCredito;
  24.  
  25.                 celCredito.text( (creditoImporte > 0)?creditoImporte:0 );
  26.                 celDebito.text( (debitoImporte > 0)?debitoImporte:0 );
  27.  
  28.                 debito.removeClass('seleccionar');
  29.             });
  30.  
  31.             $('#debito tr').click( function(){
  32.                 if (typeof debito != 'undefined'){
  33.                     debito.removeClass('seleccionar');
  34.                 }
  35.                 debito = $(this).addClass('seleccionar');
  36.             });
  37.  
  38.         });
  39.  
  40.         </script>
  41.         <style>
  42.             .seleccionar {background:#B6D2F9}
  43.             table{background:#D1E2F9; margin:10px}
  44.         </style>
  45. </head>
  46. <body>
  47.  
  48.     Cr&eacute;dito
  49.     <table id="credito">
  50.         <tr><td class="saldo">100.50</td></tr>
  51.         <tr><td class="saldo">200</td></tr>
  52.         <tr><td class="saldo">300</td></tr>
  53.     </table>
  54.  
  55.     D&eacute;bito
  56.     <table id="debito">
  57.         <tr><td class="saldo">100</td></tr>
  58.         <tr><td class="saldo">200</td></tr>
  59.         <tr><td class="saldo">300</td></tr>
  60.     </table>
  61.  
  62. </body>
  63. </html>