Category: JQuery

When DataTable is initialized on the HTML table then it generates pagination which has sorting, searching on all columns, change number of records display features.

The default search control mainly uses to finds value on all columns and display filter list. But it can be customized.

Sometimes it requires to add some custom search filters based on the records available like – date filtering, single field search, etc.

In this tutorial, I show how you can add the custom filter to the DataTable and use it with AJAX.

How to add custom filter in DataTable - AJAX and PHP

AJAX DataBase JQuery PHP

AJAX JQuery PHP

AJAX DataBase JQuery Laravel PHP

Dropzone library makes easier to implement file upload using drag and drop on the page.

After file uploading, it shows the preview of the file in the upload area.

All the thumbnails are removed when the webpage is get refreshed.

To recreate the thumbnails after page refresh needs to send AJAX request to get all files list for adding thumbnails while initializing Dropzone.

In this tutorial, I show how you can display existing files stored on the server in Dropzone file area with jQuery AJAX.

How to display existing files on Server in Dropzone - PHP

AJAX How To JQuery PHP

AJAX JQuery Laravel PHP

AJAX JQuery PHP

TinyMCE converts HTML textarea or any other HTML element to WYSIWYG editor. Where you can directly preview the changes.

Sometimes require toggling TinyMCE instance from the HTML element.

Generated HTML from TinyMCE editor will display on HTML element when an instance is removed.

In this tutorial, I show how you can dynamically add remove TinyMCE editor from HTML element with jQuery.

Dynamically Add and remove TinyMCE editor with jQuery

JQuery

Sometimes requires to search for multiple words and select records according to words matched instead of the exact words.

With only a single like operator, it is not possible to search for multiple words.

Require to split the search term and use it with or and like operators.

In this tutorial, I am using jQuery UI library for displaying suggestion list according to search input.

AJAX JQuery PHP