jQuery UI Tutorial (Tabs, Slider, Date Picker)

This tutorial demonstrates how to use features of jQuery UI through specific tabs, slider, and date picker examples.

Category:

Education

Tags:

• csc210

[BH8489]

Youtube videos can go in query tabs, just use the HTML embed code provided by youtube, and paste that into your div just like any other HTML.

The IDE is Coda from Panic... it's great and I highly recommend it for major web developers. It is $100, so you have to be serious about web development to pay for it, but I find it very worthwhile.

Incase it hasn't been obvious, I don't monitor my YouTube channel closely, so I apologize that I don't see comments often, but I hope that helps.

[BH8489]

Hi- Glad you've all found this helpful.

sathappanpec- Instead of or in addition to giving each slider an id, you can give them all the same class. Say, class="slider". You can then say $('.slider').slider(); with a . instead of #.

snoopjos- Sorry, I can't help you with storing data in an excel format. I would recommend storing it in a mysql database; there are lots of PHP and MySQL tutorials out there to help. You may also find phpMyAdmin helpful.

Good luck.

[dancingmichael1]

Thanks for the helpful video. Just wondering if you have tried to put Youtube videos in the jquery tabs. There seems to be some css or issue with making them full sized that I'm fighting. Let me know if you can help.

[rohitbellary]

What is the ide you are using???

[sathappanpec]

Hi. What should be done if i have 10 sliders in separate divs. Should i write the sluder function separately for the 10 sliders or is there any easy way to do this?

[snoopjos]

Hi great tutorial! really helped me out.

I have one question regarding the slider. If i want to store the data in a separate excel file after the user has clicked submit on the slider, how can i do that?

Thanks in advance!

[dr34mc0d3r]

nice and helpful tutorial - thanks and make more....

[dennisvervest]

good tutorial, thanks