Tutorials

DataTables in Bootstrap

If you are looking for on how to use DataTables in Bootstrap then you are at the right place. In this article, we are going to tackle about on how to use data tables in bootstrap. This is a use of the jQuery plugin to have dynamic tables which can provide Searching, Sorting, data in every page. Also, it has a pagination to controls the pages.

In this tutorial, we are going to learn about how to Preview Image in File Upload using JavaScript.

Add Delete Image using jQuery with PHP script via Ajax

In this tutorial, we are going to create Add, Delete Image using jQuery with PHP script via Ajax.

In this tutorial, we are going to learn how to Convert String to Sentence Case using PHP. We all know, in a sentence form, the first letter is capitalized and the following word is lowercased but with the proper nouns and other words must be generally in capitalized word. We are going to convert the string to sentence case. For example, the user comment to a webpage, it will display the string into the web page but you cannot, sure enough, the text from the user is properly formatted or not.

In this article, we are going to learn how to create Simple jQuery Time Picker on your web page. We are going to use simple and lightweight jQuery plugin to create this. It consists a 24-Hour or 12-Hour format from your time picker to your text field when the user clicks on. Download the full source code below then try it.

Submit PHP Form without Page Refresh

In this article, we are going to create on how to submit Submit PHP Form without Page Refresh using jQuery and Ajax. We are going to use these two functions so we can submit PHP Forms without any refreshing in our page and we are going to use the $_POST request in PHP. Let's do this:

Creating Simple HTML Form

Kindly copy and paste to your BODY tag of your page.

In this tutorial, we are going to explain how to create Ajax Login Form with Bootstrap, jQuery, and PHP MySQL. For my Registration tutorial post using Ajax and jQuery, this is my continuation tutorial that I am going to create a simple yet useful login form with Bootstrap. The users type their email and password to log in and all the process will be done without web page refresh.

Login and Registration Form using Bootstrap

If you are looking for on how to create Login and Registration Form using Bootstrap then you are at the right place. We are going to create a simple and responsive login and registration form with the use of bootstrap.

Fullscreen Viewer Image Gallery

If you are looking for Fullscreen Viewer Image Gallery then you are at the right place. This simple project, it will allow the user to create a simple responsive kind of photo gallery.

In this tutorial, we are going to learn how to create Magnifying Glass to Zoom the Image. This simple project, created using magnify.js. It is easy and simple to use kind of jQuery plugin to have a magnifying glass effect in the image.