Como hacer que mientras escribo algo, haga otra cosa

guidito1 · #1 (**permalink**) 28/02/2011, 20:20

Hola gente!! Es mi primer tema creado!
Programo en PHP, y necesito saber una cosa que la verdad no conzco de JavaScript:

Tengo un textbox.

Quiero que mientras yo escriba algo en el texto, pase otra cosa. Pero con PHP NO PUEDO, porque lo ejecuta en el servidor. Hay forma de hacer esto?

Es decir, un if

if (texto.text = "A")
{
HACE X COSA

GRACIASS!

pistonasos · #2 (**permalink**) 28/02/2011, 21:18

Buscando un pocode JavaScript en Google es suficiente para aclarar tu respuesta.Tenelo en cuenta para la pròxima.

Ponele que tenès un <form> con un <input type=text/>:

Código:

<form name="MiForm" action="Procesa.php" method="post">
 <input type="text" name="Campo" />
</form>

Ahora el JS:(No garantizo quefuncione, si me dàs tiempo un dia de estos lo pruevo).

Código:

function haceCosa() #Creo la funcion que debe ser llamada desde HTML (onLoad;onFocus;onMouseOut)
{
if(document.MiForm.Campo.value=="Hola Mundo")  #Si el valor del campo es igual a Hola Mundo
{
ACCION;            #Realizo la accion 
clearTimeout(timer); #Y borro la funcion set Timeout en caso de que exista
}
else  #Si eltexto introducido es desigual a "Hola Mundo"
{
timer=setTimeout("haceCosa",500);  #Vuelvo a hacer todo cada 500 milisegundos a ver si el usuario
}                                                                  #Escribiò Hola Mundo en el campo de texto
}

Buscà en Google "JavaScript setTimeout", "Validacion de formularios"

PD:Estoy algo oxidado con JS, igualmente espero haberte ayudado.Salu2¡¡¡.

pistonasos · #3 (**permalink**) 05/03/2011, 10:29

Acà te loprobè en Google Chrome y en Opera:

Código:

<html>
<head>
 <script language="JavaScript">
  function haceCosa(valor)
  {
   if(document.miform.campo.value==valor)
    {
     mens=alert('Haz escrito "'+valor+'"');
     if(mens==true)
    {
     clearTimeout(timer)
    }
   }
   else
   {
    timer=setTimeout("haceCosa('"+valor+"')",10);
   }
  }
 </script>
</head>
 <body>

 <form name="miform">
  <input tupt="text" name="campo" onclick="haceCosa('hola mundo')"/>
 </form>

 </body>
</html>

guidito1 · #4 (**permalink**) 05/03/2011, 20:22

Muchisisimas gracias, te agradezco mucho tu tiempo. Ya lo estoy probando y te digo!

pistonasos · #5 (**permalink**) 06/03/2011, 17:13

Y.¿que tal?¿funcionò para lo que querìas?.
Denada, estoy todo el dia al pedo igual.Jajajaj.Salu2¡¡¡