Tag : JS



PHP MySQL confirmation box before delete record using jquery ajax

Today, i will show you how to add confirm box before delete item in php. It's always necessary to confirm yes or no about that removing record. If we confirm before delete records it's safe to client that delete right records. So in this post i will show you how to add confirmation popup of jquery and remove item dynamically. Here, i have simple create "users" table and then list all users with table using bootstrap. Using bootstrap it looks better layout. So added delete button, when user will click on delete button confirm box open and ask to remove or not current item. after click on yes f.....

By Hardik Savani | August 21, 2017 | | 4101 Viewer | Category : PHP Javascript Bootstrap HTML jQuery MySql Ajax
READ MORE

Simple PHP Ajax Form Validation Example from scratch

In this post, i would like to share useful jquery ajax form validation example from scratch. As we know todays, jquery become more popular and more powerful. So here i will show you server side php validation and we will check using jquery ajax request. I will give you very basic and simple example of bootstrap form with ajax validation in php, so it don't take much more time. Here, i will create PHP contact us form using html bootstrap framework. When you click on "Send Message" button it will fire ajax post request and check validation and display it as now on bellow preview. I will create .....

By Hardik Savani | August 10, 2017 | | 4157 Viewer | Category : PHP Bootstrap HTML jQuery Server Ajax
READ MORE

PHP - jquery datatables with mysql database example from scratch

Today, i am going to share with you how to use jQuery datatable plugin in php mysql project. i will also describe small example of data table with server side scripting, here i will use PHP and MySQL to get data from server side. So you have to simple follow few step and will get small quick example. DataTables is a jquery library that provide pagination, instant search and multi-column ordering to HTML table. DataTables easily use with normal jquery ui project, bootstrap. We can simply get records from server side using ajax. In this example, i created "users" table with id, name, email fie.....

By Hardik Savani | August 3, 2017 | | 7075 Viewer | Category : PHP Javascript HTML jQuery MySql Ajax
READ MORE

How to change date format in jquery using moment JS ?

sometime, we may need to change date format mm/dd/yyyy, mm-dd-yyyy, DD-MM-YYYY, yyyy-mm-dd etc in jquery then you can do it using moment jquery library. here i will give you very simple example that way you can understand how it works, actually it's very easy to use and fantastic. moment.js is a jquery plugin that provide to change date formate from string date. they also provide to compare date, difference between two dates etc. there are several things work with dates, it's like carbon. So i think if you are using jquery then must be use moment js plugin for change date format. I posted in.....

By Hardik Savani | July 27, 2017 | | 1687 Viewer | Category : Javascript HTML jQuery
READ MORE

How to add custom jquery validation for image file upload in summernote ?

Todays, Summernote WYSIWYG editor is a very simple and super fast bootstrap editor. Summernote WYSIWYG editor is a javascript library and it's provide to use their tools for file upload, text bold, color, italy font etc. We can simply use summernote by following their website <a href="http://summernote.org/" target="_blank">"summernote.org"</a>. They provide docs for complete guide and we can use in a minute. They also provide file uploading options, But not more for validation like image max size should be 1mb, file mime type should be png, jpg etc. So we can't do it that simple. However, I.....

By Hardik Savani | July 4, 2017 | | 4004 Viewer | Category : Javascript Bootstrap jQuery
READ MORE

Automatically Refresh or Reload a Page using jQuery Example

If you require to make auto refresh your web page after some time period using jquery or code javascript then you can do it you can do it using javascript. we will auto reload page using setTimeout(), setInterval() and meta http-equiv tag. we can simple do it in php, .net, java, laravel, codeigniter etc. Sometimes, we require to reload page after every 5 seconds, 10 seconds, 15 seconds, 20 seconds, 25 seconds, 30 seconds etc. In this post i will explain how to do it and there are many way to refresh html page. So here you will see three example of auto refresh php page using javascript, you c.....

By Hardik Savani | June 22, 2017 | | 3035 Viewer | Category : Javascript HTML jQuery
READ MORE

How to integrate jQuery Fullcalendar using Bootstrap, PHP and MySQL ?

Today, i would like to share with you integration of jquery full calendar events crud operation using bootstrap, php & mysql example. Fullcalendar is jquery library that provide us to display calendar with events and more. Fullcalendar js provide year, month, week and day calendar for displaying and it amazing with drag & drop events management. If you are working on event management, task management or any thing that related date to date, at that time if you use event calendar like fullcalendar then it's better. In this example we will create "events" table in mysql database and create cru.....

By Hardik Savani | June 16, 2017 | | 30806 Viewer | Category : PHP Javascript Bootstrap jQuery MySql JSON Ajax
READ MORE

Bootstrap multiselect dropdown in popup using popupMultiSelect plugin

In this example, i will share with you example of multiselect listbox in popup using popupMultiSelect.js plugin. popupMultiSelect plugin you can simply use in your php, laravel, codeigniter, angularjs projects. We may sometime require to make multiple select on select box. You can simply use select box with multiple attribute. But if you are using Bootstrap then you can make it pretty good layout. Yes in this example we will use popupMultiSelect plugin for multiselect dropdown box. popupMultiSelect plugin provide us when you click on select box it will open popup and display all options there.....

By Hardik Savani | May 21, 2017 | | 8262 Viewer | Category : Javascript Bootstrap HTML jQuery
READ MORE

How to create custom scrollbar using jquery mcustomscrollbar plugin ?

In this post, we will learn how to make custom scrollbar will better layout using jquery.mcustomscrollbar plugin. We always want to make best layout of scrollbar instead of default browser layout. default browser layout scrollbar always deferent layout because it depend of browser. So today in this post you can see how to make pretty beautifully scrollbar using mcustomscrollbar plugin. mcustomscrollbar plugin provide us several other option to make more better like set theme and options. So here i make very simple example using mcustomscrollbar cdn, you can see layout of example and also you .....

By Hardik Savani | May 4, 2017 | | 3096 Viewer | Category : Javascript Bootstrap HTML jQuery
READ MORE

Laravel 5 - category treeview hierarchical structure example with demo

Today, I am going to share with you how to create dynamic category tree view structure in Laravel 5 application using jquery. We sometime require to make tree view structure for category and subcategory. In this tutorial i simple create "categories" table and manage end level of parents and child category with nested tree view structure in Laravel application. I use jquery for make tree view layout and child relationship with category model for hierarchical data. I also add form for create new category in tree view. If you are new in laravel then also you can do it simple and also simply cus.....

By Hardik Savani | November 9, 2016 | | 95638 Viewer | Category : PHP Laravel Javascript Bootstrap CSS jQuery
READ MORE

    Laravel 5 database backup using Laravel Backup Package

    Laravel 5 database backup using Laravel Backup Package

    Open Post

    How to retrieve number of twitter followers count without authentication or api ?

    How to retrieve number of twitter followers count without authentication or api ?

    Open Post

    Simple Highcharts Chart Example using PHP MySQL Database

    Simple Highcharts Chart Example using PHP MySQL Database

    Open Post

    How to execute artisan commands from route or controller in Laravel ?

    How to execute artisan commands from route or controller in Laravel ?

    Open Post

    Simple PHP Jquery Ajax CRUD(insert update delete) tutorial example with source code

    Simple PHP Jquery Ajax CRUD(insert update delete) tutorial example with source code

    Open Post

    Laravel 5 - Image Upload and Resize Example using Intervention Image Package

    Laravel 5 - Image Upload and Resize Example using Intervention Image Package

    Open Post