5 posts from April 2009

January
February
March
April
May
June
July
August
September
October
November
December

More JavaScript "Goodies" - let's validate some forms

Apr 29, 2009
Post a comment

This "goodies" lesson will do well for teaching us some very valuable JS. Let's try to see what we can make of it. Follow this link and get started. LINK

-Mr. H.

Here are some more questions from unit 9

Apr 22, 2009
Post a comment

Phone network

This link will take you to form 2 for Unit 9.

Link

-Mr. H.

Your Rollover Script

Apr 13, 2009
Post a comment

I copied this code from a website that did a great job of explaining it. http://www.macloo.com/examples/javascripts/rollover_example.htm

-Mr. H

_________________________________________________________________________________________________

Roll Your Own Rollover Scripts

Let's assume we have two images:
start.jpg
startglow.jpg

Step 1 (below): List the images on the page and give them simple variable names, such as img1 and img2.

img1 = new Image(186,95);
img1.src = "images/start.jpg";
img2 = new Image(186,95);
img2.src = "images/startglow.jpg";

Step 2: Include a function that will change the image when the function is invoked.

function changeimage(imgx,placex) {
  if (document.images) {
    document.images[placex].src = eval(imgx + ".src");
  }
}

Step 3: Modify the A HREF tag (which makes the image act as a link) to include an onMouseOver instruction (using the function from Step 2 above) and an onMouseOut instruction, also using the function.

Using the NAME Attribute

Notice how the "place" of the image on the page is labeled with the NAME attribute in the IMG tag.

The placeholder NAME ("daisy" in the example above) is used in the JavaScript function that changes the image.
The most common error in creating rollovers: You forget to include NAME in the IMG tag.
Why "daisy"? No reason. The NAME can be any name you choose.
Each image on the page should have a unique placeholder NAME.

One of the nicest things about this script is that you can use it to change a lot of separate instances of one graphic (e.g. a bullet or pointer) AND to change an image in a different location on the page (e.g. show a picture when a button is moused over). See examples of these effects.

> Return to JavaScripts index

________________________________________________________________________________

This is where my "plagerism" ends.

-Mr. H

Ready-Set-Text

Apr 8, 2009
Post a comment

Text-Reaper

Use the following form to record as much information as you can about your texting speed and your keyboarding speed.

We will analize the data at a later date.

Good luck.

-Mr. H.

FORM

It's Time Typing Became Fun

Apr 7, 2009
Post a comment

GWAM-O-meter

I found some games that were designed to help people practice their typing skills. I thought this would be a great break from Timed Writings and Microtype Pro.

Let's give them a try. You can find a nice selection HERE.

My favorite is HERE.

Also, the item in the picture is REAL.

The USB WPM Speedometer arrives this March at DrinkStuff for £19.99 (appx. $39 USD).