Foros del Web » Programando para Internet » Javascript »

Mostrar boton solamente si existe texto en textarea

Estas en el tema de Mostrar boton solamente si existe texto en textarea en el foro de Javascript en Foros del Web. Pues como lo dice el titulo no logro conseguir que el boton se muestre cuando hay algo en el text area este es mi codigo ...
  #1 (permalink)  
Antiguo 05/02/2013, 15:45
Avatar de erozwashere  
Fecha de Ingreso: noviembre-2012
Ubicación: mex
Mensajes: 176
Antigüedad: 11 años, 5 meses
Puntos: 0
Mostrar boton solamente si existe texto en textarea

Pues como lo dice el titulo no logro conseguir que el boton se muestre cuando hay algo en el text area


este es mi codigo simple

Código Javascript:
Ver original
  1. <script type="text/javascript">
  2.  
  3. $(document).on("ready",function(){
  4. var boton = $("#boton");
  5.  
  6. boton.on("click",function(){
  7.  
  8.  
  9. if (!$(".textarea").val()) {
  10.    alert("esta vacio");
  11.    boton.hide("slow");
  12. }
  13.  
  14. else {
  15.    boton.show("fast")
  16.     alert("existe algo");
  17.  
  18. }
  19.  
  20. });
  21.  
  22. });

en teoria el codigo funciona, pero tengo que estar dando click al text area,
como puedo hacer para que solo al escribir algo en el text area me detecte como si fuese un click ??

Ayuda gracias
  #2 (permalink)  
Antiguo 05/02/2013, 16:00
Colaborador
 
Fecha de Ingreso: mayo-2008
Ubicación: $MX['VZ']['Xalapa']
Mensajes: 3.005
Antigüedad: 16 años
Puntos: 528
Respuesta: Mostrar boton solamente si existe texto en textarea

usando eventos de teclado. Yo prefiero el onkyup, que es cuando la tecla se deja de presionar.

<textarea onkeyup="muestra_oculta_boton();"></textarea>
  #3 (permalink)  
Antiguo 05/02/2013, 17:07
Avatar de erozwashere  
Fecha de Ingreso: noviembre-2012
Ubicación: mex
Mensajes: 176
Antigüedad: 11 años, 5 meses
Puntos: 0
Respuesta: Mostrar boton solamente si existe texto en textarea

Cita:
Iniciado por ocp001a Ver Mensaje
usando eventos de teclado. Yo prefiero el onkyup, que es cuando la tecla se deja de presionar.

<textarea onkeyup="muestra_oculta_boton();"></textarea>
la verdad soy novato en este lenguaje y en php apenas me inicio en programacion

como podria aplicar esto onkeyup="muestra_oculta_boton();?

para que funcionara el codigo?


Código Javascript:
Ver original
  1. $(document).on("ready",function(muestra_oculta_boton){
  2. //codigo
  3.  
  4. )}

o como? gracias por responder
  #4 (permalink)  
Antiguo 05/02/2013, 17:17
Colaborador
 
Fecha de Ingreso: mayo-2008
Ubicación: $MX['VZ']['Xalapa']
Mensajes: 3.005
Antigüedad: 16 años
Puntos: 528
Respuesta: Mostrar boton solamente si existe texto en textarea

¿quién habló de php? es sólo html y js.

Código Javascript:
Ver original
  1. <script type="text/javascript">
  2.  
  3. function muestra_oculta_boton(){//declaras tu función
  4.    var boton = $("#boton");
  5.    if (!$(".textarea").val()) {
  6.       alert("esta vacio");
  7.       boton.hide("slow");
  8.    }
  9.  
  10.    else {
  11.       boton.show("fast")
  12.        alert("existe algo");
  13.  
  14.    }
  15. </script>

<textarea onkeyup="muestra_oculta_boton();"></textarea>
//Y la mandas a llamar cuando el usuario deje de presionar una tecla estando en el textarea.


Desde luego, se puede mejorar agregando parámetros para que la función sea más general, o bien reducirla.
  #5 (permalink)  
Antiguo 06/02/2013, 10:14
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 16 años, 10 meses
Puntos: 1567
Respuesta: Mostrar boton solamente si existe texto en textarea

Cita:
Iniciado por erozwashere Ver Mensaje
la verdad soy novato en este lenguaje
Si ese esel caso, arrancar con jQuery, es como aprender a usar la calculadora sin saber las tablas.
Te recomiendo un manual introductorio de javascript
http://librosweb.es es un buen inicio

SAludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.

Etiquetas: boton, jquery, js, textarea
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 16:27.