Just put an example of a DOM Javascript Slider Bar, I used the source orignal written by …[lost link]…
I added a few extra functions and made it update automatically via AJAX (via Sajax) of course! Not been able to find a a decent use for it yet, but I dont want to lose it so here it is. Hope someone may find a use for it.
Example.
tom westcott beta 2.0
July 23rd, 2005 at 6:19 pm
Thats kol. Um.. maybe a Music/Video player?
For Volume controls? or maybe evn the player tracker…
Dono but that looks kol..
November 16th, 2005 at 1:43 pm
Great Code. I am using it as a selector in a sort of hot or not application.
December 5th, 2005 at 3:06 pm
Can i use the slider as Scrollbar for an table
December 22nd, 2005 at 12:31 pm
Sweet! Exactly what I was looking for. I have a mapping app that I can use it for zooming in with. You rock, thanks alot!
January 16th, 2006 at 5:54 pm
Gud link very much useful
January 23rd, 2006 at 6:31 pm
Can anyone tell me where the x_sajax_update javascript function is stored? I don’t seem to see it. thanks.
February 6th, 2006 at 1:56 pm
Good web link.
Thank you Cyberdummy-Web Developer
February 10th, 2006 at 6:30 am
Funny stuff this sajax slider!
I modified a little the code to fit my needs and now it’s just perfect.
I have to make my users “grad” their collection of laserdiscs from 1/10 to 10/10. Default grading is a simple picture. When over’ing this picture, I bring the slider to frond (hidding the picture) and let users set a new grading from 1 to 10. When drag is released I both update the current grading picture to the new value and send a mysql update in background thanks to Sajax.
It allowed me save a very heavy (and user-unfriendly) combo-box from 1 to 10 for each title in collection. Looks a lot better and is self-explanatory at the first look.
Just took me while to realize that the align=center in the table/tr/td construction was giving odd results!
Thanks again!
Julien
March 9th, 2006 at 9:15 am
The example doen’t work in safari 2.0.3. However it does work in MAC FireFox.
March 23rd, 2006 at 3:05 am
well that’s not really ‘ajax’ (which is a meaningless buzzword) but its a good example of DHTML. I might suggest adding the event handlers into a reusable function, rather than copy-pasting the code (yeah i know its only a demo, but still
)
May 11th, 2006 at 12:32 am
Hi, great example! I’m thinking of modifying the javascript to make a similar control… Sort of a vertical “range” slider with two tabs. And also a “static drag” inthe middle the allows the user to drag the range up/down. Just wanted to ask if you have any tips on how to go about doing this?
May 15th, 2006 at 7:37 am
thank you.!!! this is a great code!!
May 23rd, 2006 at 10:05 am
Great DHTML project. Too pressed for time to do it from scratch myself but searched for ages on Google for exactly this - knew what I wanted but keywords like ‘DHTML’ and ‘Slider’ or ’slide bar’ simply turn up page after page of menus which slide down the page. Wasn’t until I used -menu to remove the word menu from the search that this popped up. Great piece of work, THANKYOU!
September 15th, 2006 at 10:44 am
Yes. This is such a good site to learn more about ajax.
Please i want to get full source code about drag and drop.
December 22nd, 2006 at 11:22 am
We have made changes to this code and its working great with safari
January 5th, 2007 at 4:36 am
Hi, great example! I’m thinking of modifying the javascript to make a similar control… Sort of a vertical “range†slider with two tabs. And also a “static drag†inthe middle the allows the user to drag the range up/down. Just wanted to ask if you have any tips on how to go about doing this? can you give me a two knob slider
March 30th, 2007 at 9:19 pm
Nice script, im using part of it in a php/ajax mpd client im building, this will help to make the web based mpd client feel more like a stand-alone application
July 6th, 2007 at 12:17 pm
Hi - nice piece of code - but for my case it doesn’t work in IE6. When you click on the slider and move the mouse to slide you can’t let it off and every time you move the mouse towards the screen the slider is still in action. Would be nice to fix it…
Regards from Germany
Jan
July 17th, 2007 at 12:11 am
How to reset to initial location by javascript? I like to return to previous location by button.
October 3rd, 2007 at 2:10 am
Shoot - how do you get this to work with Safari?
December 6th, 2007 at 5:36 pm
This is such a great script that solved all my problems in trying to create a cross-browser solution. How I wished I had known about this much earlier! Thanks Thanks Thanks!!
December 10th, 2007 at 10:55 pm
Fantastic Script, just getting an error when i double click the slide control and not proficient enough in js to sort it. Hats off for a nice looking, easy to implement slider
December 17th, 2007 at 5:59 pm
Hi,
It would have been nice to just use this slider without the Ajax. I want to just use it inside form.
If anyone know such example, please post the URL here.
Thanks