Category: Jquery

Collapzion.js is a lightweight jQuery plugin that adds a floating material designed toggle button on the webpage.

The button contains some child items with its own actions which will show and hide when clicking on the toggle button.

Make Floating toggle menu with Collapzion.js

Jquery

AJAX Jquery PHP

jQuery UI datepicker by default show widget text content in English language but you can change it any other language easily.

For this, you need to load language script file on your web page and point it to the datepicker widget.

How to change language of jQuery UI datepicker

How To Jquery

It is not always mandatory that for submit form requires adding the submit button.

You can do this with any other elements e.g. checkbox, radio, select, etc. using Client side script.

In this quick tutorial, I show how you can use JavaScript and jQuery to submit element.

How to submit form with JavaScript and jQuery

Javascript Jquery

AJAX Jquery PHP

jQuery is light weight JavaScript library which makes easier to use JavaScript on the web page.

You can perform your action in less code as compared to JavaScript.

This makes simpler to manipulate the HTML documents, traversing, event handling and performing AJAX request.

Compatible with most of the browsers and supports CSS3 selectors to find and style property manipulation.

How to embed jQuery into HTML page

 

Jquery

You need to include an external library to embed date picker on the elements with Bootstrap.

It is easy to add on the element like jQuery UI datepicker and have available multiple options, method, and events to control the date picker.

How to add datepicker in Bootstrap

Jquery

On WordPress, you have noticed that while writing a blog post it will autosave the post as a draft after the specified interval.

In this tutorial, I am creating the similar type of functionality with jQuery and AJAX. Where I check for any value update in input element if it is then set an interval of 5 seconds.

Send an AJAX request to save data when the interval gets completed.

Autosave data after specific time with jQuery and AJAX

AJAX Jquery PHP

Star rating bar gives an option to the user to submit his thoughts whether the content is good or not. This gives the administrator a view how well its item is performing.

It is very common on the e-commerce websites.

In this tutorial, I am using jQuery Bar Rating plugin to display star rating on the screen. Whenever the user changes the rating then send an AJAX request to save the user currently rating status on the MySQL database table with PHP.

5 Star Rating system with jQuery, AJAX, and PHP

AJAX Jquery PHP

You can use jQuery AJAX to autocomplete data on the single or multiple elements when the user search or select value from an element.

It is a better way to allow the users to easily search for data in existing records and get required information e.g. get student details by its id, product details, etc.

In the demonstration, I am using jQuery UI to display suggestion list and fetch details using PHP from the MySQL database table when a value from the suggestion list is gets selected.

How to autocomplete data on multiple fields with jQuery and AJAX

AJAX Jquery PHP