HTML form with detectable changes and a reset button

Code Snippets, JavaScript, jQuery

Let’s create an HTML form with many different types of inputs with values and a hidden submit button and a reset button. Now, create a jQuery script that detects changes in input fields, unhides the submit and reset buttons, and hides them again if there is no...

GSAP starter JS for landing page

GSAP, Starter Templates

Here is the JS code for the starter JS for the landing page, it includes a header stick on scroll, replace image with SVG, fade-in animation, number animation, parallax animation functions, and much more. Vendors: libraries required <!– Bootstrap CSS...

Adding classes to particular dates in jQuery UI datepicker

UI Components

Here is a working example of adding classes to particular dates in the jQuery UI date picker plugin. You might need to change dates to get the results like image below jquery UI datepicker DEMO See the Pen Untitled by Puneet Sharma (@webdevpuneet) on CodePen....

Organization Chart – Tree Structure

UI Components

An organization chart, also known as an org chart or organizational chart, is a graphical representation of a company’s structure, showing the hierarchy of positions and the relationships between them. It is an essential tool for communicating the reporting...

How to count the number of characters in an input tag?

JavaScript, jQuery

To count the number of characters in an input tag, you can use JavaScript or jQuery to get the value of the input and then count the length of the value. We can use the length property to count the number of characters in the input text. Here are some examples: Using...