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

Responsive Image Upload using jQuery Drag and Drop

October 20, 2017
While uploading image files using drag and drop method the drop area should be responsive based on the viewport. In this tutorial, we are going to create a responsive container to upload multiple images using drag and drop. In a previous tutorial, we have seen example code for uploading multiple images by choosing files using regular file […]
This tutorial is added to jQuery code section.

Meme Generator using jQuery

October 12, 2017
In this article, we are going to see the code for generating Meme images using jQuery. In this example, I have provided options to upload a meme image and to add text on top of the image. I have used jQuery UI library to change the position of the meme text over the background image […]
This tutorial is added to jQuery code section.

How to Draw Path on Map using Google Maps Direction API

October 10, 2017
In this tutorial, we are going to see how to draw the path on map between two locations using Google Map Javascript API. This API provides Direction service to draw route between locations. This direction service requires the start and the endpoint of the route to be drawn. It responds the direction resource which will […]
This tutorial is added to PHP code section.

Draw Path using Google Maps Javascript API

September 27, 2017
In this tutorial, we are going to see how to draw a path between multiple locations on a map using Google Maps Javascript API. In a previous tutorial, we have seen example code for adding markers on the map layer. In this example, I add markers to point locations and connect the points by drawing […]
This tutorial is added to PHP code section.

jQuery Ajax Image Resize with Aspect Ratio

September 26, 2017
In this tutorial, we are going to see how to resize the uploaded image with the aspect ratio. The aspect ratio will be calculated by using the dimensions of the original image. Based on this aspect ratio the width or height of the thumbnail image will be scaled.  In this tutorial, I have used jQuery […]
This tutorial is added to jQuery code section.

Add Markers to Show Locations on Google Maps

September 25, 2017
Google Map Javascript API provides geographical data based on the request sent via the client side script. In a previous tutorial, we have seen how to get the Google Map resource and to plot the current location of the user. In this tutorial, we are going to see how to add markers to show an […]
This tutorial is added to PHP code section.

jQuery Custom Dropdown with Checkbox

September 23, 2017
In this tutorial, I will present about creating a custom dropdown box which has list of options with checkboxes. In this custom UI field, multi-select option is also available. I have managed to develop this with just few lines of code by using jQuery functions like toggle(), show() and hide(). In this example, I have […]
This tutorial is added to jQuery code section.

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.

↑ Back to Top