jQuery Tutorials: AJAX Load Content No Page Refresh

[Gomidas95]

if I refresh page too much it says "checking connection" how to fix it ???

[stuckUPstudios]

hey guys, try komodo edit, really awesome !!

[ruthwijma]

Do you need to run this on a server (like xampp) because it's not working for me and I'm not on a server.

[mikekevinvideos]

@ruthwijma yes as you are dealing with php you need a server(xampp, or wamp) to do this.

[stylishhughes]

Greatest video ever thanks. You r preventing me from sleeping. I can't stop learning your tuts

[widescr]

Thanks - very helpful instruction.

[chad362wiley]

I love alex

[LenartM]

Thanks for the tutorial ... in fact, thanks for learning me to code PHP and jQuery!!! :D

One question though ~ got any ideas how to avoid the instant load of content? I've added some animation to the content div and I used the .delay() function, which aparenty does not have an effect on the .load() function.

Example:

$('#content').fadeOut(200);

$('#content').delay(200).load(­'pages/' + page + '.php');

$('#content').fadeIn(200);

[Kyumie]

@LenartM

JQuery is just something compiled from the javascript functions.

If you learn Javascript it´s core then you can even go further.

Then when you learn the power of xml/html-dom then you can do even much more of dynamic adjustment.

Skip the jquery, learn more about javascript and xhtml/html-dom.

Good luck mate.

[123wendywhite]

@LenartM To make it fadeIn first wrap the content div for example with a cnt_wrapper, and hide it in the beginning and then hen the content is loaded in the content div, then make the cnt_wrapper fade in! it worked, hope u understand!!!

[LenartM]

@123wendywhite Thanks for your suggestion, but it had no effect on the delay of the .load() function.

Instead, I used the setTimeOut function, which apparently works!

setTimeout(function(){ $('#content').load('pages/' + page + '.php');

},300);

[gilramirez12]

I like the sound of your keyboard.

[klmnprst777]

True! What model of keyboard? )

[MrBlueMichael]

I tested it and don't work for me :|

It's exactly like you but when i click a link it says that the object isn't found.

[MrBlueMichael]

Very nice.

I search for this more time,but is here!

Thanks!

[killualover225]

Great one man. Can u do a tutorial on how to frag and drop objects I. JQuery and link it it php?

[MrBarrack1]

Thanks for this jQuery demo. I'm a time-poor student and have spent a bit of time looking for a solution like this. You really have a knack for explaining things clearly and simply. Hope you don't stop delivering these tutorials.

[phgh1520]

maybe sometimes you talk a lot but i admit that you are the best..

[innograp]

thank u alex, this is really useful to my web development im working on. thanks from malaysia.

[pressandholdhere]

Alex has changed text editor! Notepad++ is really good, better than this can be only an IDE.

Great job, Alex, thanks!

[kakashihatake40]

Thanks...and How do i make up with the hover system?? I mean when you hover over a link, you get a screenshot of the page you are going to click on... Can you add a tutorial for this too??? :)

[MrBlack04004]

Why the sound quality is bad? It like added some noise... Or just only me?

[iceman11a]

Alex, Your tutorials are getting better and better. Can I ask for some help on a new tutorial I like to see. How about an ACL (Access Control List). The idea is to setup roles and permissions for your users on your web site, This would add extra security for our web sites. Since I been playing a round with one and got stuck.

[rbarysas]

Ha, i've just was wondering, how to make in my new project to load content without refreshing a page. BAM! tutorial from Alex - Nice!

[NextEdits]

Please make a file upload progress bar tutorial! :D

[therookie14]

Good video. I would encourage people to load jquery from google as the more people who do, the faster all our sites will get. (as the lib will be cached)

[dashbyictfd]

As always Alex, great job.

[MutedThunder]

If you're going to use html5, use html5!

[dansz97]

How can you make the address bar change depending on which link you press?

[iGrendizer]

Thanks

[PearSquirrel]

I see, that's really good to know!  Thanks.

[cpastudent69]

I was looking for this yesterday also, fantastic timing! Glad to see some more tutorials :D

[PearSquirrel]

Interesting! One question. Is using this method bad for search engines, as the individual files aren't complete?

[phpacademy]

@PearSquirrel You're right. To combat this I'd recommend linking somewhere to the individual pages. However, this method is really only to load 'widget' style pages.

[wideload123]

Eeww, innerHTML. ;)

[BaddouActionImmo]

thank you brother for all what you do for the peoples here

i'm from morocco

i need some tuto about flash cs5

anyone here know ahannel where i can see that???

[tinkertweaks1]

@BaddouActionImmo goto Flashbuilding for cs5 tuts

[BaddouActionImmo]

@tinkertweaks1 thanks brother for your message

[Ganokbcn]

glad you are back! :D

[nove1398]

nice one, needed this yesterday! wasnt quite sure how to get it thru

[dbzssjgohan]

Damn dude are you psychic? I was looking for something like this yesterday haha thanks a ton (Y)