[SOLUCIONADO] ¿Validar con onchange sin que el elemento cambie directamente por un evento humano?

[berkeleyPunk]

Hola!

En esta página encontramos un jQuery que simula un input range.

Deseo que cuando el único input text que hay ahí cambie de valor, se ejecute una función, digamos la función x().

Para esto, añado onchange="x()" al input. Lo cual funciona, sí, pero sólo cuando es uno mismo quien introduce un valor dentro de dicho input y luego da clic fuera. Pero no funciona si el valor cambia cuando uno desliza el input range simulado.

He aquí el código.

¿Cómo hacer para que se ejecute la función x() cuando cambia el valor del input al deslizar el input range?


Saludos!

[Triby]

No probé, pero tal vez sea tan sencillo como:

Código Javascript:

slide: function( event, ui ) {
        $( "#amount" ).val( "$" + ui.value );
        x(); // Ejecutar la función aquí
      }
 

[berkeleyPunk]

Iniciado por Triby

No probé, pero tal vez sea tan sencillo como...

Gracias por responder, maestro Triby.

Tu propuesta funciona en parte. En efecto, se ejecuta la función x() cuando se pulsa el input range simulado. Pero la función entra en una especie de bucle infinito.

Checa aquí!

[Triby]

Ese bucle infinito está medio raro, porque se activa con solo mover el cursor en el marco (frame) donde aparece el slider y, de hecho, cambia valor por sí mismo.

Supongo que deberás probar en local o revisar si hay algún error con el script del slider.

[Alexis88]

Lo más curioso es que solo sucede cuando se desliza con el mouse, pero si lo haces con las flechas direccionales, solo se ejecuta una vez por cada cambio. Probablemente la sensibilidad del slider sea tanta que cuando lo deslizas, cambia de valor en más de un punto y por eso ocurre ese bug.

Se me ocurre deshabilitar la barra y con ayuda de dos botones, aumentar y disminuir el valor.

Saludos

[berkeleyPunk]

Iniciado por Alexis88

Lo más curioso es que solo sucede cuando se desliza con el mouse, pero si lo haces con las flechas direccionales, solo se ejecuta una vez...

En mi caso, aun cuando mueva el slide con las flechas, continúa saliendo el alert.

Por otro lado, llevo ya un rato tratando de hacer funcionar un input range del modo como lo he descrito. Ya me cansé, así que lo mando al diablo y voy a poner un alternativa. Se me ocurrió inicialmente poner un simple input text y que el usuario meta ahí su valor. Pero, creo que mejor voy a implementar tu propuesta, maestro Alexis88, mediante botones que sumen y/o resten el valor de dicho input.

Vientos maestro, y como siempre, eso que te distingue:

Iniciado por Alexis88

Se me ocurre...

, resulta ser de una infinita ayuda.

Saludos!