There are several plugins available in google like select2,selectbox etc, But i found Chosen Plugin for select box with search option. You can also use with bootstrap. I give you full example of select box with search option. After run this example you will find bellow preview.
<img width="100%" src="/upload/select-box-with-search-option.png" style="border:2px solid red">
<pre class="prettyprint lang-php">
<title>Jquery Chosen - Select Box with Search Option</title>
In this post, i would like show you how to add toastr js plugin notification popup in Laravel from scratch. toastr plugin provide us success message notification, info message notification, warning message notification, error message notification that way we can add notification with good layout.
Laravel have also several package for notification but i use toastr js plugin, that provide nice layout and pretty interesting.
We require to add one time toastr jquery code for notification, then we can manage using session. In this example you can easily understand how to implement and use.
Parsley.js through you can add required, Email, Number, Integer, Digits, Alphanum, Url, Minlength, Maxlength, Length, Min, Max, Range, Pattern, Check etc validation provide. you can also add custome validation message for this validation rules. you have to just give attribute of Pars.....
Many times, we may require to use Datepicker in our project. Jquery ui provide Datepicker library that way we can use easily in our any project like php, .net , or any other php framework. In this example i use jquery datepicker in html file with full source code that way you could run own. So just copy bellow code and run in your local system.
<pre class="prettyprint lang-php">
<title>Jquery - Datepicker Example using jquery ui</title>
In this article i will let you know jquery ajax crop image before upload using croppie plugin in Laravel 5 application.
After several feedback and request from viewer for post of laravel 5 crop image upload example, i decide to find good plugin and post for ajax crop image in laravel 5 application, Last few days ago i already posted for image uploading with laravel like <a href="http://itsolutionstuff.com/post/ajax-image-upload-example-with-validation-in-php-laravel-frameworkexample.html" target="_blank" >Ajax Image Upload Example With Validation in Laravel</a>, <a href="http://itsolutionstuf.....
If you need to use am pm timepicker then you can choose jQuery Timepicker Plugin for getting timepicker. It's pretty simple to use as you can see bellow example. you can also you can set several options for timepicker, you can read more from here : <a href="http://timepicker.co/" target="_blank">timepicker.co</a>.
So you have to just copy bellow code and run in your local system and check.....
<pre class="prettyprint lang-html">
<title>Jquery - Timepicker Example using jQuery Timepicker Plugin</title>
Today, we will learn how to implement simple infinite scroll using jquery, ajax, php and mysql example. After complete this example you will get load more data on scroll of your page.
Generally, sometime we require to make load more latest feed or post etc when you scroll like on facebook, twitter, linkedin etc, it is require when you have lots of data.When you reach at bottom of page it will load more data using jquery ajax. In this example you can easily built infinite scroll pagination using ajax. we will load more data using jquery ajax. In today, infinite scroll take places of traditiona.....
Today, we learn how to use lazy load images in our website. In todays market you can see it's very important if your site not take more time in loading.
jquery.lazyload.js plugin provide us to forces page images to pause the loading process until the reader has viewed that specific area of the page. lazyload js is very helpful for make less load your web page.
In this post i give you very simple and basic example of lazy load images in my html page. Sometimes you see take a long time to load our web images, that's way taking lot's off time to load, But This example through you can prevent im.....
In this post, i am going to share with you how to make dynamic dependent dropdown list using jquery ajax with php MySQL. In this simple example through we understand how to work dependent dropdown in core PHP even if you beginner. I also posted for php laravel framework <a href="http://itsolutionstuff.com/post/how-to-make-simple-dependent-dropdown-using-jquery-ajax-in-laravel-5example.html" target="_blank">How to make simple dependent dropdown using jquery ajax in Laravel 5?</a>.
We sometimes require to make dependent dropdown like when state select at that time bellow city drop down list sho.....
In this post i give you example of how to use animated progress bar in bootstrap framework. there are several plugin available for progress bar bootstrap, but bootstrap-progressbar.js plugin is pretty simple to use and easily integrate with bootstrap.
bootstrap-progressbar.js plugin provide several animation progress bar on your page load like basic, themed, striped, animated, aria and animation. In this example i used animated progress bar.
You can also see bootstrap progress bar preview, demo and example code as bellow: