Tuesday 5 March 2013

Send Friend Request, Accept or Decline Request using Ajax, Jquery and PHP


This tutorial teaches you how to build a system whereby the users in your system can send friend request to other users in the system, those users who have been sent friend request have the options to accept or decline request sent to them depending on their choice of action using Ajax, Jquery and PHP.

This system works with MySql database and comprises of three tables.

The first table is where the details of the users in the system are stored and retrieved during Sign-up and Login process.
The second table is where the details of the users who are confirmed as friends are stored for friendship purpose.
The third table is where the details of every sent friend request are stored waiting for an acceptance or rejection by the user who the request was sent.

When a user sends a friend request by clicking on the Add as Friend button, this button will automatically change to Request Sent on successful sending of the request with an option to Cancel the sent request in case the user who sent the request wishes to stop the request.

Once a user who has been sent a friend request logs into the system or accesses the system, a notification for the request will be shown to this user from the top of the page with options to Accept the sent request or Decline the request depending on the user's choice of action.

If the user who has been sent a friend request chooses to accept the request, the request will be deleted from the Friends Request table and be stored in the Confirmed Friends table and both the user who sent the request and the user who the request was sent to will now see each other in their friends list.

If a user who has been sent a friend request chooses to decline the request, the request will be deleted from the Friends Request table and that ends the story. No further action is or will be taken.

This is a very simple to understand application that gives you the basics of how to implement this kind of systems with good programming code comments to ease usability.



Click here to view this tutorial


Saturday 2 March 2013

Upload and Watermark Image Files without Refreshing Page using Ajax and Jquery


This tutorial teaches you how to upload and watermark or stamp image files with your desired content without refreshing your website page using Ajax, Jquery and PHP.

To upload and watermark an image file, simply click on the Attach File button, select the file that you wish to upload and finally click on the submit button and your file will be uploaded, watermarked or stamped and displayed on your screen provided the file is a gif, jpg, jpeg or png image file which are the allowed image files for this demonstration.

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

No form of configuration is required to use or install the system on your server.

Just open the directory named images which is in the downloaded and extracted directory and change the file named www_dot_vasplus_dot_info.png to your own image file for watermark and that's it.




File System using Ajax, Jquery and PHP v4.0


What is a File System?
A file system is a complete directory structure, including a root directory and any sub-directories and files beneath it.

This tutorial teaches you how to build an advanced File System whereby you can easily upload files and manage all the files on your server without refreshing your website page using Ajax, Jquery and PHP.

This is a very simple to understand application because the system itself is user friendly, all you need to do in order to use the system are properly explained and the scripts are well commented to ease usability.

No configuration is required to install and use the system on your server. All you need to do is to download the script, upload and extract the downloaded folder to your server and you are done to start using the system.

This system is made up of two files and a directory which are as follows: default_system_index.php, default_system_actions.php and a directory named default_system_files that contains the JavaScript Files, a CSS File and the images used in the application.

All other directories and files in the zipped downloaded folder are just example files and directories on your server which has been placed for demonstration purpose.

File System v4.1 is available for sale upon request.




Pagination System using Ajax, Jquery and PHP


This tutorial teaches you how to build a powerful pagination system 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 code with programming comments to ease usability.

If you experience any difficulty using the script, do not hesitate to post it in the comment section at the bottom of this tutorial.