Demo Post



Laravel 5 client side validation using Parsley.js example

In this post i want to show you to add client side js validation. Parsley is javascript library that provides lot's of validation for the form. this library you can also you with PHP, .net etc language. But in this post i did give you example with laravel 5 framework. Parsley.js is pretty interesting js library. 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.....

By Hardik Savani | April 7, 2016 | | 14715 Viewer | Category : Laravel Parsley JS
READ MORE

PHP - How to make dependent dropdown list using jquery Ajax?

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.....

By Hardik Savani | March 15, 2017 | | 14668 Viewer | Category : PHP Javascript Bootstrap HTML jQuery MySql
READ MORE

Jquery - Timepicker with AM PM Example code with demo using jQuery Timepicker Plugin

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..... <strong>Example:</strong> <pre class="prettyprint lang-html"> <html lang="en"> <head> <br/> <title>Jquery - Timepicker Example using jQuery Timepicker Plugin</title> <.....

By Hardik Savani | June 24, 2016 | | 14066 Viewer | Category : Javascript jQuery JQuery UI
READ MORE

Ckeditor required field validation example in Jquery

we can add required field validation easily using jquery if we have textbox, textarea, select box etc, but if we used ckeditor then it's not simple. In this example i give you how to add Ckeditor required field validation in javascript. we can do it using CKEDITOR.instances, so if you also require then you can use it. <strong>Example:</strong> <pre class="prettyprint lang-html"> <html lang="en"> <head> <title>Jquery - ckeditor required field validation</title> <script type="text/javascript" src="//cdn.jsdelivr.net/jquery/1/jquery.min.js"></script> .....

By Hardik Savani | June 11, 2016 | | 12989 Viewer | Category : Javascript jQuery
READ MORE

AngularJS - How to create read more/less toggle using Directive?

Sometimes, We may require to make to show read more and read less functionality in our AngularJS application. We can make read more using AngularJS Directive. So, In this example i going to give you full example of read more text example. I used "dd-text-collapse" Directive for after some text it will return "..." OR "(more)" etc that as you want. You can simply customize this Directive. You can also make toggle read more and read less using this Directive. First, you can see bellow code of just Directive, i give you bellow code of Directive, you can use direct in your AngularJS application......

By Hardik Savani | November 16, 2016 | | 12960 Viewer | Category : Bootstrap jQuery AngularJS
READ MORE

Bootstrap progress bar animate example using bootstrap-progressbar.js

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: <strong>Preview:</strong> <img src="/upload/bootstrap-prograss-bar.p.....

By Hardik Savani | August 3, 2016 | | 12902 Viewer | Category : Bootstrap
READ MORE

Simple Example of Bootstrap Lightbox Plugin with demo

Lightbox is a very popular plugin of wordpress and it is very useful for display image gallery. Lightbox will help to make best layout for portfolio, image gallery, banner display etc. So, Bootstrap provide Lightbox by bootstrap-lightbox plugin, bootstrap-lightbox plugin through we can simply use with bootstrap application. In this post we are going to learn how to use Lightbox in Bootstrap Application like with PHP, PHP Laravel, PHP codeigniter, PHP cakephp etc. In this example i take two image and When you click on it Open Lightbox popup with big image. It is a very basic and simple example.....

By Hardik Savani | December 27, 2016 | | 12671 Viewer | Category : Bootstrap HTML jQuery
READ MORE

How to implement lazy loading image with example for your website?

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.....

By Hardik Savani | October 4, 2016 | | 12425 Viewer | Category : Javascript Bootstrap jQuery
READ MORE

AngularJS - scroll to a specific element using anchorscroll

Sometimes, we require to scroll on specific element or div on angularjs application like scroll for go on specific comment, scroll on specific table row it. However we can do it using anchorscroll in angularjs application. anchorscroll() will help to scroll on specific "anchor" div id. anchorscroll() is provided by angularjs. We can use it simply. We don't require to write login on code jquery, because it is easy to do using anchorscroll(). $anchorScroll will use with $location variable hash. I gave you full example of how to scroll on specific element on angularjs page, We can use simple as.....

By Hardik Savani | December 15, 2016 | | 12207 Viewer | Category : Bootstrap jQuery AngularJS
READ MORE

How to use bootstrap colorpicker example code

In this example i give you how to add color picker in your php application or html etc. this is full example if you just copy and past bellow code then you can find color picker. you no need to install anything. I use bootstrap-colorpicker library for color picker for use colorpicker. bootstrap bootstrap-colorpicker is very popular library. So if you also want to build color picker both then also you can set you can see bellow example. You can see bellow example and use bellow online link example: <strong>Example:</strong> <pre class="prettyprint lang-php"> <html lang="en"> <head>.....

By Hardik Savani | May 5, 2016 | | 11095 Viewer | Category : Bootstrap
READ MORE


    Laravel 5 - Create Dummy Data using tinker factory

    Laravel 5 - Create Dummy Data using tinker factory

    Open Post

    Bootstrap form validation example with demo using validator.js plugin

    Bootstrap form validation example with demo using validator.js plugin

    Open Post

    Laravel 5 - Multiple markers in google map using gmaps.js

    Laravel 5 - Multiple markers in google map using gmaps.js

    Open Post

    Laravel 5 - Authenticate user in NodeJS with socket io using JWT.

    Laravel 5 - Authenticate user in NodeJS with socket io using JWT.

    Open Post

    Response download with file in Laravel 5.3 example

    Response download with file in Laravel 5.3 example

    Open Post

    Laravel 5 - Implement Flash Messages with example

    Laravel 5 - Implement Flash Messages with example

    Open Post