In this part of the JQuery Video Tutorial I show you how to create all kinds of cool things using the JQuery UI and plugins.

I’ll show you how to create a really nice JQuery Lightbox using fancybox. It has all the bells and whistles you want.

I’ll then show you how to create a tab interface that is: draggable, resizeable, sortable, and more.

After that I’ll create a really nice date picker that will impress and save your clients time.

If you are looking for the first part of this tutorial it is available here JQuery Video Tutorial. I’m also asked for book recommendations. Here is my favorite book on JQuery. My favorite JavaScript book by far is the O’Reilly JavaScript book.

Like always, all of the code follows the video. Leave questions and comments below.

I got on the scale on October 20th and was shocked to see that I weighed almost 250 lbs. I weighed 248 lbs to be exact and I decided I was ready to lose weight now.<br /><br />

All the diet books I read were either too vague or proposed I go on a diet that was either very expensive, time consuming, or disgusting. I had lost weight in the past, but I knew I had done it in unhealthy ways. I decided to look at how my diet in college differed from my current diet first off.

</div>

<div id=”fragment-2″>

This presentation contains tips that will dramatically increase your success on the phone. Some of the topics covered include:<br />

<ul>

<li>If you have the best product, why are you afraid to ask people to buy it?</li>

<li>The 3 Principles of The Phone</li>

<li>Acknowledge & Move On</li>

<li>Everyone Just Hangs Up, What Do I Do</li>

</ul>

</div>

<div id=”fragment-3″>

Here I’ll explain how our minds process information. This can be used as an Introduction to Neurolinguistic Programming. If you understand everything here you will understand the more advanced technique’s used in Indirect Hypnosis.<br /><br />

Representational Systems<br /><br />

I’ve written about Representational Systems in the past, but here I’ll cover them in detail.

Although I can’t get my gallery to work properly. I figured out that I can’t copy your code. To many weird signs follow. But when I print it down by hand I still can’t get my pictures to upload in an iFrame om the page?!

I’m pretty new to this so I probably done something I will figure out in an hour or so. But do you have any tip?

I can see my Thumbnails and when I click the thumb the large picture is shown in a new window and I cant toggle between them…

Derek-Great stuff! I am a photographer but never got around to doing a lightbox. What a snap! Thank you. The tab system was great as well.

Thank you!

Very best regards,

Bob (jaxon)

The site below has an interesting ap for jquery that you might want to do a demo on. A little involve but very cool. I’ve downloaded the files and am going to take it apart and put it back together using various company’s logos. Think it might be great as a promo tool and a way of data farming.

Great tutorial. Any chance of getting a video tutorial on uploading multiple images and display them immediately after the uploading is completed using jQuery? Sorry, I asked the same thing on youtube. Hope you don’t mind.

Just wanted to tell you how much I loved this series. I completed the last chapter for my JavaScript advanced course which covered JQuery, Dojo and Dijits. It was something I thought should have covered more than one chapter and I felt cheated. I remembered bookmarking one or two of your Java videos when I went a little cross-eyed reading about threads, so I searched to see if you had anything regarding these subjects. I seen the listing for JQuery, viewed all the tutorials and learned how powerful JQuery actually is.

Well thank you. I’m glad you liked it. JQuery is a great tool. Java is kind of boring I agree. It is just an extremely robust language and after being asked many times I decided to cover it. Because I always try to cover everything completely, that is the reason it is dragging on. I plan on breaking everything up again and cover other topics very soon.

Thanks for taking the time to show your appreciation. It makes me very happy 🙂
Derek

I use JQuery, but I’m interested in covering many of the other Java frameworks available. I tend to cover fully developed technologies and shy away from anything that is fairly new. In the future that will most definitely change though.

Your tutorials are outstanding! I’ve just covered them but I believe there is still a lot of work to do to master jQuery.

At the beginning your videos seem to be extremely fast, so it’s hard to keep up. The funny thing is that whenever I switch to someone else’s tutorials I get the impression that they are a bit too slow. I got used to your style, I guess.

So Derek, is it ever possible to receive any help from you if I face some difficulties with the code which I’ve been trying to put to work or I’ve found somewhere on the web?

I can’t stand slow tutorials. I know I go a bit too fast, but that has become my style.

I do my best to help out anyone that asks for help. The only thing I won’t do is homework. I get asked to do peoples homework all of the time. I also at times ignore big complicated questions. The reason why I do this is because all to often I’ll spend a half hour answering a question only to never hear from the person again. If I get a complicated question I just incorporate it into a future tutorial and figure that they’ll get their answer if they continue with the tutorial.

My friend, I can understand you very well. I promise not to ask you for help with any kind of homework – I’m not a student and I don’t have such problems. However, there are some questions about jQuery that I will ask you soon. I believe you can help me… One day, when I build my beautiful website, you will be proud of your ardent follower. I promise.

You have uploaded excellent tutorials on jquery, I love it and also recommend my friends about your website. You teach everything in detail and help understand the concept. well I was wondering is there anything in jquery that adds shadow to ,, tags, I have tried pShadow.js and it adds shadows only in bottom corners and bottom middle. what if I want to add shadow on left and right and also on top, just incase, and also I want to understand the concept behind it. Could you please upload a tutorial on this too. I would be greatly thankful.

Hi Derek,I always wondered is it hard to create sliders, lightBox … from scratch? Not just to download them, but know how to create them from start to finish. Can you show us how to create some plugin like slider? I suposse that we need to know JavaScript really good to make them. You are great person Derek.

You’re very welcome 🙂 Today I’m doing a tutorial on MVC and tomorrow I’ll start the algorithm tutorial. Sorry it is taking so long, but my site has been getting attacked and I’ve been adding a ton of extra security