Friday, 25 July 2014

PayPal Integration using PHP

This tutorial teaches you how to easily integrate PayPal payment system on your website using PHP.

PayPal has become the most popular method of on-line payment in recent years due to the fact that it is safe, convenient and reliable.

PayPal payment system seems to be generally accepted worldwide.

Because of its ongoing popularity, it has become a necessity for on-line retailers to utilize this method of payment system on their websites.

This system is made up of two major parts which are listed below.

(1) A web page that processes the payment and this page contains the information of the user who is about to make a payment, the information of the payment and initiates a request to PayPal to make the payment.

(2) A web page that confirms the above payment and continues on to the next phase of your web application such as a 'Cancelled transaction Page', 'Completed transaction page' or 'Notification page' depending on the status of the payment brought from PayPal.

This system uses the RC4 algorithm to encrypt and decrypt the data sent via the URL to PayPal and later brought back from PayPal to your website for identification/activation purpose.

To use this system, the first step to take is to create a PayPal account If you do not already have one.

The next step is to open the file named payments.php after you must have downloaded the script and fill in the following information or create a session on the payments.php page then use the username or email address of the user accessing this page based on the session which has been created to get the information you need for the user/payment from your database and then pass these information to the codes below for processing.

$payment_mode = "Test"; // "Live" or "Test"
$user_or_payer_email_address = "info@vasplus.info"; // This is the email address of your user that is about to make a payment
$paypal_email = 'vasplusblog@yahoo.com'; // This is your paypal email address
$your_website_logo_url = "http://example.com/logo/logo.png"; // This is the URL to your website logo
$item_name = 'PayPal Integration Demo'; // This is the name of the item that a user is about to pay for
$item_amount = 1.00; // This is the amount charged for the item that a user is about to pay for
$currency_code = 'USD'; // The currency that you wish to accept on your site

Once you have completed the above settings, you are done to start using the system.




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



Thursday, 1 May 2014

Gmail / Facebook Style Chat Application with jQuery and PHP

Everyone loves the gmail and facebook inline chat system. This chat system helps you to easily integrate the Gmail/Facebook style of chat into your existing website.

This chat system has some special features that can not be seen in any other similar applications over the internet.

Features of the Chat System are as follows:

(1) It expands YouTube Video URL that start with http:// at the receiver end
(2) It expands links that start with http:// at the receiver end
(3) It shows user typing notification at the receiver end
(4) It shows Online, Offline, Busy and Unavailable notifications at the receiver end based on user settings just as Facebook Chat does
(5) Turn off chat, hide and show chat Box similar to that of Facebook
(6) Search for users or friends which is also similar to that of Facebook
(7) Chat with multiple users similar to that of Facebook and Gmail
(8) Header of chat-box flashing if new message comes in or seen notification is displayed
(9) You hear a sound if new message comes in
(10) Facebook style bottom right display of chat box
(11) Nice smileys box with style
(12) You can send files in chat
(13) You can save your chat history
(14) You can clear your chat history
(15) If chat window is minimized when a new message arrived, you will see notification for it.
(16) It displays Seen Notification similar to that of Facebook
(17) It keeps chat boxes open and stores their position and states (Minimized or Maximized) even when pages are refreshed similar to that of Facebook and Gmail
(18) It scrolls to bottom when new messages are received
(19) It displays "fullname says…" notification in the page title bar and blinks chat boxes when window is not in focus
(20) It auto-re-size chat text input box which is similar to that of Facebook and and many other attractive features that you will experience while using the chat system

The system is also very easy to implement in any application as you don't have to install any additional software to use it.

The system was built on the platforms of Comet and HTML5 Server-Sent Events due to browsers compatibility issues.

It works on all modern browsers such as Internet Explorer, Firefox, Chrome, etc.

For more information, go to this URL: http://vasplus.info/141.html

The photos below are sample screen shots of the chat system.

Thank You!
The Vasplus Team.


Gmail / Facebook Style Chat Application with jQuery and PHP




Gmail / Facebook Style Chat Application with jQuery and PHP




