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...

How to use use jQuery to get the name value after the prefix string for input elements?

JavaScript

var inputName = $(‘input[name=”bodySample-1″]’).attr(‘name’); var prefix = ‘bodySample-‘; if (inputName.indexOf(prefix) === 0) { var value = inputName.substr(prefix.length); console.log(value); } This code will log...