Lesson Code: http://www.developphp.com/video/HTML/Slider-Tutorial-Javascript-Function-Programming
Learn to program HTML5 sliders using Javascript to spruce up the user interfacing in your applications and programs.
Original source
Lesson Code: http://www.developphp.com/video/HTML/Slider-Tutorial-Javascript-Function-Programming
Learn to program HTML5 sliders using Javascript to spruce up the user interfacing in your applications and programs.
Original source
27 responses to “HTML5 Slider Tutorial Javascript Function Programming”
use oninput instead onchange this way the number will update as you drag
Thank you so Much!!
Is It possivel to make the sliders Go vertically and to make them larger?
Excellent tutorial bro, so, you could put the value in HEX?
good , I have an application in which I need to change a value with silder .
closely followed his steps eh eh and succeeded in changing the value.
Now I need to bring that modifiable variable elsewhere. This is done with Ajax ? or I should consider.
thanks.
Gracias, style in Css.
How do you make the value update as the slider is dragged around? Right now it only updates after the mouse is released. It's confusing to the user if the value doesn't update as the slider is being used.
can someone please tell me which text editor is he using??
good teacher !!!
OK is this possible? If i create javascript function and in that function there is variable can I change the value of that var using slider and will it reflects the changes that occur due to change in value of the var?
I don't think the HTML5 caught up to Firefox yet because the slider doesn't work in Firefox.
شكرا جزيلا أدم خوري علي مجهودك العظيم
Thank you so much it helps me lot
very good and useful, thank you Adam!
Adam, when I use the slider it gives me an undefined error. I have used the code exactly. Any ideas?
Have you any tutorial where it teach how to attach a calendar datepicker or a range date datepicker.
Adam makes it look too easy. Genius. Thanks man.
Adam, thank you for this video.
After trying so many things I was trying to make an analog clock where we can move the hands of the clock by dragging them, suppose one want to adjust the time in the clock by adjusting the hands, I tried so hard but couldn't make it, can you please help me with that. It will be great help..
I think your explanation was the best and most clear explanation I have seen on the net of any programming issue. Great job!
You sound like Rocky or Rambo
Great tutorial – really clear – thanks Adam !
Doesn't work in FF9 or IE9 at least here on my machine. Works in chrome though.
Thanks for this tutorial
It could not have come at a better time
nice one Adam
Jerry Yang: I was sent by God to be the co-founder of Yahoo!
Adam Khoury: I DIDN'T SEND NOBODY!
Adam, you're the best!!!!!!!!!!!!!!!!!
Wow, that was really easy. I'm thinking of using this to let the users of a site where I'm working on able to change the font size to whatever they like (So a Slider starting at 1 and ending at 20 and in steps of one). Thanks.
How to use This slider as a volume control???
Thanks Adam