Category : Javascript


jQuery Ajax X-editable bootstrap plugin to update records in PHP Example

X-editable is jquery powerful plugin and it's allows you to create editable elements on your page using jquery ajax. X-editable library you can use with only bootstrap, jquery-ui and jquery. X-editable provide us edit inline element using text box, textarea, select, date, datetime, dateui, wysihtml5, select2, typeahead etc. X-editable plugin also provide client side validation. X-editable is giving you good layout if you are using with bootstrap. In this example we will use X-editable with bootstrap plugin. In this post, i will share with you how to update records using jquery ajax with PHP .....

By Hardik Savani | June 27, 2017 | | 1844 Viewer | Category : Javascript
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 | | 508 Viewer | Category : Javascript
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 | | 5958 Viewer | Category : Javascript
READ MORE

Laravel 5 ajax request validation example

In this example, I am going to show you how to make validation using jquery ajax in laravel 5 application. It would be always greate if you use laravel validation for your web form in laravel project. we can use laravel validation very simply if we don't need to use jquery ajax. because laravel provide easy way to use validation without ajax. But if you want to use laravel validation with jquery then you can't do it easily. However you can make it by following example. In this example i will show you how to use laravel default validation with jquery ajax. Here we also print laravel validat.....

By Hardik Savani | June 9, 2017 | | 7197 Viewer | Category : Javascript
READ MORE

How to prevent submit form on enter key except textarea in JQuery?

In this post, i will show you how to prevent form submitting on enter key with except textarea using javascript code. You can simply do this on your php, laravel, codeigniter, asp.ent etc project. In somecases, we require to disable form submit on press enter key on text box that way user must need to press submit button. We can do it simply but if we have to also textarea on that form that it can be cause issue because textarea should accept enter key and goes new line. However, we can also solve this issue by jquery code. So first let's see bellow few lines code for prevent form submit on e.....

By Hardik Savani | June 6, 2017 | | 496 Viewer | Category : Javascript
READ MORE

PHP MySQL - Simple Image Gallery CRUD example from scratch

Today we will learn how to create simple image gallery crud using bootstrap, mysql database, fancy box and PHP. We will create example from scratch so it will be easy to get full script example. Sometimes, we almost require to create image gallery or insert update and delete module for user, employee, admin, students etc. Photo album will help to easily upload image and remove that with proper validation. So we always want to built good bootstrap layout with image gallery. However in this tutorial, we will make photo gallery from scratch with good layout that way you can simply built it with .....

By Hardik Savani | June 2, 2017 | | 3913 Viewer | Category : Javascript
READ MORE

Codeigniter - Dynamic dependent dropdown using jquery ajax Example

In this post, we will learn how to populate dynamic dependent drop down select box using jquery ajax in our codeigniter application. We may sometimes require to make dependent dropdown from database like when state select at that time bellow city drop down list should change, i mean related to selected state. In this example i have two tables and there are listed bellow: <strong>1.demo_state</strong> <strong>2.demo_cities</strong> So, when user will change state at that time, dynamically change city drop down box from database. you can implement this example in your application by follow bel.....

By Hardik Savani | May 25, 2017 | | 3333 Viewer | Category : Javascript
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 | | 3089 Viewer | Category : Javascript
READ MORE

Codeigniter JQuery Ajax image upload example from scratch

In this tutorial, I am going to explain how to upload image or file with jquery ajax using jquery form js in codeigniter application. As we know we always require to create function for image or file upload in our web application. So we require to give possibility to image upload. Image Upload functionality is a very basic require to all most back-end project for like user profile picture upload, product image upload, category photo upload etc. If you want to give just image upload without ajax then you can also follow this link : <a href="http://itsolutionstuff.com/post/how-to-upload-image-w.....

By Hardik Savani | May 19, 2017 | | 2256 Viewer | Category : Javascript
READ MORE

Ajax Image Upload using PHP and jQuery Example from scratch

Today i am going to share with you how to make simple jquery ajax image upload with bootstrap example in PHP project. We generally require to make image upload function on our web application project. If you use only core php, then you can make simply image upload by page refresh. But if you want to make using jquery ajax, it best idea. Using jquery ajax image upload looks good and it can done without page refresh. In ths post i am going to share with you how to create image uploading using jquery very easy way. In this example we will use jquery.form.js plugin for ajax image upload. jquery......

By Hardik Savani | May 6, 2017 | | 2636 Viewer | Category : Javascript
READ MORE

    Bootstrap progress bar animate example using bootstrap-progressbar.js

    Bootstrap progress bar animate example using bootstrap-progressbar.js

    Open Post

    Laravel 5 dropbox api file upload example using league/flysystem-dropbox package

    Laravel 5 dropbox api file upload example using league/flysystem-dropbox package

    Open Post

    Multi select autocomplete jquery example with code

    Multi select autocomplete jquery example with code

    Open Post

    Laravel 5 Stripe example using Laravel Cashier from Scratch

    Laravel 5 Stripe example using Laravel Cashier from Scratch

    Open Post

    How to integrate paypal payment gateway with laravel 5.4

    How to integrate paypal payment gateway with laravel 5.4

    Open Post

    Codeigniter multiple drag and drop image upload example from scratch

    Codeigniter multiple drag and drop image upload example from scratch

    Open Post