Demo Post




Jquery - Animated typing effect using typed js example with demo

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

By Hardik Savani | Views: 67872 | October 20, 2016 | Category : HTML CSS jQuery

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

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

By Hardik Savani | Views: 67152 | July 26, 2016 | Category : Bootstrap jQuery


Bootstrap progress bar animate example using bootstrap-progressbar.js

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

By Hardik Savani | Views: 67142 | August 3, 2016 | Category : Bootstrap

Laravel 5.7 Autocomplete Search from Database using Typeahead JS

Laravel 5.7 Autocomplete Search from Database using Typeahead JS

Today, I write tutorial on dynamic search dropdown autocomplete from database using bootstrap typeahead js in laravel 5.6 app. You have to just follow few step to create autocomplete search text box from database with jquery ajax in laravel 5.7. Ajax Autocomplete is must if you are dealing with b.....

By Hardik Savani | Views: 66734 | September 7, 2018 | Category : PHP Laravel Bootstrap jQuery Ajax Typeahead JS

 How to set Datepicker in bootstrap?

How to set Datepicker in bootstrap?

You are working on bootstrap and you want to add datepicker, then you have to use bootstrap-datepicker library. but if you are new and how to add datepicker in bootstrap then i provide you example of bootstrap datepicker. How to set Datepicker in bootstrap datepicker, how to use datepicker in boots.....

By Hardik Savani | Views: 66349 | January 8, 2016 | Category : PHP Bootstrap

HTML tags are not allowed in textbox validation using Jquery

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

By Hardik Savani | Views: 66225 | June 12, 2016 | Category : Javascript jQuery

Bootstrap - Input multiple tags example using Tag Manager Jquery Plugin

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

By Hardik Savani | Views: 65535 | October 13, 2016 | Category : Javascript Bootstrap jQuery

JQuery - Delete confirm modal using bootbox example

JQuery - Delete confirm modal using bootbox example

We always need ask confirmation for remove items. I mean we always ask before deleting items. So if you need to ask confirm before do something like delete, change status, change value etc as you require. If you want to do with better layout then you have to chooes bootbox.js and if you already use .....

By Hardik Savani | Views: 64984 | April 28, 2016 | Category : PHP Javascript Bootstrap jQuery Bootbox.js

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

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

By Hardik Savani | Views: 64698 | November 16, 2016 | Category : Bootstrap jQuery AngularJS

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

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

By Hardik Savani | Views: 64644 | October 4, 2016 | Category : Javascript Bootstrap jQuery