• Friday , 15 December 2017

HTML5 Slider Tutorial Javascript Function Programming

Code Canyon



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

3d Ocean

Related Posts

27 Comments

  1. Sasha B
    December 1, 2017 at 00:48

    use oninput instead onchange this way the number will update as you drag

  2. Vitor Rodrigues
    December 1, 2017 at 00:48

    Thank you so Much!!
    Is It possivel to make the sliders Go vertically and to make them larger?

  3. Jesus Eduardo Monrreal Uriarte
    December 1, 2017 at 00:48

    Excellent tutorial bro, so, you could put the value in HEX?

  4. Xavier Jesus
    December 1, 2017 at 00:48

    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.

  5. Xavier Jesus
    December 1, 2017 at 00:48

    Gracias, style in Css.

  6. anon
    December 1, 2017 at 00:48

    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.

  7. Juan Kleist
    December 1, 2017 at 00:48

    can someone please tell me which text editor is he using?? 

  8. New music
    December 1, 2017 at 00:48

    good teacher !!!

  9. stablizershock
    December 1, 2017 at 00:48

    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?

  10. henri231000
    December 1, 2017 at 00:48

    I don't think the HTML5 caught up to Firefox yet because the slider doesn't work in Firefox.

  11. ahmed eraqi
    December 1, 2017 at 00:48

    شكرا جزيلا أدم خوري علي مجهودك العظيم

  12. Ravi Chris
    December 1, 2017 at 00:48

    Thank you so much it helps me lot

  13. Alan Martínez
    December 1, 2017 at 00:48

    very good and useful, thank you Adam!

  14. dzinehaus
    December 1, 2017 at 00:48

    Adam, when I use the slider it gives me an undefined error. I have used the code exactly. Any ideas?

  15. Juan Patiño
    December 1, 2017 at 00:48

    Have you any tutorial where it teach how to attach a calendar datepicker or a range date datepicker.

  16. k odu
    December 1, 2017 at 00:48

    Adam makes it look too easy. Genius. Thanks man.

  17. Hanumendra Mishra
    December 1, 2017 at 00:48

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

  18. Lastindependent
    December 1, 2017 at 00:48

    I think your explanation was the best and most clear explanation I have seen on the net of any programming issue. Great job!

  19. Chiba Kun
    December 1, 2017 at 00:48

    You sound like Rocky or Rambo

  20. Hugh Abbott
    December 1, 2017 at 00:48

    Great tutorial – really clear – thanks Adam !

  21. kevin james
    December 1, 2017 at 00:48

    Doesn't work in FF9 or IE9 at least here on my machine. Works in chrome though.

  22. hetroman
    December 1, 2017 at 00:48

    Thanks for this tutorial
    It could not have come at a better time

  23. MrShawnlloyd
    December 1, 2017 at 00:48

    nice one Adam

  24. Knight1805
    December 1, 2017 at 00:48

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

  25. Remi1115
    December 1, 2017 at 00:48

    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.

  26. Franco Bhalla
    December 1, 2017 at 00:48

    How to use This slider as a volume control???

  27. Abdulrahman Aloraini
    December 1, 2017 at 00:48

    Thanks Adam

Leave A Comment

You must be logged in to post a comment.