Esiste un semplice cursore JavaScript? [chiuso]

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

Domanda

Devo creare un dispositivo di scorrimento del volume personalizzato per un oggetto WMP. L'attuale dispositivo di scorrimento è complicato da modificare e utilizzare, esiste un modo semplice per generare un dispositivo di scorrimento in una pagina HTML che può far passare il suo valore a una funzione javascript?

È stato utile?

Soluzione

jQuery UI Slider ( Documenti API )

Altri suggerimenti

hey ho appena creato il mio slider JS perché ne avevo abbastanza dell'interfaccia utente di Jquery pesante. Interessato ad ascoltare i pensieri delle persone. Ci sono stato per 5 ore, quindi fasi davvero molto iniziali.

jsfiddle_slider

HTML 5 con Webforms 2 fornisce un <input type="range"> che consente al browser di generare un dispositivo di scorrimento nativo per te. Sfortunatamente tutti i browser non hanno supporto per questo, tuttavia google ha implementato tutti i controlli di Webforms 2 con js. IIRC the js è abbastanza intelligente da sapere se il browser ha implementato il controllo e si innesca solo se non c'è implementazione nativa.

Dal mio punto di vista, quando possibile, dovrebbe essere considerata la migliore pratica usare i controlli nativi del browser.

Un semplice dispositivo di scorrimento: l'ho appena testato in HTML5 puro e è così semplice ! 

<input type="range">

Funziona come un fascino su Chrome. Non ho ancora testato altri browser.

Ecco un'altra luce Slider JavaScript che sembra soddisfare le tue esigenze.

script.aculo.us ha un controllo del dispositivo di scorrimento che potrebbe valere la pena di verificare .

Il framework MooTools leggero ha uno: http://demos.mootools.net/Slider

Raccomando Slider di Filament Group, ha un'ottima esperienza utente

http://www.filamentgroup.com/lab/update_jquery_ui_slider_from_a_ >

Carpe Slider ha anche versioni più recenti:
v1.5 carpe_ambiprospect_slider v2.0b ... cursore / bozze / v2.0 /

Ecco un semplice oggetto a scorrimento per un facile utilizzo

pagecolumn_webparts_sliders

Il codice seguente dovrebbe essere sufficiente per iniziare. Testato su Opera, IE e 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>
Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top