Gmail / Facebook Style Chat Application
Details Live Demo Download


Posted: Tuesday 22nd of January 2013

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.

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.







That's it guys...



Comments
1

 

Announcement x
Dear Users and Clients,

This is to inform you that we have recently updated our website generally.

If you experience any problem viewing any part of this website or if you notice that any of our scripts or tutorials are not functioning properly as should be, please click on the Contact Link at the top of this page to report the issue to us.

Our priority is to give you the best of service!


Thank You,
The Vasplus Team

Announcement