Foros del Web - Ver Mensaje Individual

ipraetoriux · #2 (**permalink**) 10/02/2013, 00:51

...pues mirando un poquito te consulto...

1ero. porque usas un textarea para agregar items?...lo mejor seria usar un input text...
2do. porque te complicas con el next(), podes directamente usar append
3ero. como caputaras el evento de la tecla enter?..

mira acá te lo modifique fácil...luego tu lo ajustas con la animacion, esto funciona en IE, Chrome, FF...lo que hacemos primero es detectar si se ha presionado una tecla y luego ver su valor, si es un enter, usando append anañes como lista el valor del input, y luego lo limpias para que siga funcionando...

aca te dejo el codigo, y aca te lo puse online para que veas...http://jsbin.com/oxibas/22/edit

Código HTML:

Ver original<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<meta charset=utf-8 />
<title>JS Bin</title>
</head>
<body>
<div class="pros">
    <header><h1>PROS</h1></header>
  <input type="text" id="pro" class="animated" placeholder="Add PROS items to this list"/>
 
    <ul id="listpro" class="listitems"></ul>
</div>
</body>
</html>

Código Javascript:

Ver originaldocument.onkeypress=function(e){
var esIE=(document.all);
var esNS=(document.layers);
var tecla=(esIE) ? event.keyCode : e.which;
if(tecla==13){
  $('#listpro').append('<li>' + $('#pro').val() + '</li>');
  $('#pro').val('');
  return false;
  }
};