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: JS
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. …
Ajax loading spinner example with Bootstrap
How to do a progress loading spinner whilst waiting for an Ajax call/request. This can prevent the awkward blank page whilst loading in elements from an HTTP GET request. CodePen…
How to make an NBA game player rotation graph
How to make an NBA game player rotation timeline graph using the NBA API and Apexcharts. CodePen example here See the Pen Untitled by corbpie (@corbpie) on CodePen. Getting…
Building a URL with vanilla Javascript from select inputs
A dynamic URL builder using select inputs and vanilla Javascript. CodePen example: See the Pen Vanilla Javascript URL builder from inputs by corbpie (@corbpie) on CodePen. Setting the select…
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…
Bootstrap 5 accordion catch hide and show events
How to catch and handle the show and hide events on the Bootstrap 5 accordion component. An accordion is a show/hide card that collapses or expands when clicked, it is…
Highlight max and min column with DataTables
Highlighting the max and min column in a table made with DataTables. Using the initComplete option to call a function that sorts each column into an array and then check…
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. …