Existe-t-il un simple curseur JavaScript?
J'ai besoin de créer un curseur de volume personnalisé pour un objet WMP. Le curseur actuel est compliqué à modifier et à utiliser. Existe-t-il un moyen simple de générer un curseur sur une page HTML qui peut transmettre sa valeur à une fonction javascript?
hé je viens de créer mon propre curseur JS parce que j'en avais assez du lourd Jquery UI. Intéressé à entendre les pensées des gens. J'y suis depuis 5 heures, donc vraiment très tôt.
HTML 5 avec Webforms 2 fournit un <input type="range"> ce qui fera que le navigateur générera un curseur natif pour vous. Malheureusement, tous les navigateurs ne prennent pas en charge cela, cependant google a implémenté tous les contrôles Webforms 2 avec js. IIRC the js est suffisamment intelligent pour savoir si le navigateur a implémenté le contrôle et ne se déclenche que s'il n'y a pas d'implémentation native.
De mon point de vue, il devrait être considéré comme la meilleure pratique d'utiliser les contrôles natifs des navigateurs lorsque cela est possible.
Un curseur simple: je viens de le tester en HTML5 pur, et c'est tellement simple!
<input type="range">
Cela fonctionne comme un charme sur Chrome. Je n'ai pas encore testé d'autres navigateurs.
Voici une autre lumière JavaScript Slider qui semble correspondre à vos besoins.
Yahoo UI library a également un contrôle du curseur ...
script.aculo.us a un contrôle du curseur qui pourrait valoir la peine d'être vérifié.
Je recommande Slider de Filament Group, il a une très bonne expérience utilisateur
Il y a un joli curseur javascript, il est très facile à mettre en œuvre. Vous pouvez télécharger le package Zip ici: http://ruwix.com/javascript-volume-slider-control/
p.s. voici la version simplifiée du script ci-dessus:
Le cadre léger MooTools en a un: http://demos.mootools.net/Slider
Voici un objet curseur simple pour une utilisation facile
Le Carpe Slider a également des versions plus récentes:
v1.5 carpe_ambiprospect_slider v2.0b ... slider/drafts/v2.0 /