Demo Post




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 | October 4, 2016 | Category : Javascript Bootstrap jQuery

How to retrieve number of twitter followers count without authentication or api ?

How to retrieve number of twitter followers count without authentication or api ?

In this post i going to share with you How to get total twitter followers count from twitter username without api authentication or token. Yesterday i was working on my laravel 5 application and i require to get count total twitter followers from username. I did search a lot but i nothing get good .....

By Hardik Savani | December 16, 2016 | Category : PHP Javascript jQuery Twitter API


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 | April 28, 2016 | Category : PHP Javascript Bootstrap jQuery Bootbox.js

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 | June 12, 2016 | Category : Javascript jQuery

How to add multiple markers in google map

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

By Hardik Savani | March 9, 2016 | Category : Google Map jQuery HTML

Angularjs nl2br(textarea newline and linebreak conversion) example with demo

Angularjs nl2br(textarea newline and linebreak conversion) example with demo

Sometimes we require to display message conversion in your angularJS App, But if you are using textarea for write comment or something then text display on same like without line break. But we can display text with likebreak using nl2br(). we can use directly in nl2br() if we work on PHP But if we .....

By Hardik Savani | November 8, 2016 | Category : Bootstrap jQuery AngularJS

Bootstrap - maxlength validation with count remaining character example

Bootstrap - maxlength validation with count remaining character example

Today, i am going to give you example of How to display remaining textarea or input characters using bootstrap plugin. Bootstrap provide several types of plugin for input, label, textarea, select box etc and also for validation. So for maxlength validation, Bootstrap provide really amazing plugin .....

By Hardik Savani | October 11, 2016 | Category : Javascript Bootstrap jQuery

How to hide div after some time using AngularJS?

How to hide div after some time using AngularJS?

Sometimes we require to do like hide div or text or any tag after some time using AngularJS. In this example i am going to show you how to do it. AngularJS have $timeout variable, $timeout variable through we can set specific time after hide. We can easily set time for hide or show. In this simple .....

By Hardik Savani | September 9, 2016 | Category : AngularJS

How to disable right click on div using context menu jquery?

How to disable right click on div using context menu jquery?

Today, i am going to tell you how to disable mouse right click on div. this example thought you can learn how to disable right click on page or image or any html tag. jquery provide contextmenu event that way we can prevent right click on specific html element. In this example i used contextmenu ev.....

By Hardik Savani | August 8, 2016 | Category : Javascript jQuery

How to set scroll to bottom in jquery?

How to set scroll to bottom in jquery?

Sometimes, we need to set scroll bottom as default by using jquery, in bellow example you can see i use scrollHeight for get the total height of scroll class div with scroll, and at last i use animate with scrollTop attribute and set bottom, So Basically when your page will load then automatically s.....

By Hardik Savani | February 11, 2016 | Category : PHP HTML jQuery