JavaScript

The primary use of JavaScript is to write functions that are embedded in or included from HTML pages and that interact with the Document Object Model (DOM) of the page.

JavaScript

CKEditor 4 allowedContent link

5 Aug, 2023
JavaScript
The allowedContent configuration option in CKEditor is used to define what HTML elements and attributes are allowed to be used in the editor's content. This feature helps maintain consistent and safe...
JavaScript

Use keydown instead of keyup to prevent scrolling with space-bar

25 Jun, 2023
JavaScript
To prevent scrolling with the spacebar using the keydown event instead of keyup, you can listen for the spacebar key using JavaScript and prevent the default behavior of the key if it is pressed down...
JavaScript

Vanilla JavaScript equivalent of jQuery :visible

25 Jun, 2023
JavaScript
In jQuery, the :visible selector is used to select elements that are currently visible on the web page. The code snippet checks if an element has a non-zero width, a non-zero height, or non-zero...
JavaScript

Vanilla JavaScript equivalent of jQuery each

14 May, 2023
JavaScript
In jQuery, you can use the $.each() method to loop through a collection of elements or objects. In vanilla JavaScript, you can achieve the same functionality using the forEach() method, which is...
JavaScript

Vanilla JavaScript equivalent of jQuery parent

14 May, 2023
JavaScript
To use these, you first need to get a reference to the child element whose parent you want to get. You can use a method such as getElementById(), querySelector(), or getElementsByClassName() to get a...
JavaScript

Vanilla JavaScript equivalent of jQuery hasClass

14 May, 2023
JavaScript
Both the native JavaScript and jQuery methods achieve the same result of checking whether an element has a particular class. However, the syntax and implementation are different between the two. In...
JavaScript

Get current focused element in JavaScript

14 May, 2023
JavaScript
When developing a webpage or web application, it can be useful to know which element is currently in focus. This information can be used to provide visual feedback or to perform actions based on the...
JavaScript

Vanilla JavaScript equivalent of jQuery text

17 Feb, 2023
JavaScript
The Vanilla JS equivalent of jQuery's text() method would be to set the textContent property of a DOM element.
JavaScript

Vanilla JavaScript equivalent of jQuery css

17 Feb, 2023
JavaScript
In jQuery, you can set CSS properties on an element using the css() method. To achieve the same thing in vanilla JavaScript, you can use the style property of the element.
JavaScript

Vanilla JavaScript equivalent of jQuery attr

17 Feb, 2023
JavaScript
In jQuery, the attr method is used to get or set the value of an attribute for an element. In vanilla JavaScript, you can use the getAttribute and setAttribute methods to achieve the same...
JavaScript

Vanilla JavaScript equivalent of jQuery click

13 Jan, 2023
JavaScript
In vanilla JavaScript, the equivalent of the jQuery click function would be the onclick property. The onclick property in JavaScript is an event property of HTML elements that allows you to specify a...
JavaScript

in_array equivalent in JavaScript

12 Jan, 2023
JavaScript
In JavaScript, the equivalent of the PHP function in_array() is the includes() method, which is used to check if an array contains a certain value.
JavaScript

Copy text to clipboard in JavaScript

2 Jan, 2023
JavaScript
Certainly! Copying text to the clipboard in JavaScript can be accomplished using the Clipboard API. This API allows web developers to interact with the user's clipboard, allowing them to read from...
JavaScript

Vanilla JS equivalent of jQuery prepend

2 Jan, 2023
JavaScript
Insert content to the beginning of an element. Vanilla JS equivalent prepends to a single element, to prepend to multiple elements you need a loop. Same applies to append.
JavaScript

Vanilla JS equivalent of jQuery find

30 Dec, 2022
JavaScript
The Vanilla JavaScript equivalent of jQuery's .find() method is the .querySelectorAll() method. The function allows us to search through the descendants of these elements in the DOM tree and...
JavaScript

Javascript: object keys and values to html table

14 Jun, 2021
JavaScript
Convert javascript object into html table, where keys are in the first column and values are in the second column. This uses plain javascript so you can use it anywhere.
JavaScript

Explode / split string in ES6

15 Jul, 2020
JavaScript
How to split string in ES6. I would suggest the method of using split function from lodash. In modern JavaScript frontend you use a lot of dependencies and lodash is used in almost every project....
JavaScript

Validate Date in JavaScript

15 Apr, 2020
JavaScript
How to find out if a Date is indeed a valid Date. Simply instance check will not do it, the date might be "Invalid Date".
JavaScript

