Tag : Javascript



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 | | 230 Viewer | Category : Javascript HTML
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 | | 7377 Viewer | Category : PHP Javascript Bootstrap HTML jQuery MySql Ajax
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 | | 13517 Viewer | Category : PHP Javascript Bootstrap HTML jQuery MySql Ajax
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 | | 5223 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 | | 42764 Viewer | Category : PHP Javascript Bootstrap jQuery MySql JSON Ajax
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 | | 77671 Viewer | Category : PHP Laravel Javascript jQuery
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 | | 2257 Viewer | Category : PHP Javascript 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 | | 3680 Viewer | Category : Javascript Bootstrap HTML jQuery
READ MORE

PHP - Infinite Scroll Pagination using JQuery Ajax Example

Today, we will learn how to implement simple infinite scroll using jquery, ajax, php and mysql example. After complete this example you will get load more data on scroll of your page. Generally, sometime we require to make load more latest feed or post etc when you scroll like on facebook, twitter, linkedin etc, it is require when you have lots of data.When you reach at bottom of page it will load more data using jquery ajax. In this example you can easily built infinite scroll pagination using ajax. we will load more data using jquery ajax. In today, infinite scroll take places of traditiona.....

By Hardik Savani | April 27, 2017 | | 38119 Viewer | Category : PHP
READ MORE

PHP Codeigniter - Ajax Infinite Scroll Pagination Example

In this example, we are going to lean how to implement infinite scroll example in our codeigniter application. Infinite Scroll is amazing feature if you have news latter page, posts page or any listing page that way we don't require to load more records at time and not need to load page every time. we sometimes require to use infinite scroll in our project or application. So in this post we learn how to make infinite scroll example from scratch. I also provide demo for infinite scroll example, so you can see there. In this example we will create "posts" table and you have to add some manual.....

By Hardik Savani | March 31, 2017 | | 33322 Viewer | Category : PHP Javascript jQuery Codeigniter Ajax
READ MORE

    Laravel 5 - category treeview hierarchical structure example with demo

    Laravel 5 - category treeview hierarchical structure example with demo

    Open Post

    Jquery - input tags plugin example using jquery.tagsinput.js plugin

    Jquery - input tags plugin example using jquery.tagsinput.js plugin

    Open Post

    Laravel 5 ajax request validation example

    Laravel 5 ajax request validation example

    Open Post

    Laravel 5 - GEO chart example and demo using lavacharts package

    Laravel 5 - GEO chart example and demo using lavacharts package

    Open Post

    Laravel 5 - create quick backend admin panel tutorial

    Laravel 5 - create quick backend admin panel tutorial

    Open Post

    Laravel 5 custom pagination view example

    Laravel 5 custom pagination view example

    Open Post