Demo Post



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

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 | | 7522 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 | | 6774 Viewer | Category : Javascript jQuery
READ MORE

PHP - Dynamic Drag and Drop table rows using JQuery Ajax

As we know, dynamic sorting or drag and drop list items or div or table rows, it's amazing things for client or any user to understand flow. If you create sorting with drag and drop able table rows or div for your product then it's awesome. So, in this post. i would like to share with you how to create drag and drop table rows using jquery ui and also we will make it dynamic using php. so basically we will save data into database using jquery ajax. In this example we will use bootstrap for just make it better layout. we require to use jquery ui for make sortable table row. we will use cdn js.....

By Hardik Savani | June 23, 2018 | | 5234 Viewer | Category : PHP Javascript Bootstrap HTML jQuery MySql Ajax
READ MORE

Laravel Multi Language Translation using lang() Helper Tutorial

We almost project require to add multi-language support like we can change the language in our blog or website on the front end. Laravel also provide localization helper like trans(), lang() etc for multiple language support. So if you require basic translation like label changes and title etc then you should have to use laravel default localization. Laravel also provide to manage with json. you can easily change language using language code. So, in this tutorial, i would like to show you how we can manage in back-end side in laravel 5.6 and how you can use it. i will create languages table .....

By Hardik Savani | June 29, 2018 | | 2873 Viewer | Category : PHP Laravel Bootstrap jQuery MySql JSON Ajax
READ MORE

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 on select box option of the selected country. Same as for city. As we know this task can perform using jquery ajax, without jquery ajax we cannot perform because we have to update select box value on based on change event. So, in this post we will create Dynamic Dependent Dropdown using vue js and .....

By Hardik Savani | July 14, 2018 | | 1437 Viewer | Category : PHP Bootstrap jQuery MySql Ajax Vue.JS
READ MORE

Laravel Vue JS Pagination Example with Demo

Today, i would like to share with you how to create laravel vue pagination from scratch. We will create dynamic pagination with vue.js. We will use laravel-vue-pagination npm package for vue pagination in laravel 5.6 application. As we know in todays, laravel become more popular and as well as vue js too. Almost like to develop their website or project in Laravel with vue js. We all love vue js because it's really smooth and nice to work with it. So, in this post, we will see how to create pagination using vue and laravel. In this example, i simply download laravel 5.6 fresh project and then.....

By Hardik Savani | July 20, 2018 | | 1135 Viewer | Category : PHP Laravel Vue.JS
READ MORE