PHP Tutorial

PhpPot is a PHP code and tutorials blog passionately published by Vincy. PHP, jQuery, WordPress, MySql, Ajax are the main technologies in focus here. You can find code to make your web applications better. Code present here are simple and easy to use with suitable examples, demo and downloads. Welcome!

Recent Code and Tutorial

How to Get Current Location using Google Map Javascript API

September 22, 2017
Showing client side Google Map using Javascript is a simple task. In this tutorial, we are going to see how to get current location of the user. In this example, I used Google Map Javascript API to display map and get current location of the user. I have created Google API key which is used to […]
This tutorial is added to PHP code section.

PHP Poll Script

September 15, 2017
In this tutorial, we are going to learn how to create a poll script for rating using PHP. In a previous tutorial, we have seen PHP star rating using jQuery. In this example poll script, there are questions with multiple options to add user rating in a poll. After submitting the poll rating, the overall […]
This tutorial is added to PHP code section.

jQuery Parallax Slider

August 29, 2017
In this tutorial, we are going to see how to create a jQuery slider with parallax animation effect. In a previous tutorial, we have already seen jQuery slider, carousel and more. In this example, I have implemented the parallax slider simply with few lines of code (less than 40 lines and 3kb only). I have coded […]
This tutorial is added to jQuery code section.

How to Add Avatar Defaults in WordPress

July 17, 2017
Avatar is used to represent a person by using an icon which will generally have a profile photo image. It is catchy to use images instead of names and also images register easily that a textual name. WordPress supports the avatar images to represent the author of a post or the users who add comments. […]
This tutorial is added to Wordpress code section.

Automatic Column Hiding using CSS in Responsive Table

June 30, 2017
In this tutorial, we are going to see how to create a responsive table with automatic column hiding. I used only HTML and CSS to hide columns responsively without any third party component dependencies like jQuery, DataTables. In a previous tutorial, we have seen how to implement automatic column hiding using DataTables to display responsive […]
This tutorial is added to CSS code section.

Responsive Datatables with Automatic Column Hiding

June 27, 2017
Responsive Datatables allows automatic column hiding based on the size of the viewport. The responsiveness can be added by specifying class=’responsive’ in the HTML or by setting the responsive option as true while initializing Datatable. The automatic column hiding will happen from the right by default. That is, the rightmost columns will be hidden when the […]
This tutorial is added to jQuery code section.

How to Import SQL into a Database using PHP

June 12, 2017
Importing SQL script via programming will be useful when we need to create database structure dynamically. For example, if we provide APP or plugin to download and install from online, the dynamic SQL import will be used to setup the application database at the time of installing the APP or plugin. In this tutorial, we are going […]
This tutorial is added to PHP code section.

Dynamic Content Modal via AJAX with jQuery

May 21, 2017
In this tutorial, we are going to load dynamic content for a jQuery modal via an AJAX request. I have added an example for loading dynamic content by requesting a PHP file via an AJAX call. In this PHP file, I have declared a content array containing the dynamic data to be loaded to the jQuery […]
This tutorial is added to jQuery code section.

Calculate Sum (Total) of DataTables Column using Footer Callback

May 12, 2017
DataTables provides callback functions to manipulate header and footer HTML data and add value to the presentation. Using these callback functions we can do various modifications to the resultant table dynamically. We can add information that adds value to the header and footer portion of the DataTables. For example, we can add column specific header information, […]
This tutorial is added to jQuery code section.

Creating Web Calendar in PHP using jQuery AJAX

May 1, 2017
Creating a calendar interface is easy in PHP. There are many date functions available in core PHP, I have used them to create a calendar UI in a web application. The functions for getting days/weeks count, weekday names, previous/next month dates are handy in creating the calendar view. The weekday names are displayed in the calendar header. […]
This tutorial is added to jQuery code section.

How to Create Tooltips with Bootstrap

April 27, 2017
In HTML, we can add a title attribute for an element. The text specified in this attribute is shown as a tooltip on the mouse over event. In this tutorial, we are going to create tooltips by using Bootstrap and it has good additional features over the standard tooltip. We initialize the Bootstrap tooltip by referring […]
This tutorial is added to Bootstrap code section.

Tags using Bootstrap Tags Input Plugin with Autocomplete

April 22, 2017
Tags are a way to group and organize content. For example, in WordPress, it provides tags as an inbuilt taxonomy to group the content. In this tutorial, we are going to see how to add tags using “Bootstrap Tags Input” plugin. This is a jQuery plugin that provides Bootstrap UI to add tags using a […]
This tutorial is added to jQuery code section.

Simple PHP Chat using WebSocket

April 16, 2017
In this tutorial, we are going to create a simple chat application using WebSocket and PHP socket programming. The WebSocket is used to create a bridge to send or receive messages from the PHP chat server. In the web world, we generally use HTTP request methods to communicate between the client and server side. In this chat example, […]
This tutorial is added to PHP code section.

Bootstrap Autocomplete with Dynamic Data Load using PHP Ajax

April 14, 2017
In this tutorial, we are going to see how to load data dynamically for an autocomplete suggestion list, Bootstrap Typeahead input field. I use jQuery AJAX to call the PHP MySQL script to read the data from the database and autocomplete dynamically. The loaded data will be returned to the source of the Typeahead script to […]
This tutorial is added to jQuery code section.

How to Create Typeahead (Auto-Complete) Field using Bootstrap

April 12, 2017
In this tutorial, we are going to see how to create an auto-complete field using Typeahead Library. It is a Twitter Bootstrap library used to add the auto-complete feature to the form input field. By initializing the Typeahead library with the form input field, it shows a list of auto-complete suggestions while typing data in this […]
This tutorial is added to jQuery code section.

↑ Back to Top