Posted: Tuesday 22nd of January 2013

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.

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

To use or add the system to your existing work, all you will need to do is to first include the required header files which are in the index.php file which is in the downloaded folder containing the files for this tutorial and secondly wrap your content or info with a link containing two attributes as specified below.

<a class="vpb_link_attribute" vasplus_programming_blog_user_details="Your Users IDs,Your Usernames">this is your wrapped content</a>

This same above example is given in the index.php file which is in side the downloaded folder containing the required files for this tutorial.

To install the system on your server, please download the zipped folder containing the required files, extract it to your computer system and follow the 3 installation steps given in the README.txt file which is in the extracted folder.

To see the system in action, please click on the Live Demo button below and download if you like what you see.

Download Live Demo