How To Archives - Page 9 of 10

HTML – How to Show Text Above Image on Hover

Last updated on December 5, 2022 by Yogesh Singh

If you are good at Photoshop then you can directly show text above an image by customizing an image like that.

But what when you have to display text when the mouse moves over the image.

This kind of functionality is basically seen in the news, product-based websites, or in blogs, they show the post image and title but when the user moves the mouse over one of an image then the short description of the post is visible above the image.

In this quick tutorial, I show how you can show text above Image when the user hovers the image using only HTML and CSS, no jQuery and JavaScript.

How to fire AJAX Request on Regular Interval

Last updated on September 18, 2022 by Yogesh Singh

There are many cases when require to update certain parts of the web page on a regular basis.

For example – showing live cricket or football score, display the latest news feeds, etc.

There are two ways to send AJAX request at a specified time –

By setInterval() and
By setTimeout() JavaScript functions.

Both do the same work but they are reliable for certain cases, which I discuss in this tutorial.

How to fire AJAX Request on Regular Interval

How to Shake an element with jQuery UI

Last updated on February 19, 2023 by Yogesh Singh

In WordPress Admin dashboard login form animate with a shake effect whenever the user enters the wrong details.

This can easily implement using the jQuery UI library.

With jQuery UI you can shake an element in a specific direction and distance.

Using this you can warn the user when invalid input is entered.

In the demonstration, I am creating a login form and which gets shake when the wrong username and password entered.

How to Shake an element with jQuery UI

How to Check and uncheck all using jQuery and JavaScript

Last updated on April 24, 2023 by Yogesh Singh

Manually checking or unchecking each box on HTML forms with multiple checkboxes can be time-consuming and frustrating. The strength of jQuery and JavaScript, however, allows you to quickly check or uncheck all checkboxes with just a few lines of code.

In this article, we will explore how to check and uncheck all checkboxes using jQuery and JavaScript and provide examples of how to implement this functionality in your projects.

How to Check and uncheck all using jQuery and JavaScript