insertar nueva fila en tabla con un enter

josco · 13 Junio 2012, 00:44 AM

que tal, quisera saber si se puede hacer esto y si se puede como se hace, por ejemplo tengo una tabla de una columna y una fila osea un solo campo, entonces digamos que quiero que cuando el usuario de un enter dentro de ese campo se agregue otra fila a la tabla y el cursor de el texto se valla a esa nueva fila.

saludos..

#!drvy · 15 Junio 2012, 00:11 AM

Con jQuery bastante sencillo.. con puro javascript y un poco mas de lineas tambien.

Código (javascript) [Seleccionar]


<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script lang="javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
  // Si en la clase mitexto, se pulsa una tecla
  $(".mitexto").live("keypress",function (e){
    // y esa tecla es 13 (ENTER)
    if(e.keyCode == 13){
      // Añadir a la tabla una fila nueva.
      $('#mitabla').append('<tr><td><input type="text" class="mitexto" /></td></tr>');
      // Poner el focus en el nuevo input.
      $('.mitexto').last().focus();
    }
  });
});
</script>
</head>
<body>
<table id="mitabla">
  <tr><td><input type="text" class="mitexto" /></td></tr>
</table>
</body>
</html>

Saludos

josco · 15 Junio 2012, 02:25 AM

gracias lo voy a probar.

saludos

Test Foro de elhacker.net SMF 2.1

insertar nueva fila en tabla con un enter

josco

#!drvy

josco