Warmup 9

Warmup Lesson 9

Overview: You will be adding some JavaScript to this page and customzing it by adding some definitions that will appear in popup boxes and windows. The text that should include the definitions is in the table below. Use any or all of the three methods described.

Try one or more of the methods described below (alert box, title, new window) to define some of the words in the paragraph (for example binary means "Base 2 numbers" and hexadecimal means "Base 16 numbers."

Computers commonly use two different numbering systems - binary and hexadecimal. Binary codes (as electricity) form the basis for all chip design. They are also used (in the form of magnetic spots) to store data on disks. Hexadecimal numbers are used in web pages, primarily when referring to color values.

For all methods, make the word or phrase into a link that goes to the page you are currently on (that is, when you click the word/link it doesn't go to a new page, it stays on the same page). You can use the file name of the page or just # (see examples below). In each case you will be adding some information inside the link tag (<A HREF= ). In the third example, you will also add some JavaScript to the <HEAD> section.

If you want an alert box to pop up when you click the word... TRY ALERT BOX

For an alert box, put the words onclick="alert('definition here')" inside the HREF tag used for the link. A complete definition for the word hexadecimal might look like this: <a href="Warmup9.html" onclick="alert('Base 16 numbers, 0 to 9 plus A to F.')">hexadecimal</a> Notice the placement of the double quotes (" on the outside) and the single quotes (' on the inside).

If you want a "title" to appear when you move the mouse over the word... TRY TITLE

For a title, put the words title="definition here" inside the HREF tag used for the link. A complete definition for the word binary might look like this: <a href="Warmup9.html" title="Base 2 numbers, all 0s and 1s.">binary</a>

If you want a small window to open (so that you can have more than just text)... TRY NEW WINDOW

<HEAD> section:

<script language="JavaScript">
function def_numbering()
{
myWindow = window.open("", "tinyWindow", "width=150,height=100,left=100,top=100")
myWindow.document.write("different ways to represent numbers");
myWindow.document.bgColor="lightblue";
}
</script>

<BODY> section: Make the word into a link with: <a href="#" onclick="def_numbering()">numbering system</a>

*Naturally these are just samples, and you will want to change the definition, the position, size and background of the window (and the function name if you want to).