Pulsar intro automáticamente tras 8 segundos

humanista · #1 (**permalink**) 31/05/2014, 07:36

Hola,

estoy intentando hacer algo un poco raro.

Tengo un input=text (una caja de texto) y lo que pretendo es que el usuario introduzca un texto y pulse intro. Luego le llevará a un sitio, pero eso ya es otra historia.

La idea es que sea lo más sencillo posible, y si para de escribir durante 8 segundos en la caja de texto pero no pulsa intro, automáticamente el sistema pulse intro "por él".

Alguna idea?

Italico76 · #2 (**permalink**) 31/05/2014, 08:03

Eso seria:

- Crear un timer asociado al evento onKeyup() a una funcion anonima que concatene "\n" en ese TEXTAREA

Código Javascript:

Ver original<html>
<head>
<title>No molestar!</title>
<style>
    body {background-color: #000;}  
    
    h1 {color: white;}
 
   textarea#no_stop
   {
        width:350px;
        height:350px;
        background-color: #eee;     
        color: white;       
        border: red 5   px;
        position:relative;
   }
</style>
</head>
<body>
<h1> No te detengas!</h1>
 
<TEXTAREA id="no_stop"></TEXTAREA>
 
<script>
        
    window.onload = function()
    {   
        tx = document.getElementById('no_stop');    
 
        miHandler = function()
        {
            setTimeout(function(){
                console.log('Pasaron 8 seg y nada! perezoso!');
                tx.value += '\n'
            },8000);    
        };  
            
                
        tx.addEventListener ('keyup',miHandler,false);          
        
    }
        
</script>
</body>
</html>

Alexis88 · #3 (**permalink**) 31/05/2014, 12:20

Otra manera:

Código Javascript:

Ver originalvar input = document.getElementById("id_input"),
    uri = "http://www.google.com",
    intervalo;
 
input.addEventListener("keyup", function(e){
    if (e.keyCode == 13)
        window.location = uri;
    else{
        clearInterval(intervalo);
        intervalo = setInterval(function(){
            window.location = uri;
        }, 8000);
    }
}, false);

Cuando el usuario empiece a escribir y no pulse la tecla ENTER, limpiamos el intervalo de tiempo (exista o no) que debe de transcurrir para hacer la redirección y lo establecemos o volvemos a establecer, es decir, al inicio no habrá intervalo porque no se está escribiendo (lo cual me parece que es lo más sensato), luego, el usuario empieza a escribir y el tiempo empieza a contar hasta que el usuario nuevamente escriba, en ese momento, se corta la cuenta y se reinicia, pero si pulsa la tecla ENTER, se realiza la redirección. Lo mismo sucederá si no se pulsa tecla alguna durante 8000 milisegundos que equivalen a 8 segundos.

Saludos

humanista · #4 (**permalink**) 01/06/2014, 04:06

Alexis88 la tuya me funciona pero creo que olvidé un detalle.

Al darle al intro tiene que ir a una página del tipo:

www.miweb.com/search/?q=contenido_del_input_text

He intentado con:

Código Javascript:

Ver originaluri = "search/?q="+input.value

pero nada... ;(

(no lo he dicho pero el input text está en un formulario)

Alexis88 · #5 (**permalink**) 01/06/2014, 04:21

¿Y si lo intentas así?

Código Javascript:

Ver originalvar input = document.getElementById("id_input"),
    uri = "http://www.miweb.com/search/?q=",
    intervalo;
 
input.addEventListener("keyup", function(e){
    if (e.keyCode == 13)
        window.location = uri + this.value;
    else{
        clearInterval(intervalo);
        intervalo = setInterval(function(){
            window.location = uri + this.value;
        }, 8000);
    }
}, false);

Pero primero asegúrate de que esa es la forma que toma la URI luego de hacer una búsqueda, es decir, si http://www.miweb.com/search/?q=dato produce un resultado válido. Por ejemplo, al hacer una búsqueda en Google, la URI toma esta forma: https://www.google.com/#q=dato.

Saludos

humanista · #6 (**permalink**) 01/06/2014, 04:34

Lo he comprobado pero nada, me da valor "undefinied"...

Alexis88 · #7 (**permalink**) 01/06/2014, 04:38

¿Qué pasa si en la barra de direcciones intentas acceder a algo como http://www.miweb.com/search/?q=dato? Si produce un resultado válido (ojo con esto), entonces el problema está en la función, caso contrario, en la URI.

Sigo creyendo que la URI que proporcionas, no tiene un formato válido. Quizá sea como en el buscador de Google, que en lugar del signo de interrogación ?, hay un hash #, aunque esa URI tiene pinta de haber sido formateada desde el .htaccess, tomando la forma de una URI amigable.

humanista · #8 (**permalink**) 01/06/2014, 04:46

Sï que produce un resultado válido, lo he comprobado. De hecho cambio this.value por un término de búsqueda cualquiera ("ordenador" por ejemplo) y la función va bien.

Pongo ? sólo porque obvio el index.php

humanista · #9 (**permalink**) 01/06/2014, 04:52

Lo tengo!!!

Basta con cambiar uri + this.value por uri + input.value

gracias Alexis88, me has ayudado mucho!!!

Alexis88 · #10 (**permalink**) 01/06/2014, 04:56

Mira este pequeño ejemplo que hice con el mismo código, aquí está el código fuente. Compáralo con lo que hiciste y corrige lo que no concuerde. Me voy a dormir, es muy tarde por acá y muero de sueño. Realiza la comparación con paciencia para que puedas hallar el desperfecto.

Saludos

Edito: ¡Enhorabuena!

Italico76 · #11 (**permalink**) 01/06/2014, 05:47

@humanista : se que mi solucion tenia errores (estoy aprendiendo JS) ... pero de ahi a ignorarla por completo...... menos mal eres "humanista", personas como vos son las que hace que uno se replantee para que estamos aca

@Alexis88:

humanista · #12 (**permalink**) 03/06/2014, 00:21

Italico76 tienes razón. Probé tu script y no me funcionaba. Iba con mucha prisa y se me pasó responderte. Mil disculpas.