Auto-load User Details on Mouse-Over using Ajax, Jquery and PHP

This tutorial teaches you how to build a simple but an advanced auto-load user details system that pops up a user information when a user mouse-over an item using Ajax, Jquery and PHP.

The system uses the Mouse-Over event to load the users details and uses the Mouse-Out event to hide the loaded user details.

The system supports all browsers and the script is very easy to understand and customize with good programming code comments to ease usability.

Click here to view this tutorial

Auto-image Slide Show using CSS, Jquery and PHP

To build a website or system with animation or flash is a major factor that every web developer or designer will always want to put into consideration hence this tutorial.

The tutorial teaches you how to create a simple but powerful auto-image slide show using CSS, Jquery and PHP.

The system uses the trigger event to auto scroll or simulates a click on the next image button to slide the images.

The system uses the mouseenter event to pause the slide show and uses the mouseleave event to play or start the slide show again.

The system supports all browsers and the script is very easy to understand and customize with good programming code comments to ease usability.

No configuration is required to install the system on your server.

Click here to view this tutorial

Fancy Sign-up and Login Pop-up Boxes using CSS and Jquery

This tutorial helps and teaches you how to create a nice looking or fancy Sign-up and Login Pop-up Boxes or Pop-up any thing with nicely faded background using CSS and Jquery.

The system supports all browsers and you do not need to carry out any form of configuration to install the system on your server.

All you will need to do in order to use the pop-up form is to add your sign-up and login functionality.

This is a very simple to understand script with good programming code comments to ease usability.

Click here to view this tutorial

Nice Pagination using Ajax, Jquery and PHP

This tutorial teaches you how to create a nice pagination with the help of Ajax, Jquery and PHP without having to refresh your website page while loading contents from your database or an external file.

This is a very simple to understand scripts as it only has few lines of codes with programming comments to ease usability.

Click here to view this tutorial

Cross Domain Comment Post and Display using Ajax, Jquery and PHP

This tutorial teaches you how to create a Cross Domain POST or GET Request between two different servers using Ajax, Jquery and CURL PHP.

The system establishes a connection between two different servers from where communication process takes place.

This system is designed to be used on two different servers although you can and may still use it on one server if you wish.

Click here to view this tutorial

Send Email with Cc, Bcc and File Attachment using Ajax, Jquery and PHP - Updated

This tutorial is an updated version of our old Send Email with Cc, Bcc and File Attachment via PHP and it teaches you how to send email messages to multiple users or friends with file attachment.

The system has been enhanced and you can now send your email message using Ajax, Jquery and PHP to prevent your whole page from refreshing upon clicking the Send Mail button which is time wasting.

If a user that wishes to send a mail attaches a file, the system will send a normal plain text email with the user's attached file but if the user did not attach a file, the system will send the email message in an HTML format.

File attachments are in MIME format and the default allowed file types are "jpg","jpeg", "gif","png","doc","docx","txt","rtf","pdf","zip".

You can specify as many file types as possible in the vpb_email_sender.php upon downloading the script.

No form of configuration is required. All you need to do is to download the script, upload and extract it to your server and you are done.

Click here to view this tutorial

Simple Ajax, Jquery and PHP Anti-Spam Captcha Script - Updated

This tutorial is an updated version of our old Anti-Spam Captcha Script and it teaches you how to create and add a simple but powerful Anti-Spam Captcha to your system or application using Ajax, Jquery and PHP.

A good way to avoid automatic form submissions when creating a web form or to prevent automated web robot tools and spammers from taking advantage of your forms and scripts is to use some kind of verification process.

One of the best ways is to use an image verification also known as captcha. What it does is to dynamically create an image with a random string displayed on it. Then visitors or users of your website are asked to type that string in a text field and once the form is submitted, it checks if the string on the image matches the one inputted by the user. 

Because there is no easy way to read a text from an image (image recognition) this is a good way to protect your web forms from spammers.

The system is very easy to understand and customize with proper programming codes comments to ease usability. 

Click here to view this tutorial

Secured Sign-up and Login System without SQL Database using Ajax, Jquery and PHP

This tutorial teaches you how to build a secure users registration and log in system whereby users of your websites will be able to create their accounts, log in with their valid account information so as to access their various accounts on your server without SQL Database using Ajax, Jquery and PHP.

The system is secured in the sense that, the passwords of all the users within the system are first encrypted with an MD5 Algorithm and all the other information of the users which are Fullname, Username, Email Address are encrypted with Base64 Encryption including the passwords which was first encrypted with an MD5 Algorithm and all these information are saved to an MS-Word file.

This MS-Word file can not be opened by any one including the admin of the system because the encrypted users information in it are unready and so, MS-Word can not understand to ready or open it.

You have an option to change this file from an MS-Word document to any other type of file such as .txt file if you wish to see the encrypted users information when users sign-up.

You can make the change in the file named vpb_database.php. All other information you may need to make your changes are given as comments in the codes.

Users information such as username and email addresses which are unique within the system are validated during sign up process to avoid duplicates before they are saved to the specified file used as the system database. 

This system is based on Ajax, Jquery and PHP. Programs are written in a way that any one can easily understand and customize with good use of programming codes comments to ease usability.

