How to add a class in an element by JavaScript?
In your web pages, you may add or remove CSS classes from the DOM elements on the fly. No JQuery is or some other library is required but this can be done easily by raw JavaScript.
In your web pages, you may add or remove CSS classes from the DOM elements on the fly. No JQuery is or some other library is required but this can be done easily by raw JavaScript.
The light-weight parallax scrolling plug-in, only 1Kb JavaScript file, enables creating the parallax effect in the header with fading.
The sticky-sidebar is a smooth and light-weight pure JavaScript based plug-in. The sticky sidebar created by using this plug-in does not calculate all dimensions but just the necessary ones.
A JavaScript solution for device detection – OS, orientation, and type As more and more visitors are moving to smartphones / mobiles for visiting the websites, it has become important to adjust your website according to the device of the visitors. For instance, the way your desktop version of the website is presenting the information … Read more
A hover on touch solution by using JavaScript The hover effect occurs as you bring the mouse over different elements in a web page like links, images, a paragraph or div element etc. However, with the more and more increase of mobile / smart phone visitors, the hover effect does not work with the tap. So, … Read more
What is input masking library? In certain scenarios, you may require enabling the visitors for entering only the specific data in certain format. For example, zip code or credit card entries are in specific pattern where you may restrict certain data format. The input-masking library enables you making an input field masked with a specific data … Read more
A one stop solution for slider, carousel, gallery component In this tutorial, I am going to share a one stop solution for the carousel, slider, slideshow or gallery component for your web site. Generally, you may require different plug-ins for different purposes. For example, if you need to have a carousel component then go for … Read more
The jQuery countdown plug-in This jQuery countdown plug-in can be used for websites with “Coming Soon” or “Under construction” status entirely or for a section of the website. You may also use this countdown plug-in for launching a particular feature or app, an offer, etc. on a website. The cool point is that you may … Read more
The TouchSlider plug-in for sliding content The TouchSlider is a JS based plug-in that enables smooth sliding of the content. The TouchSlider is a responsive slider that also supports mobile/tablet as well. This simple to use slider supports mouse drag and wheel, touch screen etc. You can create a slider with different sized content and … Read more
The datepickk plugin – A JavaScript date picker If you need to work with dates in your web projects and need a JavaScript based solution, there are plenty of plug-ins available. Although, you may use jQuery UI datepicker if a jQuery library is included in the web page. A tutorial is written with examples in this … Read more
Boost your developer efficiency: Learn how to automate repetitive tasks with setInterval for smoother JavaScript logic.
Dive deep into efficient element search: This tutorial explores the secrets of the indexOf method in JavaScript.
Mastering element addition in JavaScript Arrays: This tutorial dives deep into push and unshift usage
Explore the JavaScript array length property with our comprehensive tutorial. Learn how to leverage this essential feature to efficiently determine the size of arrays.
Learn the ins and outs of JavaScript for loop syntax, initialization, conditions, and iterations. Explore practical examples and advanced techniques at jquery-az.com