Easy Code to Sort a Table by Column
A Table is a powerful way to present information. You can make your table even more powerful by giving users the ability to sort it by different columns. In this article, I give you some simple Java Script code that you can use to make almost any table sortable by different columns. More ...
Code to Drag and Drop an Image Anywhere on a Webpage
HTML5's drag-and-drop standard is designed to let you drag text or data from a textbox or table cell, to another textbox or table cell. But what if you want to drag an image, not to a target element, but to anywhere on a webpage. Then HTML5 drag-and-drop falls short. More ...
How to Place Image on HTML5 Canvas
The canvas element is a webpage container for graphics. You can use JavaScript to draw graphics within the canvas element. In this article to learn how to place an image on a canvas with example code. More ...
Convert Mixed Number to Decimal
Wouldn't it be convenient if the user was allowed to enter mixed numbers into a form rather than having to mentally convert them decimals? This code is designed to accept both decimal and mixed number input. More ...
HTML5 Canvas JavaScript Code to a Draw Bezier Curve
The HTML5 canvas element allows you to, when you don't need an extremely complex image, not require your webpage to load an image file, but instead to use JavaScript to the draw the graphics on your webpage. More ...
Four Ways to Use Java Script Event Handlers
Almost everything on a webpage is an "object". Almost all objects can respond to an event. You can control what an object does in response to an event by creating an event handler. In this article, you'll learn four different ways to connect an event handler to an event. More ...
JavaScript to Add and Remove Rows and Cells from a Table
If you need a client-side application where you have a table that you want to enable the user to add and remove rows and cells, this article provides you with JavaScript code to easily accomplish that. More ...
Introduction to HTML5 Canvas
The canvas element is a webpage container for graphics. You can use JavaScript to draw graphics within the canvas element. Learn how to draw lines, rectangles, circles, and curves, code included. More ...
Synchronous and Asynchronous Script Loading
Whether to use synchronous or asynchronous script loading depends upon the design of the webpage. Asynchronous script loading can cause the webpage can render more quickly. But if done without consideration for the design it can cause webpage flash or even errors. More ...
Password Protection Using the JavaScript Cookie Method
You can password protect a webpage or your entire website with some very simple JavaScript. In this article, I provide you with the code to password protect your website with JavaScript using cookies. This method should NOT be used for anything that absolutely MUST be password protected. Updated to add requested new features. More ...
Easy JavaScript FileReader Code
The JavaScript FileReader object allows web pages to read files stored on the user's computer. Files may be selected using the input element, or selected with a drag and drop operation. More ...
Java Script Code for a Random Circle Generator
Have you seen some Web content that uses a group of several different size and color circles as a decoration? In this article I'll show you how to use a bit of Java Script code to draw a group of random size and color circles. More ...