Click here to view this tutorial

Live edit of Information using Ajax and Jquery - Updated

This tutorial is an updated version of our old live editing system and it teaches you how to build a user friendly system where one can easily edit information instantly without having to click on save changes button to have your updated information saved.


Ajax and Jquery does these things easily for you without much effort or page refreshing while PHP does the saving of the changes made.


The script is written in a way that any one can understand and customize with good use of programming comments to ease usability.

Click here to view this tutorial

Comment System Using Ajax, Jquery and PHP - Updated v3.5

This tutorial is an updated version of our old Comment System and it teaches you how to build a Simple and User Friendly Comment System whereby users on your websites can leave comments on updates or other information as you wish.

This powerful comment system supports all browsers and programming languages used are Ajax, Jquery and PHP.

The script is very easy to understand and customize with proper programming codes comments to ease usability.

Click here to view this tutorial

Import Gmail Contacts and Send Invitation using Ajax, Jquery and PHP

This tutorial teaches you how to import email addresses from your Gmail Accounts Contact List through the Google Open Authorization Protocol and send an invitation to all the imported email addresses using Ajax, Jquery and PHP.

Click here to view this tutorial

Currency Converter using Ajax, Jquery and PHP CURL

This tutorial teaches you how to build a simple but powerful currency conversion system using Ajax, Jquery and PHP CURL.
The system converts currency based on Google Exchange Rate. The system uses PHP CURL to communicate with Google server to carry out the conversion.
This system can work with any currency conversion website to achieve the same result. All you need to do is to pass the website URL along with the necessary information to the vpb_concurrency_converter() function to achieve the same result.
To install the system on your server, simply download the zipped folder containing the required files, upload and extract this folder to your server, locate the folder via your web browser and you are done.
No form of configuration is required.

Click here to view this tutorial

Display Random Images using PHP

This tutorial teaches you how to build a system that uses an array to display all the images in a specified directory on your server in a randomized format using PHP.

The script is easy to understand as it uses just two functions which are as follows:

(1) vpb_getImagesFromFolder: This function contains three fields which are (1) The directory where your images are located on your server, (2) Your desired width for your images and (3) Your desired height for your images.

The vpb_getImagesFromFolder function gets a list 'array' of the images in the directory you specify and displays to the user on the screen.

(2) vpb_getRandomImagesFromArray: This function selects an entry from the list 'array' brought by the vpb_getImagesFromFolder function at random.

To use the script, just specify the below fields:

$directory_of_images = "photos"; //This is the directory where your images are kept on your server
$width_of_the_images = 400; //This is the width of your images
$height_of_the_images = 300; //This is the height of your images

Click here to view this tutorial

Chat Script using Ajax, Jquery and PHP - Version 5.0

This tutorial is an updated version of our currently chat system that helps and teaches you how to create a simple but powerful cross-browser chat system where users can be able to chat privately with each other using Ajax, Jquery and PHP.

This updated version of the chat system has been released because a lot of users expressed interest in the old version via downloads.

This system supports all browsers with features like Sign-up and Login, Press Login button or Enter Key on your computer keyboard to Login, Cancel Login or Sign-up Process, Logout, Change User Photo, Press Enter Key on your computer keyboard to send chat messages, New Chat Notifications, Show Users Online and Smileys, etc.

The unique aspect of the system is that, you can carry out all the above listed actions without the chat page been refreshed.

The system is well secured and the script is written in a way that any one can easily understand and customize with proper programming codes comments to ease usability.

Click here to view the tutorial

Facebook and LinkedIn Style Fetch URL Data Using Ajax, jQuery, PHP and CURL

This tutorial helps and teaches you how to build a simple but powerful system that can be able to fetch or extract the content of any given internal or external website URL with ease using Ajax, jquery, PHP and CURL.

These contents are the title of the associated page, the description of the page and all the images associated with that page with the option of selected a desired image that best describes the fetched or extracted contents.

PHP curl has been used in this tutorial to fetch the internal/external page content as a string.

PHP Dom-document object has been used to extract the meta title and description fields.

PHP preg_match_all function has been used to fetch all the images associated with the targeted page.

This tutorial has been written in a way that any one should easily understand and customize without difficulties with the use of proper programming codes comments to ease usability.

Click here to view this tutorial

Fancy Radio Button Switch using Jquery and CSS

This tutorial teaches you how to create a simple and nice looking switch that triggers two radio buttons within a div.
If JavaScript is disabled on a user's browser, the script will just display the two radio buttons with their labels.
This is a very simple to understand tutorial as you do not need to configure any thing with very few lines of code.

Click here to view this tutorial

Dynamically Add Form Input Boxes and Submit using Ajax, Jquery and PHP

This tutorial teaches you how to dynamically add form inputs to or remove form inputs from your application using Ajax, Jquery and PHP.

There are situations where you may need to build an application that may require the features of allowing the users of your system to dynamically add or remove form input boxes to/from your application before certain tasks can be accomplished.

This tutorial brings an end to such problems.

The system is very easy to understand and customize with proper programming codes comments. 

Click here to view this tutorial