10 jQuery with PHP Plugins

Share this article

Produce some pretty neat effects with the smartness of jQuery combined with some neat functionality courtesy of PHP. Below are the 10 best PHP + jQuery components and tutorials that you will need in many of your projects.


1. Directory Trees with PHP and Query

Keep track of many files, use a directory tree. It is a great way to search/view files while keeping their inherent hierarchy. This tutorial will help you create an effective directory tree with PHP and jQuery.
jQuery-Directory-Trees.jpg
Source

2. Create a Photo Admin Site Using PHP and Query

Using PHP, jQuery, and AJAX, you can create a photo site. You will learn how to retrieve images from a database, create a simple login from with authentication, and then allow for the database to be asynchronously updated. See the screencast below.
jQuery-Create-a-Photo-Admin-Site.jpg
Source

3. Asynchronous Comments with PHP, jQuery, and JSON

Using a blend of jQuery, PHP and JSON, you will learn how to create a simple but effective means of capturing and displaying visitor’s comments. The ability to capture and display visitor’s comments on your blogs can give you instant feedback and opinions.
jQuery-Asynchronous-Comments.jpg
Source

4. How to Validate Forms in both sides using PHP and jQuery

Learn how to validate your forms using PHP and jQuery in both sides: client side (using javascript with jQuery) and server side (using PHP). It will be interesting to see how to use regular expressions to validate different kind of e-mails, passwords and more.
jQuery-How-to-Validate-Forms-in-both-sides.jpg

5. HOWTO: PHP and jQuery Upload Progress Bar

Writing a form upload progress bar will be easier now with the help of controllable jQuery Progress Bar. Set it using PHP, all we need is to create the bar, poll for the progress of the file upload, and drive the new progress bar value (in percentage).
jQuery-How-to-Upload-Progress-Bar.jpg

6. Auto-Complete Field with jQuery, JSON & PHP

Create auto complete field using jQuery with PHP, beside the auto-complete code we need the jQuery library along with its Dimension plug-in.
jQuery-Auto-Complete-Field.jpg
Source

7. PHP & jQuery Image Upload and Crop v1.2

Create a PHP and jQuery image upload and crop tool using PHP, jQuery, PHP GD Library and Image Area Select.
jQuery-Image-Upload-and-Crop.jpg

8. Reddit-style Voting With PHP, MySQL And jQuery

This will show you how to create such voting system with jQuery, PHP and MsSQL. You can either vote up or vote down.
jQuery-Reddit-style-Voting.jpg
Source

9. PHP / jQuery Image Replacement

This allows you to use beautiful text in headings without having to manually produce images in Photoshop, GMIP, or similar. A tiny plug-in that, in combination with a separate server-side script, dynamically replaces the text of an element with an image generated using fonts you specify.
jQuery-Image-Replacement.jpg
Source

10. Newsletter Module

A PHP, jQuery and AJAX module, great for any newsletter management needs. You just need to copy one file onto your site, and you’re ready to send and archive all newsletters, manage e-mail addresses and categories, and configure a template for your e-mails.
jQuery-Newsletter-Module-final.jpg
Source

Sam DeeringSam Deering
View Author

Sam Deering has 15+ years of programming and website development experience. He was a website consultant at Console, ABC News, Flight Centre, Sapient Nitro, and the QLD Government and runs a tech blog with over 1 million views per month. Currently, Sam is the Founder of Crypto News, Australia.

jQuery
Share this article
Read Next
Get the freshest news and resources for developers, designers and digital creators in your inbox each week