Demo Post


How to get ip address in jquery?

you can get ip address in jquery using getJSON(). If you need to get ip address in your js file you can get easily. In this example you can see how to get ip address in jquery. So let's try with this... <strong>Example</strong> <pre class="prettyprint lang-php"> <html lang="en"> <head> <title>Jquery - get ip address</title> <script type="text/javascript" src="//cdn.jsdelivr.net/jquery/1/jquery.min.js"></script> </head> <body> <br/> <h1>Your Ip Address : <span class="ip"></span></h1> <br/> <script type="text/java.....

By Hardik Savani | June 8, 2016 | | 3114 Viewer | Category : Javascript jQuery
READ MORE

Codeigniter multiple drag and drop image upload example from scratch

Today i would like to share with you drag and drop image upload using dropzone.js in codeigniter application. We always require to make multiple file or image uploading function in our web application or project. We use input with multiple with image upload but it's not looks great and user does not like pretty much, so we should make it better. Image uploads is very basic feature for all project or website, But if you are working on PHP or any PHP framework like laravel, codeigniter, yii etc then you can simply use dropzoneJS library. dropzone.js is an open source js library that you can s.....

By Hardik Savani | June 11, 2017 | | 3106 Viewer | Category : PHP Bootstrap jQuery Codeigniter Ajax
READ MORE

Jquery - Display a loading gif image before a image loads using Eager ImageLoader plugin

Eager ImageLoader plugs give us lazy loading before image loads, in this example you can load your gif image that you want before main image load. In this example i use eager-image-loader plugin. As you can see bellow preview that before image load. so first you have to give path of gif image "./upload/loading.gif" instead of your gif image path. If you want to get this image then you can get from demo. <strong>Preview:</strong> <img src="/upload/image-upload.png" style="width:100%;border:2px solid red" /> <strong>Example:</strong> <pre class="prettyprint lang-html"> <html lang="en">.....

By Hardik Savani | July 8, 2016 | | 3029 Viewer | Category : Javascript jQuery
READ MORE

PHP - Behance API tutorial with example and demo

Today, i am going to share with you how to use behance api in php project. In this article i will explain how to get projects from behance website using their api in your php website or any framework application like laravel, yii2, codeigniter etc. Behance is a networking website and it is very popular website. Behance through you can self promotion like you can make your portfolio and projects in details with title, description, category, images etc. Behance most of the famous for self-promotion. So, today we will learn how to use behance api in php, If you don't know more about how to use .....

By Hardik Savani | December 9, 2016 | | 3000 Viewer | Category : PHP Bootstrap Behance API
READ MORE

Simple accordion example code with demo using jquery ui

Today, i am going to give you simple example code of accordion usign jquery ui. Sometimes we need to add quick without bootstrap and other jquery plugin. So, you can learn how to add simple jquery accordion in your php or other framework project. Here is a simple four section with it's content so you can understand simply. So, let's see bellow example for jquery accordion. <strong>Example:</strong> <pre class="prettyprint lang-html"> <html lang="en"> <head> <title>Jquery accordion examples demo</title> <script src="http://demo.itsolutionstuff.com/plugin/jquery.....

By Hardik Savani | August 10, 2016 | | 2454 Viewer | Category : Javascript HTML jQuery JQuery UI
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 | | 2447 Viewer | Category : AngularJS
READ MORE

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 scroll as bottom. <strong>Example:</strong> <pre class="code language-html"> <html lang="en"> <head> <title>Scroll Down bottom</title> <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> </head> <body> <div cl.....

By Hardik Savani | February 11, 2016 | | 2308 Viewer | Category : PHP HTML 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 | | 2245 Viewer | Category : Javascript Bootstrap jQuery
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 | | 2122 Viewer | Category : Javascript HTML jQuery
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 | | 1934 Viewer | Category : Javascript Bootstrap HTML jQuery
READ MORE


    Laravel 5 - Barcode generator example using milon/barcode package

    Laravel 5 - Barcode generator example using milon/barcode package

    Open Post

    How to implement flash messages in PHP Codeigniter?

    How to implement flash messages in PHP Codeigniter?

    Open Post

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

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

    Open Post

    Bootstrap - Jquery multiple select with checkboxes example using bootstrap-multiselect.js plugin

    Bootstrap - Jquery multiple select with checkboxes example using bootstrap-multiselect.js plugin

    Open Post

    Laravel 5 Stripe example using Laravel Cashier from Scratch

    Laravel 5 Stripe example using Laravel Cashier from Scratch

    Open Post

    Multi select autocomplete jquery example with code

    Multi select autocomplete jquery example with code

    Open Post