Sticky Sidebar

JavaScript, UI Components

Javascript function to make the sidebar sticky to the bottom if the content length is more than the sidebar. Also, check the demo for the same. DEMO See the Pen Sticky Sidebar by Puneet Sharma (@webdevpuneet) on CodePen. JavaScript let vw =...

Format the tick labels on the axis to add ‘k’ to the numbers that are above 1000

JavaScript

In Chart.js, if you want to format the tick labels on the axis to add ‘k’ to the numbers that are above 1000, you can achieve this using the callback function in the ticks options of the chart’s configuration. Here’s an example of how you can...

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

JavaScript code to encapsulate {{}} with span elements

JavaScript

JavaScript code to encapsulate {{}} with span elements Problem For examples: if a div tag has content “{{1}}{{2}}” and i want to encapsulate all {{}} like “<span class=”sample-1″>{{1}}</span><span...

Script that will check the character count in CKEditor 4

JavaScript

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