JQuery Archives - Page 20 of 39

Add Bootstrap Tooltip: Elevate Your Website’s User Experience

Last updated on July 1, 2023 by Yogesh Singh

Bootstrap tooltip offers a powerful tool for enhancing the user experience of a website. These small pop-up boxes provide valuable information, explanations, and context when users interact with specific elements.

By implementing Bootstrap tooltip, websites can effectively guide users, improve usability, and create an engaging interface.

This article explores the process of adding a Bootstrap tooltip to elevate the user experience on your website.

I am using Bootstrap 5 in this tutorial.

Add Bootstrap Tooltip: Elevate Your Website's User Experience

Take screenshot of webpage with Html2Canvas

Last updated on March 4, 2023 by Yogesh Singh

Html2Canvas is a JavaScript library that allows you to take a screenshot of the entire web page or a specific section with just a few lines of code.

It returns an HTML5 canvas element when it is initialized on the element that you can use to create a new image file or display a screenshot preview on the screen.

In this tutorial, I show how you can use Html2Canvas library to take a screenshot and save it to the server using PHP.

How to Handle AJAX request on the Same Page – PHP

Last updated on November 30, 2022 by Yogesh Singh

AJAX is used to communicate with the server to perform the action without the need to refresh the page.

You can either handle AJAX requests on the same page or on a separate page.

In this tutorial, I show how you can send and receive AJAX requests on the same page.

How to Handle AJAX request on the Same Page – PHP

Automatic page load progress bar with Pace.js

Last updated on June 28, 2022 by Yogesh Singh

The pace.js is an automatic page load progress bar. You don’t need to write any code to initialize the script during page load.

It is easy to implement and not dependent on any other external JavaScript libraries.

You can also use this with AJAX request to show the progress bar when the request is been triggered.

Several themes with different-different colors are available that you can use.