| Browse Tutorials

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.

15 Jul, 2020

Explode / split string in ES6

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

15 Apr, 2020

Validate Date in JavaScript

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

20 Mar, 2019

Create and Post HTML Form using Javascript

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.

8 Nov, 2018

Convert to Integer in JavaScript

JavaScript

There are multiple ways to convert values to integer in javascript. Using Math.trunc gives the most accurate results.

1 Jun, 2017

Webpack: Remove comments from compressed css

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

29 May, 2017

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

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

13 May, 2017

JavaScript ES6: Clone Object

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

14 Mar, 2017

webpack: Minify CSS in production

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

12 Oct, 2016

Delete object key and value in javascript

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.

8 Mar, 2016

Minify JavaScript from command line

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

8 Mar, 2016

Get previous / next element using JavaScript

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

25 Nov, 2015

AddThis: Popup instead of hover box

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.

12 Jun, 2015

Get cursor position in CKEditor

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

14 Aug, 2013

Alter URL GET parameters using JavaScript

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

7 Mar, 2013

jQuery - Check if selector is disabled

JavaScript

You can use "is" to see if the form element is disabled.

8 Feb, 2013

Message before leaving the page - JavaScript / jQuery

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

21 Nov, 2012

Get URL variables with JavaScript

JavaScript

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

19 Nov, 2012

Monochrome Google Maps

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.

1 Oct, 2011

Round numbers in JavaScript

JavaScript

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

21 Sep, 2011

Print JavaScript object

JavaScript

This snippet shows how to print JavaScript object.

16 Aug, 2011

Redirection in JavaScript

JavaScript

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