Category: Jquery

Zip file creation is a better way to enable the user to download multiple files in one package. This may affect the page load time according to the number of files and their size.

Arises more problem when need to create multiple zip files on page load for download.

To avoid this type of problem you can either use only PHP or jQuery AJAX to create and download the zip file when it’s required.

In this tutorial, I am using jQuery AJAX.

Create and download zip file with AJAX

AJAX Jquery PHP

If you are allowing the user to delete the list of records and they are more in numbers then it will hard for the user to delete the specific record one by one and consumes more time.

To make it easier you can allow multiple selections of records and delete all selected list either with the only PHP or with jQuery and AJAX.

In this tutorial, I am using jQuery AJAX to remove records.

Delete multiple selected records with jQuery and AJAX

AJAX Jquery PHP

When uploading the image with Dropzone then it will create a thumbnail of it for preview but it will show a blank thumbnail while uploading the non-image file like – text, word, pdf files.

This will be handled by using the dropzone option where check the image type and define the new default thumbnail image.

How to change thumbnail for non-image file - Dropzone

Jquery

jQuery Nice Select is a lightweight jQuery plugin that is the simple replacement for the native select element.

This quickly adds styling on the select element. It works well on both mobile and desktop browsers.

There are not many options and methods are available in this plugin.

Customize the select element with jQuery Nice Select

Jquery

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

AJAX Jquery 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

AJAX Jquery PHP