How to select and unselect all check boxes with a button
Select and unselect all checkboxes in a div with a button click using jQuery. See the Pen Select and unselect all checkboxes with button by corbpie (@corbpie) on CodePen. …
Tag: JS
Create a video trim command from a slider concept
A concept to create a video trim FFmpeg command by using a slider to view the video at a start and end timeframe. The easy slider integration is with the…
Create video thumbnail from a slider concept
A concept to manually create a thumbnail from a video by using a slider to view the video at a certain timestamp. The easy slider integration is from the noUiSlider…
Compare 4 values from select dropdowns with Javascript
Comparing 4 different values from select dropdown inputs with jQuery/javascript. Having the ability to do a comparison between up to 4 different selected values. Whilst the CodePen example only adds…
Get a URL’s query parameters with Javascript
Getting the query parameters out of a URL string by using vanilla Javascript. The query parameters are what is used in HTTP GET to shape a response. The main piece…
Converting seconds to time string & time string to seconds with Javascript
Converting seconds to a time string and time string to seconds with vanilla Javascript. The time string is in the format of hh:mm:ss eg 01:24:52 is 1 hour, 24 minutes…
Checking if an array is empty or not with Javascript
Checking if an array is empty or not with Javascript. let the_array = []; Check if the array is empty Array.isArray() checks if the value passed in is an…
Javascript list builder and transfer with multi-select input
An interactive Javascript list and array builder using a multi-select input with an added on search filter. This example uses fruit that can be selected or filtered down with the…
Sorting an array in Javascript
Sorting an array ascending and descending in Javascript for a specific array key such as price or name. The function to sort the array for price ascending or descending. As…
Product filter by price min and max example with jQuery
Doing a min and max price product filtering for items using javascript/jQuery. This is very similar to the size filtering post, however instead of checkboxes, it is 2 range sliders…