- 1. Directory Trees with PHP and Query
- 2. Create a Photo Admin Site Using PHP and Query
- 3. Asynchronous Comments with PHP, jQuery, and JSON
- 4. How to Validate Forms in both sides using PHP and jQuery
- 5. HOWTO: PHP and jQuery Upload Progress Bar
- 6. Auto-Complete Field with jQuery, JSON & PHP
- 7. PHP & jQuery Image Upload and Crop v1.2
- 8. Reddit-style Voting With PHP, MySQL And jQuery
- 9. PHP / jQuery Image Replacement
- 10. Newsletter Module
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.
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.
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.
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.
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).
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.
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.
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.
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.
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.
Source
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.