Demo Post


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 | | 1080 Viewer | Category : Bootstrap jQuery AngularJS
READ MORE

Jquery - Show hide password in Password textbox using checkbox.

In this post we can implement how to add hide show password when user input password at register time or login time. We sometimes require to do it because that use can determine password is right or wrong. In this example i use just jquery change event on checkbox, if check then user can see his entered password and change anything, so you can see preview and also check demo with code. <strong>Preview:</strong> <img src="/upload/jquery-show-password.png" style="width:100%;border:1px solid red" /> <strong>Example:</strong> <pre class="prettyprint lang-html"> <html lang="en"> <head&g.....

By Hardik Savani | July 11, 2016 | | 1073 Viewer | Category : Javascript HTML jQuery
READ MORE

Jquery tooltip example code with demo using Jquery UI

Jquery UI is a lots of collection of GUI widgets like datepicker, tab, timepicker, colorpicker etc. Jquery UI also provide tooltip GUI widget that way we can set text and display when hover on specific element. Jquery UI tooltip through we can set information about element like if we set delete button but when user will mouseover then display text like "You can remove from here". So in this simple html example through you understand how to set tooltip using jquery ui. <strong>Example:</strong> <pre class="prettyprint lang-html"> <html lang="en"> <head> <br/> <title>Jque.....

By Hardik Savani | July 19, 2016 | | 1069 Viewer | Category : Javascript HTML jQuery JQuery UI
READ MORE

How to get gravatar image from email using Jquery?

Sometimes, we require to get gravatar image from email address in jquery. So, today i am going to share with you how to get gravatar image from email. Gravatar is a service for providing globally unique avatars. We can simply create our account and set avatar image that we want. There are several developer and users are using this service. So, that way any of site we can simply get avatar image from email address from Gravatar account. Today, in this example i also checked everything, If email does not registered then we can Set default image if user doesn't have Gravatar. So let's follow be.....

By Hardik Savani | October 28, 2016 | | 966 Viewer | Category : Javascript Bootstrap HTML jQuery
READ MORE

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 example you can see how it is works. Bellow example you can see and run bellow file in your machine. <strong>Example:</strong> <pre class="prettyprint lang-html"> <!DOCTYPE html> <html> <head> <title>Angularjs ng-hide div after few seconds</title> <script src = ".....

By Hardik Savani | September 9, 2016 | | 948 Viewer | Category : AngularJS
READ MORE

Twitter bootstrap - fancy alert box example and demo using SweetAlert Plugin

We always require to give alert box when something success, warning, info etc. we always use alert() of jquery function, If you used twitter bootstrap then you can use SweetAlert Plugin with fancy alert. SweetAlert Plugin provide a different types of animated alert like for info, primary, success, warning or error. So, you can use anyone as you require. SweetAlert Plugin gives one function swal() with several arguments like title, text, type, showCancelButton etc options so you can make customize alert. In this post i give all types of alert like success, warning, error, info and primary that.....

By Hardik Savani | July 18, 2016 | | 929 Viewer | Category : Bootstrap jQuery
READ MORE

Fadein Fadeout example in Jquery

fadein and fadeout is very interesting concept in jquery. fadein and fadeout method through you do hide show without add stylesheet like display none or something. In this example i didn't explain more but i add example for both fadein and fadeout in js. This example is very simple to undestand how to after this you can easily use with image too. So let's see bellow example and use that way: <strong>Example:</strong> <pre class="prettyprint lang-html"> <html lang="en"> <head> <title>Fade In Fade Out Example</title> <script src="http://cdnjs.cloudflare.com/ajax/libs.....

By Hardik Savani | April 20, 2016 | | 904 Viewer | Category : Javascript HTML jQuery
READ MORE

How to use collapse example in Bootstrap?

Sometimes to require collapse for display large text with title.Always we like to use collapse for data content. So if you think how to use collapse in my project then it is very easy you have to just copy bellow example and run in your local you will find result. In this example i provide bootstrap collapse example with code so it pretty simple to use. <strong>Example:</strong> <pre class="prettyprint lang-php"> <html lang="en"> <head> <title>Bootstrap collapse example</title> <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" .....

By Hardik Savani | April 27, 2016 | | 882 Viewer | Category : PHP Javascript Bootstrap 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 | | 690 Viewer | Category : Javascript jQuery
READ MORE

Jquery - How to copy text to clipboard without flash example ?

We sometimes require to give function of copy some text by clicking on button or any link. There are several library can do copy text using flash player, but in this example i will do it without using flash player. In this example we will use clipboard.js Jquery Plugin for copy to clipboard. clipboard js provide us to simply copy to clipboard, you can simply do alert or message for after success coped. You can simply use by as written following code. <strong>Code:</strong> <pre class="prettyprint lang-php"> var clipboard = new Clipboard('.btn'); <br> clipboard.on('success', function(e) { .....

By Hardik Savani | January 3, 2017 | | 665 Viewer | Category : Javascript Bootstrap jQuery
READ MORE


    How to add CKEditor with image upload using KCFinder in PHP Example Code?

    How to add CKEditor with image upload using KCFinder in PHP Example Code?

    Open Post

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

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

    Open Post

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

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

    Open Post

    Laravel 5 - How to create custom error page with example

    Laravel 5 - How to create custom error page with example

    Open Post

    Laravel 5.3 - whereDate(), whereMonth(), whereDay() and whereYear() examples.

    Laravel 5.3 - whereDate(), whereMonth(), whereDay() and whereYear() examples.

    Open Post

    PHP - File upload progress bar with percentage using form jquery example

    PHP - File upload progress bar with percentage using form jquery example

    Open Post