Category : jQuery


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 | | 4671 Viewer | Category : jQuery
READ MORE

AngularJS - Display Default image if original image does not exists with example

We always require to check image is exists or not in given path, If not exists then we have to set default image. If we work on PHP or any framework then we check condition or something else for image exists of not to check But If you are working on AngularJS framework then we can do it using "directive". AngularJS directive through we can simple check image is exists or not on the given url path. In this example i use ng-src and err-src attribute to manage image, directive will check ng-src url image is exists or not, if not then it will set err-src image as default. So, I give you very bas.....

By Hardik Savani | October 18, 2016 | | 1390 Viewer | Category : jQuery
READ MORE

Bootstrap - Show/Hide(toggle) Password input field using bootstrap-show-password.js Plugin

Sometimes, we may require to hide show password input field so, user can see what he written in password in register form or any other form. So, If you used Bootstrap framework then you can simply do it by using bootstrap-show-password.js plugin. Bootstrap show Password plugin give us to good layout and with we can also custom set class when password hide or show. We can also set toggle hide show password input field. In this full example i use bootstrap-show-password.js plugin for hide show password field. You can sole use this example simply by bellow small example. <strong>Preview:</str.....

By Hardik Savani | October 15, 2016 | | 6743 Viewer | Category : 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 | | 3019 Viewer | Category : jQuery
READ MORE

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 "bootstrap-maxlength.min.js". maxlength.js through we can count remaining characters of input box. We can also change color of background and also change text message of remaining characters. I had added very simple example to use that plugin so you can check also demo and also run bellow file. S.....

By Hardik Savani | October 11, 2016 | | 1686 Viewer | Category : jQuery
READ MORE

Jquery email autocomplete example with demo using jquery.email-autocomplete.min.js

Today, i am going to show you how to make autocomplete email address using Jquery. email-autocomplete plugin through we can simple email autocomplete in our PHP, .net or etc project. In this example i use bellow js and css <strong>1) jquery.js</strong> <strong>2) jquery.email-autocomplete.min.js</strong> <strong>3) bootstrap.min.css</strong> I also use bootstrap for better layout. I created very simple and full example so you don't have to do anything. So, you can run bellow example and also see demo. <strong>Preview:</strong> <img src="/upload/email-autocomplete.png" style="width:100%;bord.....

By Hardik Savani | October 7, 2016 | | 1435 Viewer | Category : 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 | | 4201 Viewer | Category : jQuery
READ MORE

PHP - autocomplete websites with domain and logo using clearbit API

Today, i going to give you pretty interesting example of autocomplete websites lists with name, logo and domain using clearbit API. we simply use free clearbit API and get lists of websites. You can simply use it in your PHP and also any framework(Laravel, codeigniter, zend etc). clearbit website provide us several other API too like Reveal, Discovery, Website Logo and etc. In this example i used following library as bellow listed: <strong>1)clearbit</strong> <strong>2)bootstrap</strong> <strong>3)typeahead</strong> Above library through we can make autocomplete of current websites in your .....

By Hardik Savani | October 2, 2016 | | 3076 Viewer | Category : jQuery
READ MORE

How to stop setinterval() after sometimes in jquery?

Sometimes we require to stop setInterval() after a while few time, so today i am going to give you simple example with setinterval stops after a while. In this example i used two function as listed bellow: <strong>setInterval() : </strong> Call on specified intervals time. <strong>clearInterval() : </strong> Stop set interval. You can see bellow full example, how to stop setinterval after 1 minute, You can also check demo, how work this example: <strong>index.html</strong> <pre class="prettyprint lang-html"> <!DOCTYPE html> <html> <head> <title>Jquery setinterval.....

By Hardik Savani | October 1, 2016 | | 864 Viewer | Category : jQuery
READ MORE

AngularJS - update bind ng-model input value from Jquery Code

Sometimes, we require to set value of input box from js code, But if you bind with ng-model of angular then you can't set value directly with "val()" of jquery. As Bellow example: <pre> $("#my-name").val('test'); </pre> But of you set this way then it will display in your text box layout, but you can't get from on submit function. So, you have to also trigger input that way AngularJS can get on controller method. You can see bellow full example that way you can understand how to solve this issue: <strong>Example:</strong> <pre class="prettyprint lang-html"> <!DOCTYPE html> <html>.....

By Hardik Savani | September 27, 2016 | | 4150 Viewer | Category : jQuery
READ MORE

    How to integrate google map using gmaps.js in php example?

    How to integrate google map using gmaps.js in php example?

    Open Post

    Laravel 5 - Dynamic Dependant Select Box using JQuery Ajax Example - Part 1

    Laravel 5 - Dynamic Dependant Select Box using JQuery Ajax Example - Part 1

    Open Post

    How to create Laravel Resource Controller example?

    How to create Laravel Resource Controller example?

    Open Post

    Laravel 5 import export to excel and csv using maatwebsite example.

    Laravel 5 import export to excel and csv using maatwebsite example.

    Open Post

    PHP - jquery ajax crop image before upload using croppie plugin

    PHP - jquery ajax crop image before upload using croppie plugin

    Open Post

    Laravel 5 Stripe example using Laravel Cashier from Scratch

    Laravel 5 Stripe example using Laravel Cashier from Scratch

    Open Post