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…
Tag: jQuery
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…
How to build an array with Javascript
Building an array in Javascript and filling a text area with the array and clearing it on button click. CodePen example. To build an array in Javascript you need to…
jQuery select closest text and input values example
Using jQuery to select text and input values based on closest parameters. CodePen example. closest() will get the first element matching by traversing up, whilst find() will descend until the…
Authenticating and protecting Ajax requests with PHP
Methods to authenticate and protect jQuery Ajax calls with PHP. This prevents external access and usage to your web app. Method 1: Tokens Method 1 is using tokens set via…
Setting HTML date input value
How to set the default value to a HTML date input using vanilla JS or jQuery, including a method to set the date to be 1 month from now. The…
Show & hide Bootstrap modal with jQuery
Opening and closing a Bootstrap modal using the traditional button method and then with jQuery targeting with a button click. CodePen example. Traditional way Opening (showing) the modal the traditional…
Bootstrap cards as selectable radio buttons
Turning bootstrap cards into selectable radio buttons with active states using jQuery. CodePen example. To do this you will need Bootstrap and jQuery. Function to unselect (uncheck) all of the…
Change progress bar colour based on progress value
Changing a progress bar colour based on what value its progress is at. This is done using jQuery and the default Bootstrap colour classes. CodePen example. The jQuery: $(document).ready(function ()…
jQuery autocomplete input example
How to do a jQuery autocomplete input element from an array source. autocomplete gives the ability to find and select from a compiled list of values, helping aid searching. CodePen…