¿Hay un simple control deslizante de JavaScript? [cerrado]

StackOverflow https://stackoverflow.com/questions/173046

Pregunta

Necesito crear un control deslizante de volumen personalizado para un objeto WMP. El control deslizante actual es complicado de modificar y usar, ¿hay una manera simple de generar un control deslizante en una página HTML que pueda pasar su valor a una función de JavaScript?

¿Fue útil?

Solución

jQuery UI Slider ( Documentos de API )

Otros consejos

hey, acabo de crear mi propio control deslizante JS porque tuve suficiente de la pesada interfaz de usuario de Jquery. Interesado en escuchar los pensamientos de las personas. He estado en esto durante 5 horas, así que las etapas realmente muy tempranas.

jsfiddle_slider

HTML 5 con Webforms 2 proporciona un <input type="range"> que hará que el navegador genere un control deslizante nativo para usted. Lamentablemente, todos los navegadores no son compatibles con esto, sin embargo google ha implementado todos los controles de Webforms 2 con js. IIRC the js es lo suficientemente inteligente como para saber si el navegador ha implementado el control y se dispara solo si no hay una implementación nativa.

Desde mi punto de vista, debería considerarse la mejor práctica utilizar los controles nativos del navegador cuando sea posible.

Un control deslizante simple: ¡acabo de probar esto en HTML5 puro , y es tan simple ! 

<input type="range">

Funciona de maravilla en Chrome. Todavía no he probado otros navegadores.

Aquí hay otra Control deslizante de JavaScript que parece satisfacer sus necesidades.

script.aculo.us tiene un control deslizante que vale la pena echarle un vistazo .

El framework ligero MooTools tiene uno: http://demos.mootools.net/Slider

El Carpe Slider también tiene versiones más nuevas:
v1.5 carpe_ambiprospect_slider v2.0b ... control deslizante / borradores / v2.0 /

Aquí hay un objeto deslizante simple para usar fácilmente

pagecolumn_webparts_sliders

El siguiente código debería ser suficiente para comenzar. Probado en Opera, IE y Chrome. 

<script>
var l=0;
function f(i){
im = 'i' + l;
d=document.all[im];
d.height=99;
document.all.f1.t1.value=i;
im = 'i' + i;
d=document.all[im];
d.height=1;
l=i;
}
</script>
<center>
<form id='f1'>
<input type=text value=0 id='t1'>
</form>
<script>
for (i=0;i<=50;i++)
 {
 s = "<img src='j.jpg' height=99 width=9 onMouseOver='f(" + i + ")' id='i" + i + "'>";
 document.write(s);
 }
</script>
Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top