Best jQuery PHP Plugins & Tutorials with Demo

Javascript Turn HTML Tables Into Advanced Editable Components : EditableGrid

Turn HTML Tables Into Advanced Editable Components : EditableGrid

EditableGrid is an open source Javascript library aimed at turning HTML tables into advanced editable components. It focuses on simplicity: only a few lines of code are required to get your first table up and running.

 

You can use the EditableGrid library in two ways:

  1. Hook up to an existing HTML table
  2. Build your grid from an XML description of the table structure and contents

zGrid : PHP / AJAX / jQuery based Grid System

zGrid : PHP / AJAX / jQuery based Grid System

I have developed a Grid system using PHP, jQuery and Ajax. I want to share this with my dear users. It is not very well parametrized or generic but if have little much understanding of jQuery and Ajax then its easy to use. Give your feed back about zGrid.

Building an AJAX currency converter with PHP, jQuery and Google

Building an AJAX currency converter with PHP, jQuery and Google

As you may already know, Google has a calculator feature built in their search engine, which can be used to convert measures, currencies, get stock quotes, weather data and many other features. You can see this features explained here.

Why wouldn’t we use it for something useful and build a simple AJAX currency converter using Google currency converter feature? We need some time, jQuery, Google, great music and of course, this tutorial.

jQuery Mobile Advanced Tutorial – RSS reader app

jQuery Mobile Advanced Tutorial – RSS reader app

Today’s tutorial is going to show you how you can use jQuery Mobile with PHP, MySQL and a bit of AJAX to build a small mobile web application.

At the end of this tutorial you will know how to add new RSS feed name and url into the database, how to delete the record from the database, how to fetch and parse a RSS feed and show its results inside jQuery Mobile list view.

jQuery Spell Checker

jQuery Spell Checker

SpellChecker is a jQuery plugin used to check the spelling of a HTML element. The plugin comes with an example PHP script that supports two type of spell checking engines:

  • PHP’s Pspell extension for aspell
  • Google’s spell checking services

If you are able to use Pspell, you will have greater control over your dictionary (with the ability to manage your dictionary words).

Carbon Fiber Signup Form With PHP, jQuery and CSS3

Carbon Fiber Signup Form With PHP, jQuery and CSS3

A carbon fiber – style form, build using progressive enhancement. This means that we first ensure that the form works well without JavaScript and fancy CSS support (think of IE6 here) and later move on by layering over cool styling, AJAX and jQuery magic.

How to Create a Time Based CSS Style Sheet Switcher with jQuery

jQuery Time Based CSS Style Sheet Switcher

Style switchers have become a popular feature on websites these days. CSS style sheets allow a Web Designer to change the look and feel of a website with little effort. Some sites use “Day” and “Night” type of style switchers that automatically change the site theme based on the time of day.

This tutorial shows you how to create a time based CSS style sheet switcher using PHP that lets you change multiple style sheets at once at specific times of the day. There’s also a little bit of jQuery UI thrown in just for fun!

How to Build an RSS Reader with jQuery Mobile

jquery RSS Reader

Today, we’ll dive into jQuery Mobile, which, at the time of this writing, is in a RC1 state. We’ll build a simple Tuts+ RSS reader, using PHP and jQuery Mobile. When we’re finished, you’ll have the ability to add this simple project to your iPhone or Android phone with the click of a button, as well as the skills to build your own custom mobile web apps!

Nodstrum – jQuery Auto Completer

Nodstrum - jQuery Auto Completer

I thought i would write this tutorial because most of the auto completer applications i have seen just dump the code into a zip and tell you how to use it rather than how and why it works, knowing about this enables you to customise it a lot more…