Play Music on Your HTML5 Web Page
In this article you learn how to play and control music on your webpage including adding a play list and custom controller. More ...
Change the Case of a Character in a String
A common task with JavaScript is to change the case of the first letter in a string, or of an internal letter, or even change the case of an entire string. 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 ...
Java Script to Dynamically Add, Remove, and Change Items in a Select List
This article shows you how to use Java Script to add, remove, and change items in a select list. More ...
A Cross-Browser Solution for Handling JavaScript Events
One area of JavaScript that is full of inconsistencies and a source of frustration is working with browser events. In this article we implemet a cross-browser solution for handling events. More ...
Easy Fading Text Banner Code
In this article you learn how to create a fading text banner, a fading text banner with several different messages that fade in and out, and a fading image banner with several different image banners that fade in and out. You also learn how to use the document.write method so that you can give a link to others to include your banners in their webpage. More ...
Slide Show with Different Size Images
In this article, I explain how to code a slide show that can display different size images without growing and shrinking your web page. I'll explain it in detail so that you can understand and feel comfortable using the code, then you can cut and paste the code into your webpage and modify it for your purposes. More ...
JavaScript to Generate a Random Number Between X and Y
You can use the JavaScript Math object's .random() method to generate a random number between two values, it returns a random floating-point number between 0 and 1 so you'll need to perform additional operations on it to scale it. 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 ...
Easy Slide Show Code
One of the problems with creating such a slide show is that the images should all be the same size. If the images are not all the same size, your web page may grow and shrink as the different images
are displayed. More ...
Using the Java Script Date Object
When you want to work with a date in Java Script, you need to use the Date object. In this article, you learn how to create a Date object for today, or for any date in the past or future. You learn how to find the difference between two dates, and how to format a date string any way that you desire. You also learn how to validate a date string returned from a text box in a form, which involved an introduction to JavaScript regular expressions. More ...
Easy Picture Panning Code
In this article, I provide you with code that will pan an image back and forth, as if you where looking at a video. But this code does not require video, just a simple image and a few lines of Java Script code. More ...
