Wednesday 14 May 2014

Facebook Style Auto Scroll Pagination using jQuery and PHP

This tutorial teaches you how to design a system with a pagination that loads and gets new items or contents automatically from the database just as Facebook / Google Plus does and displays on the screen to the user as the user scrolls the page down using Ajax, Jquery and PHP.

In the past, i gave several tutorials on pagination where you have to click on a button to load more data or content from a database and this process requires the effort of a user before more contents or data can be loaded from a database and its also time consuming.

As a result of this, i decided to come up with another similar tutorial where you do not have to click on a button to load more contents from a database. All you need to do is to scroll down to read the contents on the page while more contents are loaded and displayed on the page.

One major feature of this application is that, it does not work with the ID of each content loaded from the database as it is in the case of our previous tutorials but counts the number of items which have been loaded from the database and then use this number to check for the remaining contents which are left in the database for the next contents to be loaded. Am sure you understand what am talking about.

This application comes with a plugin which has been designed for you to just set things the way you want.
For instance, you can set the total number of items you want the script to load at each down-step, you can set the position you want the loading process to start from, you can set the script to load manually or automatically depending on what you prefer, you can set your desired label for "Loading Status", you can set your desired label for "Finished Contents in the database" and much more.

This is a very simple to understand application as all you need to do are well explained in the script.

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



Click here to view this tutorial







Facebook Style Private Messaging System Version 6.0 using Ajax, Jquery and PHP

Everyone likes the Facebook Private Messaging System where communication has been made easy.

This is a paid tutorial and helps and teaches you how to build a Private Messaging System which is similar to that of Facebook with amazing features such as the following:
   

(1) The interface of the message system is responsive to browser height just as Facebook does.

(2) There is an auto and Manual Pagination for messages when scroll to top which is similar to that of Facebook.

(3) Send File or Photo which is also similar to that of Facebook

(4) Delete Multiple messages

(5) Delete entire conversation with a user

(6) Report Spam or Abuse

(7) Send Feedback

(8) Search for messages in conversation with a particular user

(9) Nice smileys box with style

(10) New Message Notification

(11) It expands YouTube Video URL that start with http://

(12) It expands links or URLs that start with http://

(13) It shows user typing notification at the receiver end

(14) You hear a sound if new message comes in

(15) It displays Seen Notification similar to that of Facebook

(16) It scrolls to bottom when new messages are received

(17) There is an option to search for a desired user or friend for messaging purpose.

(18) Set current user or friend communicating with to selected even when the page is reloaded - similar to Facebook.

(19) Download attachment with received photo enlargement - similar to Facebook.

(20) Hide and show send message button - similar to Facebook.

(21) Press enter key to send messages - similar to Facebook.

(22) Nice confirmation box for notification and message deletion, etc.

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




Facebook Style Private Messaging System Version 6.0 using Ajax, Jquery and PHP