Category : Javascript

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



Laravel 5 - Simple CRUD Application Using ReactJS - Part 3

In last part, we will create view blade file and run our react js crud application, we used axios for run apis. So let's follow rest of two step. <strong class="step">Step 8 : Create Main Blade File</strong> in this step. In this step we have to create just one main blade. So mainly we have to create layout file. So finally you have to create following bellow blade file: <strong>resources/views/welcome.blade.php</strong> <pre class="prettyprint lang-html"> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" co.....

By Hardik Savani | December 10, 2017 | | 30083 Viewer | Category : Javascript
READ MORE

Laravel - Dynamically Add or Remove input fields using JQuery

Today, i am going to share with you how to add more fields using jquery in laravel 5.5 application, i also implemented Dynamically Generated Fields validation, so if you have add dynamically more then one fields with laravel validation then you are at right place. We may sometime require to generate dynamic add more fields using jquery in your php laravel application. List if you have to add more then one stock with date wise and need to add in single form. So basically you require to add more function that way client can add and remove dynamically their stock with date. So here i make very s.....

By Hardik Savani | October 28, 2017 | | 73984 Viewer | Category : Javascript
READ MORE

How to set maxlength for textarea in javascript ?

Today, i was planing to post something like regarding to javascript. I was thinking what post should i add and i plan to make maxlength validation with display remaining character count using javascript. So you can simply make character limit with remaining counter in javascript. Here, i am going to make very simple example to do this, you don't require to import jquery. You have to just write following javascript code. So I used onkeyup and onkeydown event of code javascript. It would be easy to use using onkeydown and onkeyup event and make it character count validation in html. So let's j.....

By Hardik Savani | October 18, 2017 | | 19076 Viewer | Category : Javascript
READ MORE

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 | | 43823 Viewer | Category : Javascript
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 | | 76015 Viewer | Category : Javascript
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 | | 45533 Viewer | Category : Javascript
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 | | 28901 Viewer | Category : Javascript
READ MORE

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 | | 45308 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 | | 61691 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 | | 133080 Viewer | Category : Javascript
READ MORE