PHP Tutorial

PhpPot is a PHP tutorial. Tutorials site focuses on web technologies like PHP, jQuery, CSS and Wordpress. Our tutorials are simple and easy to understand with suitable examples and downloads. Welcome!

Recent Tutorials

PHP MySQL Inline Editing using jQuery Ajax

March 5, 2015
In this tutorial we are going to see about PHP inline editing using jQuery AJAX. Previously in AJAX Add Edit Delete tutorial we have done the same by using jQuery show/hide. In this example, we are using HTML contenteditable property to handle inline editing. we set this property as true which will allow user to […]
This tutorial was added to PHP.

jQuery Table Row Column Highlight on Hover

February 28, 2015
This jQuery tutorial helps to highlight table row and column on the mouseover event. There are several event handling functions in jQuery to highlight table row/column. In this tutorial we are using jQuery hover() to pass functions to be called on mouseover, mouseout events. These functions are used to add/remove css class selectors to highlight […]
This tutorial was added to jQuery.

WordPress XML-RPC Update Services to Ping

February 26, 2015
When we post a new or update an existing article in our blog, we should use the “WordPress Update Services” to inform other sites and services. Update services are tools that can be used for external notification. WordPress automatically notifies update services by XML-RPC ping each time when the blog is updated. Subsequently, those update […]
This tutorial was added to Wordpress.

PHP Wizard Like Registration

February 15, 2015
Wizard like registration separates registration fields into groups. These group of fields can be seen using a tab like navigation. In previous tutorial we have seen simple PHP registration without wizard. In this example we have three tabs to separate the registration form fields. User can navigate via the registration wizard using previous and next […]
This tutorial was added to PHP.

jQuery Sidebar Expand Collapse

February 14, 2015
We have seen variety of jQuery expand collapse in this tutorial. Recently, we have seen jQuery horizontal expand collapse for header menu. In this tutorial we have an example to expand/collapse sidebar menu. We are showing list of main menu items in a list. Onclicking this main menu the corresponding submenu list will be expanded […]
This tutorial was added to jQuery.

jQuery Image Slideshow

February 13, 2015
In this tutorial we are going to display image using jQuery auto slideshow. In previous tutorial we have seen example for DIV auto load and refresh using jQuery. We are having list of images to be displayed in a slideshow. jQuery fadeIn()/fadeOut() functions are used to show image slides one by one. View DemoDownload HTML […]
This tutorial was added to jQuery.

Header Menu Horizontal Expand Collapse Using jQuery

February 10, 2015
jQuery menu expand collapse can be done by using various functions like show(), toggle() and more. In previous tutorial we have seen multi-level menu dropdown to expand collapse submenu items. In this tutorial we are using jQuery toggle() by passing direction parameter. This parameter controls the direction of menu toggling animation. View DemoDownload Expandable Header […]
This tutorial was added to jQuery.

jQuery Dependent DropDown List – Countries and States

February 8, 2015
In this tutorial we are going to see how to change states dropdown list option based on the selected country name. In previous tutorial we have seen countries search with jQuery autocomplete. In this example, we have two dropdown for listing countries and states. On changing countries dorpdown values, the corresponding states dropdown values will […]
This tutorial was added to jQuery.

Remove Image Color using jQuery

February 5, 2015
In this tutorial we are going to see how to remove image color on hover using jQuery. In previous tutorial, we have seen how to do fadein/fadeout animation using jQuery. We are handling image background animation by using CSS class selector. Using jQuery we are adding and removing class on mouse-over and mouse-out events respectively. […]
This tutorial was added to jQuery.

jQuery Accordion

February 4, 2015
This tutorial is used to show and hide content by using jQuery accordion function. This jQuery show and hide effect is created on the click event of the header element. In this example, we have a question/answer list within accordion DIV container. When we click on the question, then the DIV containing the corresponding answer […]
This tutorial was added to jQuery.

Show PHP Captcha on Failed Login Attempts

February 2, 2015
In this tutorial we are going to show captcha code if an user tried more than 3 failed login attempts. In previous tutorial we have seen user login and php captcha. So, we are going to combine these two tutorial to add captcha control for invalid login. In this example, we have an MySQL table […]
This tutorial was added to PHP.

Sorting MySQL Row Order using jQuery

January 31, 2015
In this tutorial we are going to learn how to change the MySQL row order. We are using jQuery to display sortable list of MySQL rows. We are using jQuery sortable() function to change the row order by drag and drop the rows. After changing we should save the new order in database. View DemoDownload […]
This tutorial was added to PHP.

Resize HTML DOM using jQuery

January 28, 2015
In this tutorial we are going to see about how to resize HTML DOM element using jQuery. We are using jQuery rezisable() function for changing the size of an HTML element dynamically. In this example we are going to call this jQuery function for our resizable DIV by using id selector. We can obtain several […]
This tutorial was added to PHP.

jQuery on Scroll Background Animation

January 20, 2015
In this tutorial we are going to see how to create background color animation on page scroll. In previous article we have seen background image animation. In this example we are using jQuery animate() function to do background animation effect. We are using an array of background colors to be changed on page scroll to […]
This tutorial was added to jQuery.

Twitter Style Remaining Character Count using jQuery

December 29, 2014
In this tutorial we are going to learn how to calculate the remaining character count using jQuery. By calculating this count we can restrict maximum length of data to be entered by the user. In previous tutorial, we have seen about restricting user from entering more than 1 URL to a input field. In this […]
This tutorial was added to jQuery.

↑ Back to Top