Makitweb Posts

Select2 is a jQuery plugin which extends the functionality of simple HTML drop-down element by allowing to search the list, adding the image with options, navigate to option with arrow keys, etc.

It comes with the AJAX supports where you can call it in the same way as $.ajax in the jQuery.

The plugin provides the currently inputted value in the search box which can be used as data in the AJAX request.

Loading data remotely in Select2 with AJAX

AJAX Jquery PHP

Collapzion.js is a lightweight jQuery plugin that adds a floating material designed toggle button on the webpage.

The button contains some child items with its own actions which will show and hide when clicking on the toggle button.

Make Floating toggle menu with Collapzion.js

Jquery

With like unlike system you can allow the registered users to give a feedback on a content.

It helps the webmaster to track the user’s response to the contents whether they like or not and take an action.

In this tutorial, I am creating a like unlike functionality on the page with AnguarlJS and PHP where I will list all records and display total like unlikes count following with buttons.

Like unlike Rating System with AngularJS and PHP

AJAX AngularJS PHP

Pagination on the page improves the user experience when there is a large number of records are available.

CodeIgniter has provided a library for effectively handle the pagination functionality.

In this tutorial, I am using the pagination library to create the paginated list of fetched result from MySQL database.

Make pagination with CodeIgniter Framework

PHP

AJAX Jquery PHP

You can allow multiple files selection by creating more than one file element but you can easily do this with just single file element.

It consumes less space and easy to handle but for this, you need to customize the element.

In this tutorial, I am using AngularJS and PHP to upload multiple files to the servers.

I am creating a custom directive to handle file selection in the AngularJS.

Multiple files upload with AngularJS and PHP

AJAX AngularJS PHP

jQuery UI datepicker by default show widget text content in English language but you can change it any other language easily.

For this, you need to load language script file on your web page and point it to the datepicker widget.

How to change language of jQuery UI datepicker

How To Jquery

It is not always mandatory that for submit form requires adding the submit button.

You can do this with any other elements e.g. checkbox, radio, select, etc. using Client side script.

In this quick tutorial, I show how you can use JavaScript and jQuery to submit element.

How to submit form with JavaScript and jQuery

Javascript Jquery

Handle session is very important when creating a member based website where the user needs to register and login to their account to access website content.

With the help of session, it is easier to identify the user and display the content accordingly.

In Codeigniter, require loading session library to start work with Session. There are inbuilt methods are available that makes easier to handle session operations.

How to handle session in Codeigniter

How To PHP

To prevent the same user login on multiple systems or web browsers you need to generate a token on each successful login attempt and store in the database table user wise.

Also, require using a SESSION variable to store the current token and check with the stored token in the database table.

If it not matched then log out the user.

Prevent multiple login of same account with PHP

PHP