jQuery show, hide, remove and create element example
Using jQuery to show, hide and remove HTML content as well as the differences between using hide and remove. Hide In jQuery hide() sets the element to display: none; meaning…
Category: Development
DataTables example with PHP and PDO MySQL
DataTables is an advanced table plugin for jQuery which easily brings features like pagination, searching and ordering for many data sources. This post is showing how to use DataTables with…
Button click to fade in and out content with jQuery
Example of button click to fade in and out content with toggle state using jQuery. CodePen example. Firstly a couple of functions: The fade out and remove the element function:…
HTML MySQL Table edit with no page reloading via Ajax
An example of updating or editing an HTML table from MySQL data without reloading or changing pages thanks to Jquery and Ajax. The Ajax requests are done API style to…
Infinite scrolling with AJax calls
A working example for an infinite scrolling page with a Jquery Ajax request. Upon reaching the bottom of the page the Ajax call function is used to retrieve random words…
PHP autoloading classes example with namespaces
A post on why and how to do file autoloading and namespaces in PHP 7.4 plus. Autoloading files cleans up the code, you no longer have to spam a potential…
Loop through all days in month with PHP
Looping through all the days in the current month with PHP. This loop will start at the first day of the current month with each loop adding 1 day, the…
Displaying data from MySQL without a page reload using Ajax
Displaying data from MySQL without reloading the page can be done with an on-click event which does an Ajax request that then fills elements with the returned data. This is…
Bootstrap video player with information bar
The HTML framework for a simple video player with an information bar showing details that is fully responsive. Being responsive means the view from a large to mobile screen (small)…
Javascript click button to copy textarea or input
How to do a button click to copy for a text box or input with HTML and a little bit of Javascript. The HTML (bootstrap): <div class=”container”> <div class=”row mt-2″>…