How to load content via AJAX in jQuery

This tutorial will show you How to load content via AJAX in jQuery.

3 reasons why you should let Google host jQuery for you

http://encosia.com

15 Resources To Get You Started With jQuery From Scratch

In this industry - now more than ever - designers are becoming coders, and coders are becoming designers. The idea of a developer ONLY performing frontend or backend work is quickly becoming a dated concept. jQuery will help to bridge the gap. Javascript is not an unattainable skill. In this article, we'll detail fifteen resources to get you started with jQuery from the absolute beginning. If you've been avoiding this library out of some silly sense of fear, now is the time to dive in. You'll be amazed at how simple it can be.

Screencast: Introduction to jQuery

The popular javascript library jQuery is an amazing way to extend the design possibilities of your site beyond what CSS can do. But luckily, if you are already comfortable with CSS, you have a huge head start in jQuery! This is a very basic introduction to including jQuery on your web page and getting started writing a few functions.

(more...)

Beginner jQuery Tutorials

The tutorials below are a great ways to start learning jQuery.

Getting Started with AJAX in jQuery

AJAX is probably the biggest thing you can add to your site; with AJAX, you can dramatically increase functionality, and give your end users more usable web applications. But AJAX is tricky to get started with - it usually requires very complex JavaScript knowledge. In this tutorial, I'll show you how to get started with AJAX using the jQuery JavaScript framework.

Animated content navigation effect using jquery

I always get bored with the same stuffs. And, I see same kind of content navigation to the different websites. Click a link, let’s the whole web page gets loaded and new page gets displayed. It would be better to show another content in the same page with few animation without loading the whole page.

(more...)

Useful jQuery: a Compilation of jQuery Utilities

jQuery is great in many ways. You probably first heard about the framework when browsing through a showcase of beautiful “ajax” scripts and became impressed with how easy it can be used to create advanced and delightful effects. But jQuery is much more than that. After you’ve seen all the fancy slides and animations and got to know the framework, you realize that it can do much more to assist you in building advanced, content-driven web sites and applications.

Here is a hand-picked list of useful jQuery scripts and utilities, created to make your web development easier. You won’t find any fancy slides or animations in here, instead I have compiled a list of the best, most well-written and useful jQuery components on the web that I would use myself.

Inline edit using jQuery and MarkItUp!

Tutorial which teach you how to create inline editor using jQuery, MarkItUp! and Jeditable.

Username availability checking in ajax and php using jquery’s fading effect

In this post, I’ll show you how to make a fancy username availability checking in ajax and php using jquery.When, you check the the username avaiability a fancy message box will show you the message with a little bit of animation.

Fading Menu - Replacing Content

The more I learn about jQuery, the more natural it feels. Probably because of how closely tied to CSS it is. From a design perspective, the syntax for jQuery is:

“When I do this, make the CSS do this.”

So now instead of thinking about CSS as page layout and a way to style your page when it loads, you can use in animation and change it on-the-fly to react to events that happen on your page. Take for example a menu. You can take the “click” event that happens when clicking on a menu to do lots of stuff...

Improved Ajax Add, Edit & Delete From MySQL Tables

"Someone asked me in a comment how you would add another entry field to the previous version of this code & well I couldn’t really answer the question. It proved to me what I already knew, the code needed re-writing."

(more...)

65 Excellent jQuery Resources

65 Excellent jQuery Resources.

Expand-collapse toggle pane using jquery

In this post, I’ll show you how easy it is to show expandable and collapsible toggle panel using jQuery. When you click on the heading, the content gets displayed by sliding and when you again click on the heading again, it gets collapsed.

Adding Inline Edit To AJAX Add & Remove MySQL Table Entries

Ok. So I am going to show you quickly how to add inline editing to my previous tutorial on using jQuery to remove & add entries to a MySQL Table with AJAX. Inline editing is quite simply being able to edit the information on-the-fly. While this sounds easy, unlike the adding & removing it is actually quite hard and requires a rewrite of some of the code already written in the last tutorial.

(more...)

8 Fantastic jQuery Tutorials for Designers

http://tutorialblog.org/8-fantastic-jquery-tutorials-for-designers/

Deleting & Adding Records With Ajax Using jQuery

I am going to share with you something I started looking at a few month ago for one of my projects, but never continued with it due to deciding to scrap the project. However I have seen a lot of people asking for tutorials on how to do it and thought I would share with you exactly how to do it.

Simple AJAX with JQuery

By the end of this article, you will hopefully understand how to add data, submitted via a form, into a MySQL database without reloading the entire page (the asynchronous part) and show a message saying so.

Ajax Forms With jQuery

There are so many different javascript frameworks out there, but I have recently started to use jQuery, and I love it. Not only is the library much smaller than others, but it is so simple to use. I wanted to show how easy it is to turn a regular form into a AJAX form.

Migrating Web-Based PHP Applications to Ajax

This article describes a makeover of a typical database-backed web form. We'll show some old code – a mixture of HTML, JavaScript, and PHP – and rebuild it with modern web techniques like Ajax, and modern tools like jQuery. The benefits will include:

• Separating dynamic content from static content.

• Separating content, style, and processing.

• Web client-server communication via function calls.

• Partial page updates instead of flash-bang page reloads.

• Faster development and more maintainable code.

• Faster load times and improved caching.

(more...)