Gmail / Facebook Style Chat Application with jQuery and PHP




Gmail / Facebook Style Chat Application with jQuery and PHP





Gmail / Facebook Style Chat Application with jQuery and PHP




Gmail / Facebook Style Chat Application with jQuery and PHP



Click here to view it

Monday, 7 April 2014

Gmail - Facebook Style Chat Application with jQuery and PHP

The long awaiting Vasplus Chat System is now ready and available at Vasplus Account section.

Please go to www.vasplus.info, login and look at the bottom right side of the page to see it.

This is a testing period for the chat system and it will last for one week after-which the chat system will be deployed to users on Vasplus but it won't be free because so much effort and resources have been put into it :)

The chat system has some special features that can not be seen in other similar applications such as the following:

(1) It expands Youtube Video URL that start with http:// at the receiver end

(2) It expands links that start with http:// at the receiver end

(3) It show user typing notification at the receiver end

(4) It show Online, Offline, Busy and Unavailable notifications at the receiver end

(5) Turn off chat, hide and show chat Box similar to that of Facebook

(6) Search for users or friends which is also similar to that of Facebook

(7) Chat with multiple users similar to that of Facebook and Gmail

(8) Header of chat-box flashing if new message comes in or seen notification is displayed

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

(10) Facebook style bottom right display of chat box

(11) Nice smileys box with style

(12) You can send files in chat

(13) You can save your chat history

(14) You can clear your chat history

(15) If chat window is minimized when a new message arrived, you will see notification for it.

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

(17) It keeps chat boxes open and stores their position and states (Minimized or Maximized) even when pages are refreshed similar to that of Facebook and Gmail

(18) It scrolls to bottom on new messages are received

(19) It displays “fullname says…” notification in the page title bar and blinks chat boxes when window is not in focus

(20) It auto-re-size chat text input box similar to Facebook and much more.

The system is also very each to implement in any application as you don't have to install any additional software to use it.

The system was built on the platforms of Comet and HTML5 Server-Sent Events due to browsers compatibility issues.

It works on all modern browsers such as Internet Explorer, Firefox, Chrome etc.
You can also test the chat system on any browser of your choice and send us your feedbacks.

Thank You!
The Vasplus Team.




SCREEN SHOTS
===================================================================

       




       


       


Go to Vasplus Programming Blog






Sunday, 16 March 2014

How to design a Down Triangle using CSS

This tutorial teaches you how to design a simple but powerful triangle pointing down using CSS.

I am sure we have been seeing things like this on Facebook, Google-plus, etc and wonder how it can be done. It is very easy to do using CSS.

Most of these designs are often done with an image in the CSS file and also with the help of a JavaScript but this one is special in the sense that it does not require an image or a JavaScript, it uses CSS only.

In this tutorial, we are going to use the CSS pseudo classes which are :before and :after with HTML codes to accomplish the task.

How to design a Down Triangle using CSS

Domain Checker using Ajax, Jquery and PHP

This is a paid script and it helps you to design a system whereby people or your clients can easily check for the availability of a domain on your server or website and buy it if they want using Ajax, Jquery and PHP.

The system allows individuals to search for domains with a particular extension or domains with multiple extensions depending on what they prefer or how you want the domain search on your website to be.

When a user enters the name of a domain that he or she intends to search for in the field specified for the domain search and clicks on the search button, the system will communicate with domain registrars servers or websites to check for the availability of that domain and displays results to the user depending on the response gotten from those domain registrars servers or websites.

To check for a domain with a particular extension is the best option for this system because searches will be done on just one server and so will the response from the server be faster compare to a situation where a user intends to check for a domain with multiple extensions, the response from the servers will be slow because the system will need to communicate with about 46 servers or websites to check for the different extensions for the domain name specified.

Although, you can change the number of servers to check for a domain name by reducing it in the array given in the script to make things work faster.

The system supports all modern 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.

There is no special installation or configuration needed to use the system, all you need to do is to upload the files to your server or transfer the codes to your existing website and you are good to go.

Domain Checker using Ajax, Jquery and PHP