I want a use a Dual Slider (Range) HTML control, similar to the JQuery dual Slider, without having to load a huge JavaScript framework just to use it.
Does such a dual slider control exist, that is light weight (filesize) and doesn't require me loading any JavaScript frameworks?
Closest is the new HTML5 <input type="range"> which look like this (in Chrome):
But you're dependent on the webbrowser make/version whether this is supported. It will otherwise render as a simple <input type="text">.
To get a dual slider and achieve the best crossbrowser compatibiliaty with a minimum of own effort, you can hardly go around jQuery. If your major concern is the extra cost of downloading the JS files, consider using a public CDN host for the common scripts.
The simplest solution might be to use jQuery and the closure compiler. I believe the closure compiler will actually remove code that is not used. I have never actually tried this, so YMMV.
Your simplest answer is to use an interpreted language, server side construct or a framework. No alternative to your requested solution. Your asking html to do something it is not intended to do natively. You are also asking that the browsers support features for which they are not natively built to support without compilations, interpretations and math services built in.
Your best bet is to link in to the jquery object from google (@ around 52kbps) your not asking for alot of your users. Only other option is to use Flash which is twice the problem and 1/2 the fun.