Vi starete ancora chiedendo cosa c’entra la parola manopola con questo plugin: beh, se vi cercate la traduzione letterale, knob vuol dire proprio manopola. Non prendetevela con me.

Questo plugin permette di realizzare dei diagrammi grafici piuttosto interessanti, con delle varianti grafiche adattabili a molte situazioni. Il nome di una delle skin grafiche disponibili per questo plugin è tron, come il film della Disney: effettivamente il richiamo mentale è abbastanza azzeccato, anche se l’unica cosa decente di quel film era l’attrice principale, Olivia Wilde. Non aggiungo altro.

Come in tutti i plugin di jQuery, il codice è piuttosto semplice da inizializzare.

<input class="knob" data-width="100" data-displayInput=false value="35">

L’esempio si configura gestendo alcuni tag, come data-width e data-displayInput.
Vi state ancora chiedendo il risultato finale? Eccolo qui:

Non ho avuto ancora la possibilità di testare la compatibilità, nè tantomeno le prestazioni “sul campo”. Ovviamente, non mancherò di aggiornare l’articolo quando i test del caso saranno conclusi.

Ora qualche riferimento: sito ufficiale del plugin, plugin su github