Category: JQuery

It is safe to display confirmation alert before deleting a record from MySQL database table.

If the user has accidentally clicked the delete button on the wrong record then it has a choice whether to delete or cancel it.

Confirm box can easily add using confirm() method.

But in this tutorial, I am using Bootstrap Bootbox.js library to display confirm box.

With jQuery AJAX delete a record from the MySQL database with PHP on confirmation.

Confirmation alert before delete record with jQuery AJAX

AJAX JQuery PHP

The poll system used by the site administrator to get the users views on the topic or a product.

The user can select an option and submit a vote.

The overall percentage of the option will display after submit.

In this tutorial, I show how you can create a poll system with jQuery AJAX.

Online Poll and Voting System with jQuery AJAX

AJAX JQuery PHP

With the use of Speech Recognition API, you can enable the web browser to take speech input on the page and convert it into text.

For accessing this on the page need to allow microphone access by the user.

In this tutorial, I am creating an example where allowing the users to search posts by speech. On the basis of speech recognition display response on the screen using jQuery AJAX.

How to Add Speech Recognition to the website - JavaScript

AJAX How To Javascript JQuery PHP

You can easily enable date selection to the form element using Bootstrap datepicker if you are already using Bootstrap in your page.

You need to add external Bootstrap datepicker library.

This allows the users to select any from the datepicker and they are not restricted.

To restrict the date selection you can use startDate and endDate option while initializing it on the HTML element.

Bootstrap Datepicker start and end date validation

JQuery

AJAX How To JQuery PHP

A tooltip is used to display quick information about the element and it is easy to add to the element using Bootstrap.

You can specify your text or HTML content using title option.

Within the tooltip, you can show content dynamically using jQuery AJAX. For this require defining an Anonymous function to handle AJAX request and get the content.

Dynamically load content on Bootstrap Tooltip with AJAX

AJAX JQuery PHP

Enable disable functionality gives the administrator more control on the site.

The administrator can directly control the users from its dashboard by either restrict access to some area of the site or enable disable the user.

This is very efficient when there are multiple types of the user exists on the site e.g. admin, student, professor, etc.

In this tutorial, I am using jQuery AJAX for this and creating an extra field on the MySQL table.

How to Restrict User Access on the Website with jQuery AJAX

AJAX JQuery PHP