¿Como envio desde un textarea pulsando enter?

skywolker · #1 (**permalink**) 15/04/2015, 07:10

¿Como envio desde un textarea pulsando enter?ç

hola me gustaria que cuando escribo en el textarea no baje la linea si no que se envie pueden ver el ejemplo en esta pagina

http://www.e-chat.co/room/74549

MaNuX0218 · #2 (**permalink**) 15/04/2015, 07:56

Te dejo un ejemplo de como podrias hacerlo:

Código Javascript:

Ver original$("#ID_TEXTAREA").on("keyup", function(e){
    if (e.keyCode == 13) {
       // Aquí lo que se envia al pulsar enter
    }
});

Espero te sirva, saludos.

PHPeros · #3 (**permalink**) 15/04/2015, 07:59

Si al usuario le quitas la opción de usar el salto de línea en un textarea, para eso utiliza input text

skywolker · #4 (**permalink**) 15/04/2015, 08:24

Cita:

Iniciado por MaNuX0218

Te dejo un ejemplo de como podrias hacerlo:

Código Javascript:

Ver original$("#ID_TEXTAREA").on("keyup", function(e){
    if (e.keyCode == 13) {
       // Aquí lo que se envia al pulsar enter
    }
});

Espero te sirva, saludos.

no funciona

PHPeros · #5 (**permalink**) 15/04/2015, 08:26

Cita:

Iniciado por skywolker

no funciona

Igual es por que no tienes jQuery

MaNuX0218 · #6 (**permalink**) 15/04/2015, 08:31

Tienes que agregar la librería jQuery para que funcione.

Código Javascript:

Ver original<script src="http://code.jquery.com/jquery-1.11.2.min.js"><script>

Saludos.

Carlangueitor · #7 (**permalink**) 15/04/2015, 09:07

A eso le falta un e.preventDefault()

Saludos

PHPeros · #8 (**permalink**) 15/04/2015, 09:31

Eso más la sentencia para enviar el formulario:

Cita:

hola me gustaria que cuando escribo en el textarea no baje la linea sino que se envie

Además, preventDefault() solo se puede usar con keydown y keypress, porque una vez ya se ha escrito, obviamente no se puede cancelar. Luego keyup no sería correcto en este caso. Cámbialo por uno de los dos.

skywolker · #9 (**permalink**) 15/04/2015, 13:08

si estoy usando jquery y no funciona.

Carlangueitor · #10 (**permalink**) 15/04/2015, 15:26

Pues pon tu código con todo el método para enviar.

Saludos

skywolker · #11 (**permalink**) 16/04/2015, 03:31

tengo este jquery <script type="text/javascript" src="js/jquery-2.1.0.min.js"></script>

MaNuX0218 · #12 (**permalink**) 16/04/2015, 04:27

Utiliza el jQuery que te pasé, te funcionará.

Y como te comentan, editando lo que te pasé realizará lo que necesitas.

Saludos.

Carlangueitor · #13 (**permalink**) 16/04/2015, 08:27

La versión de jQuery no debería afectar en nada.

Saludos

skywolker · #14 (**permalink**) 18/04/2015, 09:55

Cita:

Iniciado por Carlangueitor

La versión de jQuery no debería afectar en nada.

Saludos

eso digo yo el jquery que tengo es mas reciente.

Cita:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>

<script src="http://code.jquery.com/jquery-1.11.2.min.js"></script>

<title>Page title</title>
</head>
<body>

<script language="JavaScript" type="text/javascript">

</script>

<form action="PRUEBA.php">

<textarea id="ID_TEXTAREA" ></textarea>

</form>

</body>
</html>

use tu jquery no funciona

MaNuX0218 · #15 (**permalink**) 18/04/2015, 10:14

No funciona por que donde le dices que se agrege el texto escrito del textarea, pruebalo así:

Código HTML:

Ver original<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
 
<html>
<head>
 
<script src="http://code.jquery.com/jquery-1.11.2.min.js"></script>
 
<title>Page title</title>
</head>
<body>
 
<script language="JavaScript" type="text/javascript">
<!--
$("#id_input").on("keyup", function(e){
if (e.keyCode == 13) {
$("#id_div").html($("#ID_UNPUT").val());
}
});
 
//-->
</script>
 
<form action="PRUEBA.php">
 
<input type="text" id="id_input" />
 
</form>
 
<div id="id_div"></div>
</body>
</html>

Te he cambiado a un input ya que es mejor para que no realice saltos de línea.

Saludos.

skywolker · #16 (**permalink**) 19/04/2015, 02:13

no sale nada , ademas tienes que ser un textarea no un input text

MaNuX0218 · #17 (**permalink**) 19/04/2015, 02:45

Pues cambialo a un textarea, como te dije te lo puse con input para los saltos de linea:

Código HTML:

Ver original<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
 
<html>
<head>
 
<script src="http://code.jquery.com/jquery-1.11.2.min.js"></script>
 
<title>Page title</title>
</head>
<body>
 
<script language="JavaScript" type="text/javascript">
<!--
$("#id_textarea").on("keyup", function(e){
if (e.keyCode == 13) {
$("#id_div").html($("#id_textarea").val());
}
});
 
//-->
</script>
 
<form action="PRUEBA.php">
 
<textarea id="id_textarea"></textarea>
 
</form>
 
<div id="id_div"></div>
</body>
</html>

skywolker · #18 (**permalink**) 20/04/2015, 02:51

ya lo había puesto con un textarea y no funciona saltos de linea pero nada de enviar.

Carlangueitor · #19 (**permalink**) 20/04/2015, 08:40

Carajo muchacho, pon tu código y dejamos de jugar a las adivinanzas.

Saludos

MaNuX0218 · #20 (**permalink**) 20/04/2015, 08:57

Si, muestranos el código completo, por que lo que te pasé funciona perfectamente.

Saludos.

skywolker · #21 (**permalink**) 21/04/2015, 03:00

Este es el codigo completo que tengo y no funciona

Cita:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>

<script src="http://code.jquery.com/jquery-1.11.2.min.js"></script>

<title>Page title</title>
</head>
<body>

<script language="JavaScript" type="text/javascript">

</script>

<form action="PRUEBA.php">

<textarea id="id_textarea"></textarea>

</form>

<div id="id_div"></div>
</body>
</html>

MaNuX0218 · #22 (**permalink**) 21/04/2015, 05:52

Ese es el mismo que te pase, y como envias el formulario a prueba.php tienes que agregar en ese archivo lo que recoje al enviar.

Saludos.

skywolker · #23 (**permalink**) 22/04/2015, 09:24

dejalo esto es imposible.

Carlangueitor · #24 (**permalink**) 22/04/2015, 09:34

¿y en donde carajos estás poniendo la parte que envía el formulario?