ApexCharts hide and show series data with buttons example
How to show and hide different data series on an ApexCharts chart by using buttons. Using ApexCharts methods gives the ability to modify a chart or graph after it has…
Tag: jQuery
ApexCharts toggle data with buttons example
How to toggle the data series on an ApexCharts chart using buttons without doing a page reload. ApexCharts methods is the process to modify a chart or graph after it…
Bootstrap button spinner for a table row update
A Bootstrap table row update button with a spinner. The button has a spinner loader whilst an Ajax call completes to determine the status text and colour. CodePen link. …
typeahead.js autocomplete with two-dimensional array Ajax call
Using the typeahead.js library to create an autocomplete input from a two-dimensional array that was fetched with an Ajax request. typeahead.js is created by Twitter to “provide a strong foundation…
JQuery closest and find example
JQuery closest and find example to target and get values where you cannot individually do so i.e multiple elements using the same id/class name. CodePen link. Click the buttons on…
Updating an input value from a jQuery slider
Live update an input value when sliding a jQuery Ui slider and set the slider value when the input is interacted with. The CodePen example: See the Pen by corbpie…
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. …
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…
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…