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…
Tag: How to
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…
Product filter by size example with jQuery
How to apply a product filter for sizes using checkboxes and jQuery/javascript. Live page filtering without a refresh can be done upon interaction with checkboxes that can apply an array…
Quick PHP string manipulation with strpos and substr
Two handy and complimenting string functions in PHP that assist with string manipulation and any tasks involving breaking down a string. The first function is strpos which finds the position…
noUiSlider multi range slider example
A noUiSlider multi-range HTML slider complete with the slider values outputted into the HTML. noUiSlider is a minimal Javascript range slider framework with a convenient API. CodePen example. You will…
How to create a custom report in Google Analytics
How to create custom reports in Google Analytics to get better and refined segmentation on your website traffic data. Custom reports are a method to better shape and filter traffic…
Copying files and directories on Linux
The basics of copying files and whole directories on Linux. Copying files on a Linux OS can be done with cp this is obviously short for “copy”. The syntax for…
jQuery filter contents on text input
How to filter out page content based on text input value using jQuery. A search input is used to find if the value exists in each div. CodePen example. Explanation…
Load an Ajax DataTable on button click
How to load and display a DataTable with Ajax data on a button click. The Ajax data is from a GET request and once the table is loaded the button…