Demo Post




Dynamic Dependent Dropdown using VueJS and PHP

Dynamic Dependent Dropdown using VueJS and PHP

Generally, Dynamic Dependent Select Box is used for auto-populate a dropdown list on Dependant data. When you select one drop-down box value it will retrieve new Dependant data from database table. mostly you see for a country, state and city table. When you select country then the state will fill o.....

By Hardik Savani | Views: 40423 | July 14, 2018 | Category : PHP Bootstrap jQuery MySql Ajax Vue.JS

Simple accordion example code with demo using jquery ui

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

By Hardik Savani | Views: 40020 | August 10, 2016 | Category : Javascript HTML jQuery JQuery UI


PHP AngularJS populate dynamic dropdown example

PHP AngularJS populate dynamic dropdown example

Sometime, we may need to create dynamic dropdown in our angular application using PHP or using API. here i will give you small example for populate dropdown dynamically from database using php mysql. you can simply create country state city drop down list using angular. Here, we will bind two selec.....

By Hardik Savani | Views: 39980 | April 18, 2018 | Category : PHP Bootstrap jQuery MySql AngularJS

Jquery - Show hide password in Password textbox using checkbox.

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

By Hardik Savani | Views: 39813 | July 11, 2016 | Category : Javascript HTML jQuery

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

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 "./u.....

By Hardik Savani | Views: 39749 | July 8, 2016 | Category : Javascript jQuery

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

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

Today, i am going to show you how to create simple google map in PHP. In this example i use gmaps.js plugin for integrate google map with marker of your location. You can simply generate google map in your any php framework like laravel framework, codeigniter framework, zend framework, cakephp frame.....

By Hardik Savani | Views: 39346 | August 30, 2016 | Category : PHP Javascript HTML jQuery Google Map

Jquery tooltip example code with demo using Jquery UI

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

By Hardik Savani | Views: 39065 | July 19, 2016 | Category : Javascript HTML jQuery JQuery UI

PHP - Behance API tutorial with example and demo

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

By Hardik Savani | Views: 38567 | December 9, 2016 | Category : PHP Bootstrap Behance API

How to get gravatar image from email using Jquery?

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

By Hardik Savani | Views: 37239 | October 28, 2016 | Category : Javascript Bootstrap HTML jQuery

iOS 7 style switches for checkboxes example using switchery JS

iOS 7 style switches for checkboxes example using switchery JS

<br/> Switchery is a simple component that help us to make beautiful iOS 7 style switches for our checkbox. In this post we will see how to make ios 7 style switches animation using js plugin. If we make using our custom css then it take long time to integrate. For this example i use CDN of Switche.....

By Hardik Savani | Views: 36386 | January 17, 2017 | Category : Javascript Bootstrap HTML CSS jQuery