Introduction The select2 js is widely used to shortlist and filter the select options. When it goes more than 100 in select option. Its hard to navigate and find the right one.  For that we can go with select2 js  or selectpicker. That’s also handy when the list is less than 1000. Because if you load all the list in DOM. That will slow down ...

Introduction DataTable Custom Filter Server Side helps to create and filter data’s based on your choice. Like some peoples have to filter contents based on certain criteria like Status, Types or Groups. So the custom filter helps to make the things for you. Let’s create a server side processing DataTable and insert a filter as drop down and use it here in our table. Table ...

Introduction Morris.js Dynamic Data Example PHP Mysql is a simple article to helps you to create Morris chart and populate data from Server. Let’s start with the normal Area Chart and go with other charts, Usually the  Area chart has more data rather than other charts. So, If I help you to understand with the more data,you can change it to any chart I mean ...

Passing JavaScript Array To PHP Through JQuery $.AJAX. Sometimes you need to process an array of data through php.  But we have the Array in JavaScript. So we need to pass the whole array in a variable.  We have two options. JSON String Direct array Direct Array : This one is simplest method to pass the data’s from JavaScript to php.  Just add the Array ...

After Ajax Call jQuery function not working properly. Sometime after the after the Ajax call the popular jQuery plugins and jQuery custom functions stop responding. Its one of a biggest hassle when you rewriting contents after Ajax call. Here the problem is nothing, actually when the DOM gets ready all the event were loaded. Than after the ajax call the elements are redrawn again. So ...

jQuery AJAX uploader for laravel  site and we are going to use simple HTML form and uploading image and show a preview on the upload form. Lets start write coding, First begin with Routes. Route::get('files', 'ImageController@getUploadForm'); Route::post('/files/image','ImageController@postUpload'); The above one help you to create the folder and path to images directory. Than move to the view file and create the form for the image uploader ...

jQuery AJAX using in Laravel is one of a very useful thing to create interactive applications from the laravel framework. The next level of programming goes with the live results without refreshing and loading again browser. Here I am going to give you a easy way to use AJAX on your Laravel project , Just follow the steps to create your own. Let’s begin with ...

With my one of  a Mark Project , I am in need to find the location of a mouse cursor. First I tried to find a scracth from web, but I can’t find a right one. So I decided to code myself.  Here I will give you simple code to get mouse cursor position coordinates. First created a sample html to demonstrate the code. <form ...

This  tutorial will help you to get all images from  a images directory dynamically.  You can use simple php and jQuery functions to create custom images list . Here Not only images, you can get any list of items from a directroy.  Here , first we have to get the path of our images directory $img_dir = "path/to/images/directory/"; Now , we need to collect files ...