AJAX is use to communicate with the server and perform action like – database manipulation, file upload, etc. without the need to refresh whole page.
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.
AJAX makes easier to load records from MySQL database without reloading the whole page.
Handle AJAX request from the controller and database manipulation in the model.
In this tutorial, I show how you can fetch records from MySQL database with jQuery AJAX in Laravel.
jQuery UI sortable enable to reorder the HTML element by drag & drop.
This will use to allow the users to adjust the positions of images to display on the webpage.
In this tutorial, I show how you can save the sorted image list order in the MySQL database and read it.
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.
In this tutorial, I show how you can dynamically add remove TinyMCE editor from HTML element with 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
In this tutorial, I am using jQuery UI library for displaying suggestion list according to search input.
TinyMCE is a WYSIWYG editor which enables HTML textarea or other HTML elements to accept formatted input and media files.
It previews the content while adding and editing.
In this tutorial, I show how you can add TinyMCE editor to HTML control and read it on the form submit in CodeIgniter Project.