Tag : Demo

ItSolutionStuff.com have tutorials for Demo tag, here you can study articles of Demo tag, Demo tag posts collection, most popular and useful tutorials of Demo tag, here you can find list of all relevant posts and example about Demo tag, we have lists of tutorials and examples about Demo tag. very simple and quick example collection of Latest Demo tag.



PHP Codeigniter 3 - Jquery Ajax Autocomplete Search using Typeahead

In this post. i will explain how to create step by step dynamic autocomplete using typeahead js ajax in codeigniter application. we will take simple bootstrap text box and make it dynamic real time search using typeahead jquery ajax in codeigniter application. As we know, codeigniter is famous framework of php. Also typeahead.js a flexible javascript library that provides a strong foundation for autocomplete search. so if you require to create autocomplete from database then you have to use typeahead library that make better ui too. Also you can simply customize easily. For this example, we .....

By Hardik Savani | June 13, 2018 | | 3829 Viewer | Category : PHP Bootstrap jQuery MySql JSON Codeigniter Ajax Typeahead JS
READ MORE

How to remove all spaces from string in JQuery?

In this post, I would like to share with you how to remove all white spaces or blank space from a string using jquery. Actually, we may sometime require to delete all empty spaces from string in jquery javascript. we can easily remove all black space using jquery replace function. Here i give you very small example with one rich textbox and add button bellow. You have to simple add string on rich text box then click on button it will remove all spaces from added string. It's very simple example and also i give you demo for this you can see bellow button. You are able to download code for r.....

By Hardik Savani | June 9, 2018 | | 3516 Viewer | Category : Javascript jQuery
READ MORE

AngularJS Drag and Drop Table Rows Example with Demo

Hi Artisan, After a long time, I write an example of angularjs. in this example, I will share with you how to create a simple drag and drop table rows, div, list etc using angularjs ui-sortable directives. we will use jquery.ui for drag and drop table rows. We may sometime require to create drag and drop table column for sorting data. If you need to do this then you have to follow jquery UI for sortable. but if you are work on angularjs then how you will do? Angularjs have many plugins for sortable but if you use core jquery UI then it would be great to customize and everything. So, here I .....

By Hardik Savani | June 6, 2018 | | 4283 Viewer | Category : Javascript Bootstrap jQuery AngularJS
READ MORE

Laravel 5.6 - Dynamic Ajax Autocomplete using Vue.js

Today, we are going to learn ajax live search and autocomplete using vue js components in laravel 5.6 application. here we will create simple and nice example of autocomplete in vue.js using laravel api. we will use axios for getting records in vue js, so just follow this tutorial and get full example. As we know everybody is familiar with the concept of Ajax Live Search or Autocomplete for search. If you search on google, youtube or any other famous website, we can see like search with autocomplete. there are also available tools for autocomplete like jquery ui and Typeahead etc, but if you .....

By Hardik Savani | April 30, 2018 | | 69840 Viewer | Category : PHP Laravel Bootstrap MySql Ajax 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 | | 9784 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 | | 8895 Viewer | Category : PHP Bootstrap jQuery MySql AngularJS
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 | | 10738 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 | | 10115 Viewer | Category : Vue.JS
READ MORE

PHP Ajax Multiple Image Upload with Preview Example

Today, i would like to share with you multiple image upload with preview using jquery ajax in PHP. This Tutorial will help to learn JQuery Ajax multiple images upload example in PHP with demo. demo of display selected multiple images preview. Sometime, we may need to add feature for multiple images upload. If you are new in core PHP or don't know how to do it then you are a right place. Here i will give you full example of multiple images upload with display preview of selected images. So don't worry and just follow bellow two files. In this example, i simple create two files as there are li.....

By Hardik Savani | December 31, 2017 | | 47711 Viewer | Category : PHP Javascript Bootstrap jQuery Ajax
READ MORE

Codeigniter 3 - Basic CRUD application with MySQL Example with Demo

Today I am going to share with you how to create insert update delete operation with validation in codeigniter 3 application with demo example. this tutorial will help to create simple CRUD (Create Read Update Delete) Operation application using MySQL Database with validation. As we know well we always require to create basic CRUD module for products, items etc using mysql database. It is primary requirement for any web application. So in this example i will explain example of add, edit and delete record using codeigniter 3 and mysql database. I am extending this tutorial and will add functio.....

By Hardik Savani | November 4, 2017 | | 46431 Viewer | Category : PHP Bootstrap HTML jQuery MySql Codeigniter
READ MORE