Ver Mensaje Individual
  #7 (permalink)  
Antiguo 21/10/2010, 05:11
Avatar de SirDuque
SirDuque
 
Fecha de Ingreso: febrero-2009
Ubicación: Paso del Rey, Buenos Aires, Argentina
Mensajes: 975
Antigüedad: 15 años, 5 meses
Puntos: 89
Respuesta: Automatizar sistema de facturacion

Bueno les cuento que buscando googleando y foreando arme esto.
funciona con ENTER y va saltando de campo en campo, a su ves muestra otra fila.
Me gusto mucho espero que les sirva.

Dejo mas abajo el codigo, Ahora necesito:

Con javascript, Sumar can1 * uni1 y el resultado mostrarlo en sub1.
Algun scrip?


Codigo en formacion:
Código HTML:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <meta http-equiv="Content-Type" content="text/html; charset=latin1"/>
  4. <title>Recompilado por SirDuque</title>
  5. <script language="javascript">
  6. function cambiarDisplay(id) {
  7.   if (!document.getElementById) return false;
  8.   fila = document.getElementById(id);
  9.   if (fila.style.display != "none") {
  10.  //   fila.style.display = "none"; //ocultar fila
  11.   } else {
  12.     fila.style.display = ""; //mostrar fila
  13.   }
  14. }
  15.  
  16. nextfield = "can1"; // name of first box on page
  17. netscape = "";
  18. ver = navigator.appVersion; len = ver.length;
  19. for(iln = 0; iln < len; iln++) if (ver.charAt(iln) == "(") break;
  20. netscape = (ver.charAt(iln+1).toUpperCase() != "C");
  21.  
  22. function keyDown(DnEvents) { // handles keypress
  23. // determines whether Netscape or Internet Explorer
  24. k = (netscape) ? DnEvents.which : window.event.keyCode;
  25. if (k == 13) { // enter key pressed
  26. if (nextfield == 'done') return true; // submit, we finished all fields
  27. else { // we're not done yet, send focus to next box
  28. eval('document.yourform.' + nextfield + '.focus()');// ATENTOS Aca va el nombre del FORM
  29. return false;
  30.      }
  31.   }
  32. }
  33. document.onkeydown = keyDown; // work together to analyze keystrokes
  34. if (netscape) document.captureEvents(Event.KEYDOWN|Event.KEYUP);
  35. //  End -->
  36. </head>
  37. <form name=yourform>
  38. <table width="100%" border="1">
  39.   <tr id="a">
  40.     <td><input name="can1" type="text" id="can1" size="2" maxlength="2" autocomplete="off" onFocus="nextfield ='cod1';" /></td>
  41.     <td><input name="cod1" type="text" id="cod1" size="14" maxlength="13" autocomplete="off" onkeypress="cambiarDisplay('b')"onFocus="nextfield ='can2';" /></td>
  42.     <td><input name="des1" type="text" id="des1" size="55" maxlength="50" autocomplete="off"/></td>
  43.     <td><input name="uni1" type="text" id="uni1" size="6" maxlength="4" autocomplete="off"/></td>
  44.     <td><input name="sub1" type="text" id="sub1" size="6" autocomplete="off" /></td>
  45.   </tr>
  46.     <tr id="b" style="display:none">
  47.     <td><input name="can2" type="text" id="can2" size="2" maxlength="2" autocomplete="off" onFocus="nextfield ='cod2';"   /></td>
  48.     <td><input name="cod2" type="text" id="cod2" size="14" maxlength="13" autocomplete="off" onkeypress="cambiarDisplay('c')"
  49.    onFocus="nextfield ='can3';" /></td>
  50.     <td><input name="des2" type="text" id="des2" size="55" maxlength="50" autocomplete="off"/></td>
  51.     <td><input name="uni2" type="text" id="uni2" size="6" maxlength="4" autocomplete="off"/></td>
  52.     <td><input name="sub2" type="text" id="sub2" size="6" autocomplete="off"/></td>
  53.   </tr>
  54.     </tr>
  55.     <tr id="c" style="display:none">
  56.     <td><input name="can3" type="text" id="can3" size="2" maxlength="2" autocomplete="off" onFocus="nextfield ='cod3';"   /></td>
  57.     <td><input name="cod3" type="text" id="cod3" size="14" maxlength="13" autocomplete="off" onkeypress="cambiarDisplay('d')" onFocus="nextfield ='can4';" /></td>
  58.     <td><input name="des3" type="text" id="des3" size="55" maxlength="50" autocomplete="off"/></td>
  59.     <td><input name="uni3" type="text" id="uni3" size="6" maxlength="4" autocomplete="off"/></td>
  60.     <td><input name="sub3" type="text" id="sub3" size="6" autocomplete="off"/></td>
  61.   </tr>
  62.     </tr>
  63.     <tr id="d" style="display:none">
  64.     <td><input name="can4" type="text" id="can4" size="2" maxlength="2" autocomplete="off" onFocus="nextfield ='cod4';"   /></td>
  65.     <td><input name="cod4" type="text" id="cod4" size="14" maxlength="13" autocomplete="off" onFocus="nextfield ='done';"/></td>
  66.     <td><input name="des4" type="text" id="des4" size="55" maxlength="50" autocomplete="off"/></td>
  67.     <td><input name="uni4" type="text" id="uni4" size="6" maxlength="4" autocomplete="off"/></td>
  68.     <td><input name="sub4" type="text" id="sub4" size="6" autocomplete="off" /></td>
  69.   </tr>
  70. <center>               
  71. <input type=submit name=done value="Submit">
  72. </center>
  73. </form>
  74. </body>
  75. </html>