Tutorials, Training & Tips

This tutorial will explain how to create an AJAX progress bar for PHP file uploads. There is no method build into PHP for returning the status of an upload in progress, so this requires a module called the Alternative PHP Cache (APC). This allows you to store data across sessions and includes built-in functionality for storing/returning file upload stats....
(show more)
(show less)

This is a tutorial with downloadable example files on creating an Ajaxed shopping cart with a fly-to-basket effect using jQuery. PHP and MySQL is used.

This is a simple AJAX tutorial using php, javascript and XMLHttpRequest. AJAX is the fundamental lynchpin of web 2 services and underpins almost every widget today. This is the simplest example that demonstrates AJAX

AJAX, or Asynchronous JavaScript and XML, is a web technology that is based on JavaScript and HTTP requests. By using AJAX we can use JavaScript to get/send data from/to a server without reloading the whole webpage with the help of XMLHttpRequest object

jQuery and the form plugin are great tools to create Ajax powered contact or feedback forms. This tutorial shows how to use the jQuery form plugin and gives an example how-to create a form including form validation an upload function.

This tutorial will explain how to make an animated "add to queue" type functionality with jQuery. Since it is hard to explain the results, check out the demo. First, I'll show how to create the actual effect, and then how to implement AJAX submission to a back-end script for database storage or some other processing....
(show more)
(show less)

HTML 5 is the latest version of one of the first languages for websites. The project was started in 2004 � a fitting timeline considering the improvements in the software and online industry have been very impressive. This update in HTML plans to cater more than just simple interfaces in properly building a website. On the earlier versions, HTML is just made to load the entire webpage for every data request. Although this setting is still adaptable to simple websites, the increasing load for browsers even with HTML has prompted call for significant changes in website languages. The mere fact that the addition of other programming languages in most websites should make...
(show more)
(show less)

Here we will be developing a search feature. By using this feature the users will be able to search for a particular person in a list stored on the web server in text format.

Since you are reading this article I will assume that you already know what AJAX is and how it works. You are probably either planning to build a website using AJAX, or have already built a site and are curious as to why your pages are not being indexed in Google....
(show more)
(show less)

Ajax would be nothing without XML. After all, the �x� in the acronym stands for XML which means it is a very important aspect in the Ajax based application. There are those that are not even Ajax that uses XML. For example, JavaScript could still use XML as its data format especially when developers needed to improve their application in terms of availability to other websites. Since it�s considered as the universal data format, developers have been using XML to ensure that their application will work as planned. But even with the known ease in using XML, there are still challenges developers have to go through in building an application through XML. Chal ...
(show more)
(show less)

One of the biggest challenges for JavaScript and Ajax based developers is on using DOM for various browsers. This is not only based on browser incompatibility but also on the ability of the application to load faster in the client side. If the application will not load as expected, users might stay away from the application which lowers the feasibility or usefulness of the application. Loading problem for developers often stem from the fact that the entire webpage has to load first before JavaScript function is executed. Developers execute window.onload=function () so that the function will check if the webpage is fully loaded first. Although this function is very feasible...
(show more)
(show less)

Building an Ajax based application is not an easy task especially for the enterprise. Although you can see some brilliant developers working on a project with little to no assistance, successful applications are being developed by group. Developers with different talents work together to build an application that would eventually be useful. The complicated nature of an Ajax based application increases the requirement of a team. Through everyone�s effort, the application will be built on time and the functions will work as expected. But getting the team to finish the application is actually the easy part, the most difficult part in building an Ajax based application i...
(show more)
(show less)

Tutorial discusses how to encode data on the JavaScript side, and then decode it successfully with PHP so that data corruption is kept at a minimum, and symbols such as the + sign are not lost.

Figuring out DOM for JavaScript is a little bit tricky because of browser incompatibilities. Although you should be able to load an Ajax based application in most browsers, the reaction of different browsers to JavaScript is different. Developers have to create modifications in their application most of the time if they wanted to ensure that their application is readable in all browsers. Without modifications, the application will not be able to adapt to different browsers and may even open up to different security questions. One of the reasons of browser incompatibility is in the variations of document types in DOM. There are developers who prefer to launch a specific...
(show more)
(show less)

Server Side JavaScript is still an elusive fact. With hundreds of commands that run into browser incompatibility, having a server side for JavaScript could be very messy. You should be able to run an application with JavaScript from the server side but when you launch them in different browsers, you�ll end up with a very buggy online application that might not be fixed. But server side JavaScript for a more efficient Ajax based application is still possible. There are just things that need to be done in JavaScript before everything could be launched in the server side. Setting Standards As already indicated, the main problem in...
(show more)
(show less)

The discussion for the proper data output for Ajax based application will always be here. On one side is the argument on xml. The �x� on Ajax, xml has proven itself to be highly useful in this programming technique. As the universal tool able to adapt to different programming languages, the use of xml will aid the developer build an application that could easily interact with other programming languages. For that reason, Ajax could vastly improve not only with the assistance of JavaScript but other programming languages. On the other end is JSON (JavaScript Object Notation). The name alone could tell a lot of things about JSON. In gist, JSON was specifically created...
(show more)
(show less)

HTML has been used for websites ever since the internet came into existance. Every developer who wants to build highly interactive applications does not jump on complicated programming languages for websites. They instead start on simpler programming languages and HTML is one among them. It can be even said that without HTML, the internet that everyone knows today will not be possible. The simplicity and lightweight design that could be learned from HTML has created simple websites but still considered interactive in its day. Even today when RIA requires more than simple HTML usage, this language for websites still creates an impact. Ajax is no exception in recognizing the ...
(show more)
(show less)

TraceMonkey is probably one of the most important tools a developer would have to use to ensure that the application runs as expected or would be optimized. Developed by Mozilla, this small application will help developers determine which functions runs fast and which functions runs slow. After determining those functions that need improvement, TraceMonkey will do what it was made for � compile the fastest functions and let it run on native code. Because the native code will be focused on the fastest, the users� resources will be focused on slower functions which will eventually increase the processing speed of the application. But increasing the speed of the...
(show more)
(show less)

jQuery has practically become one of the most powerful JavaScript libraries. Even before JQuery has been adopted by Microsoft as its main library for JavaScript, it has already been adopted by developers worldwide. It�s simplified library, variety of options for developers and massive support from users worldwide has pushed jQuery to leaps and bounds that only a few JavaScript library could match. Just recently, the said library updated their user interface (UI) which is a massive upgrade. New tools and notable features have been added to the new version which will upgrade the performance of an Ajax based application. Working with Version 1.3 ...
(show more)
(show less)

External sources for JavaScript and an Ajax based application used to be ill advised to developers for security purposes. However, because of the advancement of JavaScript techniques and more security measures implemented in coding, invoking a source outside the client side is already tolerable. Invoking external functions could be possible as long as they come with .js file or the specified data format of the application such as CSS or JSON. But if the developer wants to push further for more data and interaction, they could even invoke PHP as part of their application. This might seem impossible at first but because of the increased functionality of JavaScript, developers can no...
(show more)
(show less)