jQuery for Absolute Beginners: Day 15

Yoys says:

Hi Jeffrey,
Thank you for the tutorial,but why to use AJAX?you can create a cookie ..
for example:someone clicked on night then create the cookie with js with the value of night…

not?

James says:

Great tutorial Jeffrey, and thanks for the mention!

@Yoys, there are benefits to both methods. If you set the cookie using JS (when it’s available) then that means having to create two separate pieces of functionality (client-side & server-side), both managing the ‘cookie’ aspect of this solution. If, in the future you need to expand this style-switching capability so that it saves to a database or some other medium then we’ll need to re-write both the client-side and the server-side. By using Ajax to call a PHP script (which sets the cookie) we only ever have to change one script: the PHP script. It’s really a question of expandability, although, admittedly, setting the cookie using JavaScript is probably faster. I’m not sure what method Jeffrey will use in the second part of this tutorial but IMO either is suitable.

Moksha Solutions says:

thanks for the tutorial, but i was looking for a asp.net version, but its a php again. please Jeffrey make something of asp.net also. i think there are many things we can do with asp.net which is not possible to my knowledge in php

thanks again for all the tutorial

Hetal says:

Hey Jeff,
u r a ray of light to the darkness in my world of development.I am very much thankful to you for these tuts.

It will be more fruitful to me if u send me any links with video tuts for using jquery and ajax in asp.net 2.0.
Also with json object

thanking u onceagain

Samuel Costa says:

EXCCCCCCEEEEEELLLLLEEEENT Jeffrey… It’s been awsome to learn jQuery with you… I can’t wait for the next ones… and also for the PHP series…

Thank you a lot for your time sharing all this with us.
Sam

Robert Stenbom says:

@Vish, now.. I am tired but that’s not hard at all if you’ve followed Jeffrey’s outstanding tutorials.

$(function()
{
$(‘.theLink’)hover(function()
{
$(‘#textAndBackground’).css(
{
‘background-color’ : ‘red’,
‘color’ : ‘blue’
});
});
$(‘.theLink’).toggle(
function () {
$(‘#textAndBackground’).css({‘background-color’ : ‘red’, ‘color’ : ‘blue’});
$(‘#textAndBackground’).addClass(specialHover);
},
function () {
$(‘#textAndBackground’).css({‘background-color’ : ‘black’, ‘color’ : ‘red’});
$(‘#textAndBackground’).removeClass(“specialHover”);
}
);

$(‘.theLink’).hover(function()
{
if ( $(‘#textAndBackground’).hasClass(“specialHover”) )
$(this).differentBehaviour

});
}
);

Stanimir says:

Hi! There is a problem with video. I can’t load it!

Chris Heney says:

I am amazed at the speed of these demos. I believe I speak for many of the developers out there when I say that I enjoy the fact that these have real mistakes, real typos, and real debugging, because that is what we all go through.

You really should have a donation link on each article. I’ve gone through all 15 days today, and enjoyed all of them very much.

I hope to see in the future some more Ajax and tutorials on how to parse returned xmlhttpobject.

Thanks again!

Marko says:

Jeffry,

Great tutorials BUT there is only one mistake: you have to click on something!

Make tutorial about using jQuery to update content after given amount of time without clicking on enything.

Hope to see more soon

iCandy says:

Hey this was awesome,

I had some hiccupss but I was able to resolve all of them.

You did a great job presenting everything, you seem like a really good developer and even better because you share you knwoledge. We definitely appreciate that.

I’m now ready to go with jquery. I also got two books others might want to use

jQuery in action
jQuery Reference Guide

They helped with some of the ajax stuff…

Thanks again and I’ll def add the RSS to my google reader!

peyman says:

thank u so much for tutorials , plz teach this tutorial for asp.net …

Oat says:

Thanks….

ดูทีวี
วิทยุ

Joris says:

@Minero:

Exactly, as soon as the User doesn’t have JavaScript enabled, your stuff won’t execute. This is also the reason, Jeffrey implements a non-JavaScript alternative most of the time as well.

Generally, you don’t have to worry about that issue, although it is never wrong to think of that special case and have a solution at hand from the beginning.

@Jeffrey:

Great tutorial, I finally got into more than the shallow jQuery stuff I already knew.

Kevin says:

Is there a part II?

Rob says:

Hi,

Really nice tutorial, very concise and no rambling

Isn’t it alwasy good practice to santise you querystring data when using it directly in your script?

Thanks