Create and Post HTML Form using Javascript

20 Mar, 2019
JavaScript
This snippet creates html form and submits it, the same way as browser submits form "with redirect". If you need the redirect not an ajax solution, for example credit card payment.
JavaScript

Convert to Integer in JavaScript

8 Nov, 2018
JavaScript
There are multiple ways to convert values to integer in javascript. Using Math.trunc gives the most accurate results.
JavaScript

Webpack: Remove comments from compressed css

1 Jun, 2017
JavaScript
You can minify css with optimize-css-assets-webpack-plugin, but by default some comments are left untouched. If you want to remove all comments you have to use an option for the cssnano, that is used...
JavaScript

Javascript: move item to end of array (of objects), by property value

29 May, 2017
JavaScript
The snippet shows how to move item to the end of array. In a case where we have an array of objects and we want to move the array item by property value. In this example I am using lodash/underscore...
JavaScript

JavaScript ES6: Clone Object

13 May, 2017
JavaScript
The Object.assign() method copies all properties from one or more source objects to a target object. It returns the target object. This can be used for cloning an object in ES6, just create an empty...
JavaScript

webpack: Minify CSS in production

14 Mar, 2017
JavaScript
You can achieve this by adding a library that supports css minify to "webpack.config.js". In this snippet I use "optimize-css-assets-webpack-plugin" which uses cssnano for minimizing by default. The...
JavaScript

Delete object key and value in javascript

12 Oct, 2016
JavaScript
Deleting object value with key in javascript. For this you can use the delete operator. Permits you to remove a property from an object.
JavaScript

Minify JavaScript from command line

8 Mar, 2016
JavaScript
This snippet shows how to minify javascript files from command line. Minifying JavaScript is useful in many respects. Most important are security and performance. Security is increased due to the...
JavaScript

Get previous / next element using JavaScript

8 Mar, 2016
JavaScript
This snippet shows how to get element next to your element / selector. This a part of dom traversal. Using javascript for next element parsing can be used to create some powerful dynamic content. I...
JavaScript

AddThis: Popup instead of hover box

25 Nov, 2015
JavaScript
AddThis is an awesome social sharing tool. It is fully customizable. I suggest using addthis module for loading add this library, this has performance options for the javascript loading.
JavaScript

Get cursor position in CKEditor

12 Jun, 2015
JavaScript
Get cursor position in CKEditor is simple if you know some facts. You have to have the instance initiated, so simple jQuery ready would not work. You can get selection and use that functionality to...
JavaScript

Alter URL GET parameters using JavaScript

14 Aug, 2013
JavaScript
This function alters url get parameters using javascript. The function takes to consideration all aspects of url (parameter existis, hash, parameter doesn't exist). For an example if you need to be...
JavaScript

jQuery - Check if selector is disabled

7 Mar, 2013
JavaScript
You can use "is" to see if the form element is disabled.
JavaScript

Message before leaving the page - JavaScript / jQuery

8 Feb, 2013
JavaScript
How to display message before closing the page or moving to another page. Don't use this to annoy people. Sometimes this functionality is still useful, for an example if you have some sort of unsaved...
JavaScript

Get URL variables with JavaScript

21 Nov, 2012
JavaScript
This function gets URL variables in JavaScript. Current page url parameters will be parsed into array, that will be returned.
JavaScript

Monochrome Google Maps

19 Nov, 2012
JavaScript
This example shows how to create monocrome Google Maps. Where the map will be using only shades of grey (with or without black and/or white). It might also be called grayscale or black-and-white.
JavaScript

Round numbers in JavaScript

1 Oct, 2011
JavaScript
This snippet shows you how to round a number to a specified number of decimal places in JavaScript.
JavaScript

Print JavaScript object

21 Sep, 2011
JavaScript
This snippet shows how to print JavaScript object.
JavaScript

Redirection in JavaScript

16 Aug, 2011
JavaScript
There are many ways of doing redirect in JavaScript this should be the standard implementation for changing the current window's location.
JavaScript

Switching Images With Arrows in JavaScript

7 Apr, 2011
JavaScript
This tutorial shows how to make image switcher with javascript. You can switch images by using arrows.
JavaScript

Loading AJAX Page / Dynamic Content

25 Aug, 2010
JavaScript
Tutorial about loading page with AJAX between any HTML tags. We are using jQuery JavaScript library to do this.