2010-07-07 6 views
0

Je veux utiliser un contrôle HTML Dual Slider (Range), similaire au JQuery dual Slider, sans avoir à charger un énorme framework JavaScript juste pour l'utiliser.Comment utiliser le contrôle JQuery Slider sans charger JQuery?

Un tel contrôle de curseur double existe-t-il, il est léger (taille de fichier) et ne nécessite pas de charger des structures JavaScript?

+0

Vérifiez les réponses dans ce fil: http://stackoverflow.com/questions/877530/javascript-range-slider-dual-slider-exist-without-using-a-framework –

+1

Je ne pense pas que jquery est énorme. Beaucoup de sites profitent d'une bibliothèque Javascript (ou Framework^_ ^), vous devriez aussi. C'est mes deux cents ... Vais-je prendre un -1? –

+0

jquery n'est pas énorme, et peut être déjà téléchargé par l'utilisateur de google: http://encosia.com/2008/12/10/3-reasons-why-you-should-let-google-host-jquery- for-you/ –

Répondre

1

le plus proche est le nouveau HTML5<input type="range"> qui ressemble à ceci (en Chrome):

alt text http://webhole.net/wp-content/uploads/2010/04/html5-slider-input.jpg

Mais vous êtes dépendant de la marque/version webbrowser si cela est pris en charge. Il sera autrement rendu comme un simple <input type="text">.

Pour obtenir un double curseur et obtenir la compatibilité avec les meilleurs navigateurs avec un minimum d'effort, vous pouvez difficilement faire le tour de jQuery. Si votre principale préoccupation est le coût supplémentaire du téléchargement des fichiers JS, pensez à utiliser un public CDN host pour les scripts courants.

+0

comme vous l'avez mentionné - votre réponse est pour un seul curseur, pas un double curseur/gamme qui est ce que je cherche. Donc, votre réponse n'aide pas. – TeddyR

+0

C'est pourquoi j'ai dit "plus proche" :) Vous pouvez aussi simplement l'interpréter comme "Je ne vois pas d'autres alternatives ou de meilleures façons". – BalusC

2

La solution la plus simple pourrait être d'utiliser jQuery et le compilateur de fermeture. Je crois que le compilateur fermera le code qui n'est pas utilisé. Je n'ai jamais vraiment essayé ça, donc YMMV.

+0

qu'est ce que le "compilateur de fermeture"? Voulez-vous dire Google Closure? Si c'est le cas, comment évalue-t-il mon code HTML à inspecter pour voir quels composants JQuery je charge/ne charge pas? – TeddyR

+1

Je veux dire le compilateur de fermeture de Google http://code.google.com/closure/compiler/. Quant à la façon dont cela fonctionne, il regarde votre code pour voir ce qui est utilisé et ce qui ne l'est pas, et se débarrasse de ce qui ne l'est pas. Je ne peux pas vraiment donner une meilleure description que cela car je ne l'ai pas examiné de manière très approfondie. –

0

Votre réponse la plus simple consiste à utiliser un langage interprété, une construction côté serveur ou un framework. Pas d'alternative à votre solution demandée. Vous demandez à html de faire quelque chose qu'il n'est pas destiné à faire nativement. Vous demandez également que les navigateurs prennent en charge les fonctionnalités pour lesquelles ils ne sont pas conçus pour prendre en charge les compilations, interprétations et services de mathématiques intégrés.

Votre meilleur pari est de créer un lien vers l'objet jquery depuis google (@ environ 52kbps) vous ne demandez pas beaucoup de vos utilisateurs. Seule une autre option est d'utiliser Flash qui est le double du problème et la moitié du plaisir.