Demo Post



How to add dialog box in bootstrap?

We always need to dialog box in our project because modal is very interesting and specially for GUI. Always we like to use modal for creating data or editing data and also for conformation. So if you think how to set modal 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 modal example with code so it pretty simple to use. <strong>Example:</strong> <pre class="prettyprint lang-php"> <html lang="en"> <head> <title>Bootstrap modal popup example</title> <link hre.....

By Hardik Savani | April 27, 2016 | | 10506 Viewer | Category : PHP Javascript Bootstrap HTML jQuery
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 | | 10308 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 | | 9528 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 | | 8144 Viewer | Category : PHP Javascript Bootstrap jQuery
READ MORE

Laravel 5.6 - Multiple Image Upload Using bootstrap-fileinput

Today, i would like to share with you something amazing and superb way to multiple image uploading using bootstrap-fileinput plugin laravel 5.6 application. you can create image gallery like upload multiple image, zoom image, remove image etc by using bootstrap-fileinput plugin. you can also set front side validation for file. bootstrap-fileinput is a bootstrap plugin. bootstrap-fileinput provide us to upload multiple images or file using dropzone. bootstrap-fileinput is also use dropzone js for image upload. bootstrap-fileinput is super and amazing plugin. I also posted many tutorials about.....

By Hardik Savani | April 14, 2018 | | 6397 Viewer | Category : PHP Laravel Bootstrap jQuery
READ MORE

Vue JS Scroll to element in div using vue-scrollto

in nowadays, vue.js becomes more popular day by day. so today I want to share with you scroll to a specific reference id or element using vue-scrollto component in vue js. i will give you more example to scroll a specific element on vue js. vue-scrollto is a vue js component. using vue-scrollto component you can easily make scroll to element in specific div in you webpage. you can also use as directive of vue js of vue-scrollto component. now let's see bellow examples how it works. <strong class="step">Example 1:</strong> <pre class="prettyprint lang-html"> <html> <head> <tit.....

By Hardik Savani | April 12, 2018 | | 5904 Viewer | Category : Vue.JS
READ MORE

Dynamic Form Validation in VueJs with PHP Laravel 5.6

today market, vue js become more popular. so today i want to share with you how to add dynamic input form validation using php laravel in vue js app with demo. here we will use form validation with axios api call and display errors using vuejs. in this example, we will create two routes in laravel application with one controller. then in blade file we will import bootstrap, vuejs and axios js files. then we will add laravel validation in controller file. Then we write vue js code for dynamic form validation. So it's very simple example and you can make it quick use. we can also use vue js c.....

By Hardik Savani | April 26, 2018 | | 5427 Viewer | Category : PHP Laravel Bootstrap Vue.JS
READ MORE

Confirm Box Before Delete Item in Codeigniter

We always require to add conformation box before delete mysql rows in our codeigniter 3 application. now what i will do, when user will click on delete button or link i want to pop up messages or jquery confirm box with message like "Are you sure want to remove this item ?" If user click Yes proceed to delete if click No nothing to do that's it. In this example we will create "items" table and two routes with GET and DELETE method. one route will list of all items and another for remove item. So basically we will also create one controller with two method. So it is very easy and simple to cre.....

By Hardik Savani | April 21, 2018 | | 5406 Viewer | Category : PHP Javascript jQuery MySql Codeigniter
READ MORE

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 select box state and city. so here we will create two tables called "demo_state" and "demo_cities". so here i will explain step by step. you need to just create two tables with bellow sql query and then add some dummy records. So let's follow bellow three step to complete full example. <strong class="s.....

By Hardik Savani | April 18, 2018 | | 5001 Viewer | Category : PHP Bootstrap jQuery MySql AngularJS
READ MORE

JQuery Ajax Request Example in Codeigniter

In this post, i would like to share with you how to send ajax post request with data to codeigniter controller example. Here in full example we will also check for ajax request using is_ajax_request and send post request using jquery. jQuery Ajax methods really made easy to post or get a data and return that data without refreshing the page. it's really amazing. We will apply this jQuery Ajax post in CodeIgniter 3 project. So it will help you to make better codeigniter project. So, in this article we will create new table "items" and then we simple list out that column in view file. then wi.....

By Hardik Savani | May 9, 2018 | | 2959 Viewer | Category : PHP jQuery MySql Codeigniter Ajax
READ MORE