Create Thumbnail of pdf and video file with certain width and height – JavaScript Function
The following code creates a 480 X 320 px thumbnail and calls the upload function to upload...
Read More
Category: JavaScript
HTML form with detectable changes and a reset button
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...
Read More
OTP HTML and Script that allows pasting
Here is a code with the demo I just found on Codepen, that handles pasting OTP also. See the Pen...
Read More
Matrix rain drop 01 digit code
Here is a code with a demo for matrix raindrop-like animation from top to bottom with 0 and 1 as...
Read More
JavaScript to equalize element heights
JavaScript to equalize element heights To achieve equal heights for child elements with the class...
Read MoreAnimating Blocks
Here is a cool example of animating blocks with no adjacent blocks active. See the Pen Animating Blocks by Puneet Sharma (@webdevpuneet) on CodePen.
Read More
Sticky Sidebar
Javascript function to make the sidebar sticky to the bottom if the content length is more than...
Read MoreFormat the tick labels on the axis to add ‘k’ to the numbers that are above 1000
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....
Read MoreHow to count the number of characters in an input tag?
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...
Read More
JavaScript code to encapsulate {{}} with span elements
JavaScript code to encapsulate {{}} with span elements Problem For examples: if a div tag has...
Read More
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...
Read More
You must be logged in to post a comment.