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

Adding Custom Field to WordPress Post

December 5, 2016
In WordPress there some default fields in add new post form. These are title, HTML description, category, tags. If we want to add more information to our post, WordPress provides an option to enable custom fields. These additional information added with the custom fields are called as post meta. This meta data is stored in […]
This tutorial is added to Wordpress code section.

Facebook Like Header Notification in PHP

November 22, 2016
In Facebook like social networking websites we can see notification alert in page header. In this tutorial we are going to add such header notification to notify user about latest data. This will be helpful to keep the user updated by notifying what is new. In this example, we have a notification icon in page […]
This tutorial is added to PHP code section.

jQuery Sliding Menu

September 26, 2016
Usually menu bar occupies some spaces in a web page. By using sliding menu we can have more space to display the main content. In previous posts we have seen about jQuery menu expand and collapse with the sliding effect. We call jQuery on the click event of the menu expand / collapse icon and […]
This tutorial is added to jQuery code section.

jQuery AJAX Inline CRUD with PHP

September 5, 2016
Inline CRUD is for performing Create, Read, Update and Delete operations within a grid view. In previous post we have seen an example for jQuery inline editing. Inline CRUD will enrich the page by adding new row and changing the existing data dynamically via jQuery AJAX. For adding new record we creates new table row […]
This tutorial is added to jQuery code section.

Add Delete Image via jQuery AJAX

August 4, 2016
jQuery image add or delete can be achieved by calling a PHP script via AJAX. In previous tutorial we have seen examples like PHP AJAX image upload and multiple image upload. But in those example we didn’t have delete option. In image add, we call PHP file upload script to upload the chosen image into […]
This tutorial is added to jQuery code section.

Display Text in Vertical Direction using CSS

July 4, 2016
In this tutorial, we are going to see how to display a text in vertical orientation. We use CSS for displaying a floating text in vertical direction. In this example we are having a background image with a transparent vertical tagline to show a text. The floating vertical text will provide a rich and modern […]
This tutorial is added to CSS code section.

Formatting Date With jQuery Date Picker

June 26, 2016
Using jQuery date-picker we can format a selected date by using dateFormat option. In previous post we have seen how to use jQuery datepicker in a form to select value for a date field. It popup a calendar widget to select date. In this tutorial, we are going to see how to format a date […]
This tutorial is added to jQuery code section.

Dependent Auto Suggest with jQuery

June 14, 2016
Auto suggesting feature for a form field will reduce user’s effort while entering input data. In this post we are going to see how to do auto suggest for a dropdown field depends upon the result of another dropdown. In previous post we have seen how to create dependent dropdown and dropdown with auto suggest, […]
This tutorial is added to jQuery code section.

How to Become a Full Time Freelance PHP Developer and Consultant

June 3, 2016
When someone, simply affluent, could be smart enough in hiring you for the skills and imagination that he probably doesn’t possess, what stops you from being smart for your own good?  Perhaps you would have been waiting for a push. If yes, this is it. Having stuck in an insipid work place with passion and […]
This tutorial is added to PHP code section.

Responsive Menu with jQuery and CSS

June 2, 2016
Responsive design for our web page is used to make the page to be flexible for various screen sizes. Previously, we have seen about how to create responsive web page using CSS media queries. In this example, we have a header menu component. We are going to make it responsive for two different screen sizes. […]
This tutorial is added to jQuery code section.

Highlighting Keywords in Search Results with PHP

May 31, 2016
Highlighting keywords in search results will help user to identify appropriate results easily. In previous tutorial we have seen advanced search in PHP. In this example we are highlighting multiple keywords in search results. We are searching database title and description to check if the keyword is occurred. If match found we highlight those keywords […]
This tutorial is added to PHP code section.

Advanced Search using PHP

May 30, 2016
In PHP advance search we have many options to filter MySQL data. Using these options we are creating database query condition to make advanced search. In previous tutorial we have seen simple PHP search to filter MySQL records which has only one field to enter search keyword. In advanced search form, we have inputs to […]
This tutorial is added to PHP code section.

jQuery Fade Out Message after Form Submit

April 17, 2016
After jQuery AJAX form submit, we have to respond the user with a fade-in fade-out message. We have already seen about the jQuery fading effects on the mouse over event of HTML image elements. We have an example with a HTML form containing two required fields. The AJAX code validates the form and send its […]
This tutorial is added to jQuery code section.

Change Theme using jQuery Split Button

April 4, 2016
In this post we are going to see how to change theme color using jQuery. We have an example with a split button having two parts. One is for default theme and the other is to browse more themes. In this example we have three themes Mercury, Sky, Gold and separate CSS files for these […]
This tutorial is added to jQuery code section.

Switch CSS Class Using jQuery

March 24, 2016
In this post we are going to switch the CSS class using jQuery. In previous post we have seen how to switch CSS file based on the screen size to make page responsive. We have an example showing an image icon which is smaller on page load. And then we are switching the class attribute […]
This tutorial is added to jQuery code section.

↑ Back to Top