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…
Tag: JS
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″>…
HTML form inputs based on a select element
Creating an HTML form that is dynamic based on what is selected. Certain form input elements will be shown based on the initial select dropdown. CodePen link. As you can…
How to stop Javascript setInterval
Stopping or cancelling a setInterval call in Javascript involves using clearInterval. You must however use clearInterval on a variable that is assigned to the setInterval you want stopped. setInterval calls…
PHP Live search from MySQL with AJAX
Creating a live search input form that matches the current input against a MySQL database using AJAX and PHP combined. I needed this to suite a “product select” project whereby…
PHP upload video with a progress bar
Using PHP to upload a file through a HTML form is common, its completely normal in fact however expecting or trying to get a progress bar to track the upload…
Live time and date with JavaScript
Use cases are rare but displaying the live time on a webpage is a neat feature, perhaps for a dashboard or panel would it suit best. There is no need…
Load smaller image in first with Javascript
How to avoid images popping in after the page has loaded by loading in and displaying a much smaller one first. Credit to FThompson here at StackOverflow. I edited it…
Change background and text based on time with Javascript
Changing a websites background color based on client side (viewers) time is easily done with a small amount of vanilla Javascript. Changing a website background color or other styles has…
CSS changing Bootstrap well or jumbotron on hover
If you have ever wanted to add CSS hover effects to a Bootstrap well or jumbotron you will have found out that .well:hover{} doesn’t work. To add effects on hover…