Javascript “Hello World!”
Here is a basic “Hello World!” exercise in Javascript. Online code editors like JSFiddle and Codepen truly come into their own when learning Javascript. This simple example uses Javascript’s alert…
HTML5’s <dialog> tag
You may well be wondering why I have posted an article about an HTML element in the Javascript category. Simple: the element is pretty useless unless you can open and…
Javascript’s addEventListener() method
The previous Javascript posts have all been really simple — it is time to try something slightly more advanced. In this example, I have used the <dl> tag with its…
Javascript’s onclick() event
In the Hello World! Javascript primer our Javascript ran as soon as the script loaded in the browser. Javascript is event-driven: scripts run when a specific HTML event occurs in…
jQuery jGrowl plugin
Most software these days offer some kind of on-screen notifications and modern websites are no exception. jGrowl is a jQuery plugin that allows you to add such notifications to your…
jQuery blockUI.js Plugin
This is a very cool jQuery plug-in that I implemented on a project that had a bit of AJAX going on. In line with providing feedback to the user, while…
Copying to the clipboard using JavaScript
I found this Youtube video demonstrating how you can copy text to the clipboard using JavaScript: https://www.youtube.com/watch?v=9-vBx7F0lns. I created the following Codepen to save you the hassle of coding out…
HTML5 <datalist> jQuery validation
I decided to use the HTML5 <input><datalist> on a View in my CakePHP project, and was super surprised to see that there is no way of restricting the text in…
Mutually exclusive checkboxes
Sometimes it’s just not worth arguing. Here is a super-quick & nasty solution to a request for checkboxes that are mutually exclusive: one or no checkboxes can be selected. I…
Submit a form with a radio button using Javascript
A boss (bless his little cotton socks) once wanted me to implement some code that submitted a form when the user changed the selection in a set of radio buttons.…