Miro Svrtan has a quick tip for those using the Uploadify plugin in their application's file uploads - how to enable XDebug debugging on each upload request.

If you ever decided to use Uploadify jQuery plug-in you might have noticed problems with debugging remote PHP code that this plugin relies on. [...] Unfortunately setting this up will not work with Uploadify Flash version since calls to remote server side is not done inside browser but inside flash plugin. [...] Few months ago I found my self blindly debugging it again and remembered that I read somewhere that xdebug parameters can be sent via GET/POST too.

He takes advantage of this fact and appends the "XDEBUG_SESSION_START" and "XDEBUG_SESSION" values in the "scriptData" handler for the Uploadify call. The XDebug session is then started when the script executes and your IDE will receive the results.

On the Smashing Magazine site there's a recent post looking at how to unit test WordPress plugins via the frontend using QUnit (part of the jQuery project).

My first goal for the WordPress Editorial Calendar was to make it do anything useful. I was new to JavaScript and PHP and didn't really know what I could pull off. In a few days I had a proof of concept. In a few more I had a working version and was asking friends to install it. The calendar worked...sort of. I spent three times as much time fixing bugs as I did coding. Once the plugin worked, I wrote unit tests to make sure it kept working.

He introduces the QUnit testing tool and includes some sample tests showing you how to create both a pass/fail and how to test a PHP value passed out to the page via PHP. There's also a section on getting WordPress and QUnit integrated and only executing when there's a "qunit" parameter on the URL. Actual tests for his calendar plugin are included and you can see the results of the tests here.

On the Script-Tutorials.com site today there's a new tutorial about form validation using a combination of jQuery on the frontend and PHP on the backend.

In this tutorial, I will show you how to create an attractive, pleasant to look form for your website and then I will explain you how to dynamically validate them using Javascript. We'll also cover server-side validation with PHP to make everything 100% safe. This tutorial will help you to add more functionality to your forms which leads to better user experience and better quality of your website.

His sample form (name, password, email and gender) is made from some pretty simple HTML markup. The real trick comes with the jQuery validation on each field handled in an onKeyUp. Included are both a "password strength" method and an email validation method to check the format of the address. Errored fields have their background color changed to indicate that they've failed and some basic validation (length, password match, etc.) are also included. The PHP does much of the same validation once the form is posted and returns any error messages that might have come up.

You can download the code or try out a live demo to see the scripts together in action.

Continuing on with his webcast series looking at using the Slim microframework to create a RESTful web service with JSON Output, John Lebensold takes the code from the previous tutorials (part one, two, three) and adds handling for DELETE to remove values from the data.

This tutorial will show you how to add jQuery RESTful calls for using the DELETE verb when deleting items via a JSON REST interface.

You'll definitely need to check out either the previous tutorials in the series to follow along with the code or grab the current source to see how everything's structured.

Script-Tutorials.com has a new article posted today showing you how to combine PHP, some CSS, a dash of SQL and some HTML (oh, and jQuery) to create your own commenting system from scratch that could be used anywhere from a simple blog to a more complex social site.

Today I prepared new interesting article - I will tell how you can create own commenting system (AJAX) for your items (any units at your website) with PHP. For our demonstration - I prepared two SQL tables: first table will keep records of our items. It contain several fields: title, description, time of adding and comments count. Another table will keep records of comments. We will use jQuery too (for better interface behavior). One of features will spam protection (we can post no more than one comment every 10 minutes)!

The tutorial includes all of the code, markup and styling you'll need to make the system work. If you'd like to get right into the code you can download it as a package or you can try out their demo.

In this new tutorial from Script-Tutorials.com they show you how to combine PHP, jQuery, MySQL and XML to create an auto-complete box with drop-down suggestions.

Today I have new article for PHP. I will tell you about implementation autocomplete for your sites. Data can be located in different sources - directly in the JS code, in the database, and even in the XML file.

All of the code and markup you'll need is included - the HTML for the page containing the field, CSS to style it, the Javascript (jQuery) to make the field work and the SQL/PHP/XML for the backend. You can check out a live demo of the script in action here or download the source in a single package and get started.

In a new tutorial from NetTuts.com today they show you how to combine a CodeIgniter-based backend and a jQuery frontend to make a simple Ajax data grid of data pulled from a database.

In this lesson, we will create a CodeIgniter library that allows us to generate data grids automatically for managing any database table. I'll explain each step required to create this class; so you'll likely learn some new OOP techniques/concepts in the process! As a bonus, we'll proceed to write some jQuery code that will enable a user to update the data grid's content without having to wait for a page refresh.

The tutorial's broken up into a few different steps, each complete with descriptions and plenty of code ready for cut-and-paste:

• Build a Data Grid Generator Class (a helper in PHP)
• Testing the Datagrid Helper Class with a CodeIgniter Controller
• Implementing Ajax (jQuery to the Rescue!)
• Check All or Nothing!

You can also download the source for all of the scripts if you'd like to dive right into the code.

On the Tutorialzine.com site there's an interesting (though a bit older) tutorial showing you how to combine jQuery, PHP and some CSS+HTML to make a simple sticky note application complete with multiple note support and drag-and-drop abilities.

Today we are making an AJAX-enabled Sticky Note management system. It will give visitors the ability to create notes with a live preview, and move them around on the screen. Every movement is going to be sent to the back-end via AJAX and saved in the database.

They use the fancybox plugin for jQuery to make creating the notes a lot simpler. Included in the tutorial is all of the HTML, CSS, javascript and PHP you'll need to create the application (as well as plenty of description along the way). You can see a demo of it in action here or just download the source and dive right in.

From Tutorialzine.com today, they've posted the first part of a series looking at the construction of a full mobile website using PHP, MySQL and jQuery mobile.

In this two-part tutorial, we will be building a simple website with PHP and MySQL, using the Model-View-Controller (MVC) pattern. Finally, with the help of the jQuery Mobile framework, we will turn it into a touch-friendly mobile website, that works on any device and screen size. In this first part, we concentrate on the backend, discussing the database and MVC organization. Next time, we will be writing the views and integrating jQuery Mobile.

Their simple application lets you browse products in a storefront with products and their categories. They don't use any particular framework and instead opt for a "include all" approach in their example. This makes it simpler to bootstrap, but shouldn't be used in a production-ready version of the application. There's simple frameworks (like CodeIgniter out there that can help take it to the next level without much more complexity). You can see a demo of it in action or just download the source to get started hacking.

NetTuts.com has a new tutorial posted showing you some of the basics of uploading files via Ajax a bit more natively.

I can't seem to reach the end of the fun stuff you can do with emerging web technologies. Today, I'm going to show you how to do something that-until the last while-has been almost unprecedented: uploading files via AJAX. Oh, sure, there have been hacks; but if you're like me, and feel dirty every time you type iframe, you're going to like this a lot.

Their method won't work in every browser, but it can be adapted to work as far back as IE6. The code and markup are included for each of the pieces for the example - the HTML for the upload form, the CSS to help style the resulting list of uploaded images, the simple PHP to handle the uploads and the jQuery-based code that implements the FileReader and FormData objects supported in newer browsers. The end result is a page like this that includes both the form and the list of uploaded images.