Thursday 11 April 2013

Easy Photo Viewer and Scroller using Jquery


This tutorial teaches you how to create an easy or a very simple but powerful photo viewer and scroller application using Jquery.

This is a very simple application that uses the hide() and fadeIn() functions to display and scroll the images or contents in a gallery and the programs are written in a way that any one can easily understand and customize without much effort and with good programming code comments to ease usability.

To fully understand what is happening or how the application works, please read the comments written in the scripts properly where necessary.

There is no special form of configuration needed to install the system on your server. Just download the script, upload and extract the zipped folder to your server and you are done.



Comment System Using Ajax, Jquery and PHP - Updated v5.0


This tutorial teaches you how to build a Simple but powerful and User Friendly Comment System whereby the users of your websites can easily post their comments or replies on your updates or other information on your website using Ajax, Jquery and PHP.

The comment system uses cookie to store users information on their first time to post a comment, reply to a posted comment or like a comment and these stored information are later saved in the database as the login information for your users.

For a user to leave or post a comment, reply to a posted comment or like a comment, the system will prompt the user to enter his or her Full name and Email Address for identification purpose.

The system uses the email addresses submitted by users at their first time to post a comment, reply to a posted comment or like a comment to identify them whenever they try to perform any further action in the future and as such, users email addresses are unique within the system.

Below are some features of the comment system:

(1) Good in security
(2) Users can add their avatar or desired photo for commenting purpose
(3) Enlarge users avatar or photos when clicked on them
(4) Reply to posted comments
(5) Like both comments and replies posted
(6) Email notification for new Replies and Likes to users concerned
(7) Nice display of Confirmation Box for comment deletion and logout
(8) Proper validation for empty fields
(9) Comments are displayed based on pages where they are posted
(10) No long URLs or contents that extends through the comments box area.
(11) Load more Comments and Replies Button with pagination
(12) Admins can moderate comments by deleting unwanted comments and much more.
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 good programming code comments to ease usability.








Secure Forgot Password System Using Ajax, Jquery and PHP


This tutorial teaches you how to build a secure forgot password system or a complete login system with the forgot password feature without refreshing your website page using Ajax, Jquery and PHP.

This system is secure in the sense that, the users of your website have been given the privilege to set their private security questions and answers during their account creation process that they will later use, should they forget or lost their account passwords.

If a user of your website happens to lost or forget his account password, that user does not need to request for a new random generated password sent via his or her email box which is not secure because an attacker can intercept such messages and therefore gain access to the account of your user(s).

What this system does is to allow your users to set their private or secret questions and answers during their account creation so that, if a user forgets his or her password, all the user will do is to come to the login page of your website and click on the forgot password button, the system will then prompt the user to enter his or her account username.

After the user has provided his or her account username and clicks on the submit button, the system will now validate the submitted username to be sure that its valid and gets the secret question associated with the submitted username from the database for the user to answer it.

If the user answers the secret question correctly, access to change the password that is associated with the submitted username account will be given to this user otherwise this user will be denied access.

Users are given 6 chances to enter correct answer for their security questions during their reset password process after which the system will lock a user out for 30 minutes, should the user submit wrong security answer up to six times.

The system supports all browsers and the scripts are written in a way that any one can easily understand and customize with good programming code comments to ease usability.



Secured Users Access Level System using PHP and Mysql


This tutorial teaches you how to build a secure user access level system using PHP and Mysql.

There are two user access levels created for this system at the moment but you can add as many user levels as you wish depending on your needs.

The two user access levels created for this system at the moment are as follows:

(1) Level Zero: This is the default level meant for all ordinary and newly registered users in the system. When a user newly registers, the access level for that user is set to zero in the database users table.
(2) Level One: This is the default level meant for the Administrator of the system. You have to set the access level for any user that you wish to make an administrator for the system to one in the database users table before that user can have the administrative access or privilege to see all the information in the system.

When a user tries to log into the system, the system validates his or her information, checks the database users table for his or her details including his or her access level and displays the appropriate content to the user.

An ordinary user or a user at a lower level in the system does not and can not see what the administrator who is at an upper level in the system sees.

The levels of the users in the system are determined based on the information inserted into the database table for each user.

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.