You Are Viewing Posts Under Category: JavaScript Codes

How-To-Get-Formatted-Address,-Latitude,-and-Longitude-From-Dragging-Google-Map-Marker

How To Get Formatted Address, Latitude, and Longitude From Dragging Google Map Marker?

Suppose you have a contact form with an input field called location or address. Now you want to show the user his or her location in google maps based on the address he or she typed. Or you need their location co-ordinate (latitude and longitude) for that address. To convert addresses into geographi...
Highlight-Active-Current-Page-Menu-Link-Automatically-Via-JavaScript

Highlight/Active Current Page Menu Link Automatically Via JavaScript

How we can highlight the current page, menu, or link? We can do this with HTML CSS & JavaScript. Check Out This Highlight Current Page With HTML CSS JS, Show Active Link Or Menu. I am sure that, You have seen underlining on the current menu or page on mostly all websites. When we click [&hellip...
Pure-Vanilla-JavaScript-CountDown-Timer-With-Timer-Bar

Pure Vanilla JavaScript CountDown Timer With Timer Bar

Sometimes, you’re going to need to build a JavaScript countdown clock. You may have an event, a sale, a promotion, or a game. You can build a clock in raw JavaScript rather than reaching for the nearest plugin. While there are many great clock plugins, here are the benefits you’ll get from using...
Get-Difference-In-Two-Dates-In-Days,-Hours,-Minutes-And-Seconds-In-JavaScript

Get Difference In Two Dates In Days, Hours, Minutes And Seconds In JavaScript

Today, we will learn to calculate the time difference between two dates in days, hours, minutes, and seconds. Either you are receiving values in the JS variable, or you are calling an AJAX request, this tutorial will help you in both situations. We will also display the hours, minutes, and seconds i...
Pure-JavaScript-Date-Functions-Lightweight-Vanilla-JavaScript

Pure JavaScript Date Functions Lightweight Vanilla JavaScript

Javascript Date object is not very well-loved in the community. It is something Javascript adopted from Java but both grew in different directions. Its API can be confusing and lacks a lot of methods and information that you often need when working with date and time in your projects. I’ve use...
Zoom-Image-In-Circle-On-Mouseover-Using-Pure-JavaScript

Zoom Image In Circle On Mouseover Using Pure JavaScript

Yet another lightweight image magnifier plugin that helps you to create zoom images on mouseover using JavaScript. It follows the cursor position and dynamically updates the zoomed area of the image. This simple image zoom plugin is purely built with CSS and JavaScript without any dependency. You ca...
Image-Zoom-On-Mouse-Hover-And-On-Touch-Using-Pure-JavaScript

Image Zoom on Hover with Pure JavaScript & CSS

Image Zoom on Hover makes the image slider or gallery much more interesting and suitable. You can easily create an image zoom using only HTML and CSS. However, some amount of JavaScript has been used here. In this article, I have shown how to make an image zoom using JavaScript and CSS. Earlier I ma...