Ver Mensaje Individual
  #1 (permalink)  
Antiguo 02/01/2011, 15:43
fedorlatorre
 
Fecha de Ingreso: junio-2010
Mensajes: 20
Antigüedad: 14 años, 5 meses
Puntos: 0
agregar elementos apretando el botón enter

Estoy intentando hacer un formulario que recoja el texto del campo input=text
y lo inserte en una capa.
De momento el script funciona al apretar el boton de envío, pero no consigo hacerlo al apretar el boton enter.
¿Cómo puedo conseguir eso?

Pego el código abajo para que sepáis de qué hablo. Gracias por anticipado.

1) Defino una sencilla función javascript que uso más tarde para agregar el texto en el interior de la capa:

Código Javascript:
Ver original
  1. <script type="text/javascript">
  2.  
  3. function addElement(texto){
  4.  
  5.     var capa = document.getElementById("capa");
  6.     var span = document.createElement("span");
  7.     span.innerHTML = texto;
  8.     capa.appendChild(span);
  9.  
  10.         }
  11.  
  12. </script>

2) Creo un formulario html en el que al clicar en el botón, inserta el texto en la capa:

Código HTML:
<form>
<label for=texto">Texto:</label><input id="texto" type="text"  size=40/>
<input type="button" onClick="addElement(getElementById('texto').value);" value="Añadir Elemento"/>
</form> 
?) PROBLEMA: Insertar texto dentro de la capa al apretar la tecla enter:

Se me ocurre algo así como poner
Código Javascript:
Ver original
  1. onkeypress="inserta_texto();"
pero no sé como debería ser esa función. ALGUNA IDEA?