Comments on: Javascript Slider Bar (uses AJAX)

By: Juan

Juan — Sat, 23 Jul 2005 22:19:56 +0000

Thats kol. Um.. maybe a Music/Video player?
For Volume controls? or maybe evn the player tracker…
Dono but that looks kol..

By: Chris Evans

Chris Evans — Wed, 16 Nov 2005 17:43:08 +0000

Great Code. I am using it as a selector in a sort of hot or not application.

By: Saravanan

Saravanan — Mon, 05 Dec 2005 19:06:56 +0000

Can i use the slider as Scrollbar for an table

By: Dave

Dave — Thu, 22 Dec 2005 16:31:00 +0000

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!

By: Chidambaram

Chidambaram — Mon, 16 Jan 2006 18:54:43 +0000

Gud link very much useful

By: Frank

Frank — Mon, 23 Jan 2006 19:31:19 +0000

Can anyone tell me where the x_sajax_update javascript function is stored? I don’t seem to see it. thanks.

By: Azhakesan

Azhakesan — Mon, 06 Feb 2006 14:56:48 +0000

Good web link.
Thank you Cyberdummy-Web Developer

By: Julien WILK

Julien WILK — Fri, 10 Feb 2006 07:30:40 +0000

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

By: Simon

Simon — Thu, 09 Mar 2006 10:15:12 +0000

The example doen’t work in safari 2.0.3. However it does work in MAC FireFox.

By: z

Thu, 23 Mar 2006 04:05:30 +0000

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 )

By: Nicholas Singh

Nicholas Singh — Thu, 11 May 2006 01:32:33 +0000

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?

By: Rene

Rene — Mon, 15 May 2006 08:37:59 +0000

thank you.!!! this is a great code!!

By: Rob Fernandes

Rob Fernandes — Tue, 23 May 2006 11:05:24 +0000

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!

By: Deep Shrestha

Deep Shrestha — Fri, 15 Sep 2006 11:44:48 +0000

Yes. This is such a good site to learn more about ajax.
Please i want to get full source code about drag and drop.

By: Kunal

Kunal — Fri, 22 Dec 2006 12:22:50 +0000

We have made changes to this code and its working great with safari

By: joby p p

joby p p — Fri, 05 Jan 2007 05:36:21 +0000

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

By: pico

pico — Fri, 30 Mar 2007 22:19:58 +0000

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

By: Jan

Jan — Fri, 06 Jul 2007 13:17:21 +0000

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

By: Young

Young — Tue, 17 Jul 2007 01:11:35 +0000

How to reset to initial location by javascript? I like to return to previous location by button.

By: Mark

Mark — Wed, 03 Oct 2007 03:10:18 +0000

Shoot - how do you get this to work with Safari?

By: SEO Expert

SEO Expert — Thu, 06 Dec 2007 18:36:14 +0000

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!!

By: Rob Wilson

Rob Wilson — Mon, 10 Dec 2007 23:55:30 +0000

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

By: Chang Boroot

Chang Boroot — Mon, 17 Dec 2007 18:59:16 +0000

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