Webdevpuneet - Freelance Web Developer

Script that will check the character count in CKEditor 4

This following script sets an event listener on the CKEditor instance and gets triggered on every keyup event. It then retrieves the data from the editor, removes any HTML tags from it using a regular expression, and counts the remaining characters. Finally, it logs...

Allow alphabets and space only in text field

JavaScript

There is a way to use an inline script to do this: <input type=’text’ onkeypress=”return (event.charCode > 64 && event.charCode < 91) || (event.charCode > 96 && event.charCode < 123) || (event.charCode == 32)”...

DataTable with multiselect option to select multiple rows

UI Components

DataTables is a popular JavaScript library used to create dynamic and interactive tables for web applications. One of the most commonly used features in DataTables is the ability to select and manipulate multiple rows. In this article, we will discuss the need for a multi-select option in DataTables and how it can enhance the functionality of the library.

Date Range Picker – A JavaScript component for choosing date ranges, dates and times

UI Components

Date range picker Date Range Picker is a JavaScript component that provides a simple way for users to choose date ranges, dates, and times. This tool is perfect for booking systems, calendars, scheduling applications, and any other web application that requires users...

How to use “MutationObserver API” to observe the changes to the target node

JavaScript

In this article, we will explore how to write a script in JavaScript to detect if a node is inserted or removed in an element. One way to detect if a node is inserted or removed is to use the MutationObserver API. This API provides a way to observe changes to the DOM...