Demo Post


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 | | 6208 Viewer | Category : PHP Javascript Bootstrap HTML jQuery MySql
READ MORE

Jquery - Animated typing effect using typed js example with demo

Today we will learn How to make typing text effect using jquery plugin in our website. there are several plugins available for different task or effect etc. We may sometimes require to give animated typing effect like typewriter with string for good layout and best gui effect. So, you can also do it using code jquery, But if you use jquery plugin then you can make best and without time wast. So, You can create typing text effect using <strong class="path">typed.js</strong> plugin of jquery. Typed.js plugin give us several option to customize you typing effect like typing speed, loop etc. Usin.....

By Hardik Savani | October 20, 2016 | | 6188 Viewer | Category : HTML CSS jQuery
READ MORE

How to add multiple markers in google map

In this post we have to learn hoe to add a multiple location marker in google map. add following code for add multiple location marker. <img width="100%" style="border:2px solid cadetblue" src="/upload/Google map.png"> <strong>Add Google map canvas HTML code</strong> <pre class="prettyprint lang-html"> <div id="map_wrapper"> <div id="map_canvas" class="mapping"></div> </div> </pre> <strong>Add Google map canvas CSS code</strong> <pre class="prettyprint lang-css"> #map_wrapper { height: 400px; } #map_canvas { width: 100%; height: 100%; } </pre> <st.....

By Hardik Savani | March 9, 2016 | | 6108 Viewer | Category : Google Map jQuery HTML
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 | | 5957 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 | | 5793 Viewer | Category : Bootstrap
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 | | 5705 Viewer | Category : Javascript jQuery
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 | | 5368 Viewer | Category : Bootstrap HTML jQuery
READ MORE

Bootstrap SweetAlert - Confirm dialog box model with yes and no option example

When we deal with delete task then we always require to ask with model dialog and yes or no for conformation with message. So, if you have bootstrap then you can use simply SweetAlert plugin. Bootstrap SweetAlert plugin provide alert box, confirm dialog box and prompt box. In this example i use bootstrap js and css and SweetAlert plugin js and css. It is very simple and it gives us better layout that way we don't need to do for design. So let's see demo and get demo code. <strong>Example:</strong> <pre class="prettyprint lang-html"> <html lang="en"> <br/> <head> <title>.....

By Hardik Savani | July 26, 2016 | | 4401 Viewer | Category : Bootstrap jQuery
READ MORE

Bootstrap - Input multiple tags example using Tag Manager Jquery Plugin

Today, we are going to learn you how to use tagmanager plugin for input tag in bootstrap project. Now days, we know bootstrap is very popular framework and they provide us several plugins for small things like autocomplete, datepicker, colorpicker etc. Tag Manager is jquery plugin but we can simply integrate with bootstrap. So, in this post i give you very basic example of tagmanager.js plugin for input tags. Tag Manager plugin through we can make input tags function and it's provide by maxfavilli.com. Input tags will help to add multiple tags with good layout and better way. If you need t.....

By Hardik Savani | October 13, 2016 | | 4128 Viewer | Category : Javascript Bootstrap jQuery
READ MORE

HTML tags are not allowed in textbox validation using Jquery

I have two example that prevent HTML tags are not allowed in textbox using focusout event of jquery. You can chose any if you think it is best for me. In the first example i use regular expression for prevent html tags in my textarea and in second example i user directly check with html tags. So you can check both and use <strong>Example 1:</strong> <pre class="prettyprint lang-html"> <html lang="en"> <head> <title>Jquery - HTML Tag are not allowed in textarea</title> <script type="text/javascript" src="//cdn.jsdelivr.net/jquery/1/jquery.min.js"></scrip.....

By Hardik Savani | June 12, 2016 | | 3916 Viewer | Category : Javascript jQuery
READ MORE


    Solved - Access Not Configured. Google+ API (truncated...) on google console developer

    Solved - Access Not Configured. Google+ API (truncated...) on google console developer

    Open Post

    Laravel 5 - Full Text Search Example using Scout and Algolia Packages

    Laravel 5 - Full Text Search Example using Scout and Algolia Packages

    Open Post

    Bootstrap - Input multiple tags example using Tag Manager Jquery Plugin

    Bootstrap - Input multiple tags example using Tag Manager Jquery Plugin

    Open Post

    PHP - jquery ajax crop image before upload using croppie plugin

    PHP - jquery ajax crop image before upload using croppie plugin

    Open Post

    Bootstrap progress bar animate example using bootstrap-progressbar.js

    Bootstrap progress bar animate example using bootstrap-progressbar.js

    Open Post

    How to create blade view file using command line in Laravel?

    How to create blade view file using command line in Laravel?

    Open Post