---

Assignment 4 - Due February 28^th, 2007
Must be submitted to WebCT to receive credit

NOTE: This assignment has been updated as of 2/22/07. Many newer browsers don’t support changes to the status-line in the manner this assignment mentions. You will receive points based on the color changing properly, but you may or may not see anything in the status line.

This assignment will be out of 1000 possible points.
You will be modifying a javascript program. Javascript is a powerful tool which works with browser software to add buttons, menus, etc.

• Just click on the hello_java.html link below, the script should run, now right click on the web page (the part running the program) and select “view source”.  This will load up Notepad, or your default text editor, with the source code.  Now just do a “save as” to “hello_java.txt” to your machine.  You can now edit the file and when ready to test it do a “save as” to hello_java.html.
• So click on this hello_java.html to get started.
• Double click on the hello_java.html file on your machine to test that it works okay.

PLAY with the web page before you edit it
READ the web page source before you edit it

There are MANY comments in the file.
The comments describe what statements are doing.

This homework works in Internet Explorer. It may or may not work in Netscape.
If you want more information about javascript, visit http://www.htmlgoodies.com.

You will need to add your name and login so we know who you are: Use a text editor (notepad or textpad) (100 points)

• put your full name where "My name is:"
• Put your login where it says "My login is:"

Modify the file so that it is possible to say two more things

• I like “person’s name”
• I love  “person’s name”
• For this portion you will need to add the appropriate entries in two places
• A. You will need to add two options to the pull-down menu (75 points each – total of 150)

• Currently, there are the options “Hate” and “Hello”
• Add two more, such as “Love” and “Like”

• B. you will need to add two cases to the function my_function (75 points each – total of 150)

• This means that when the user selects “Love” and “Like”, they display appropriate responses when the user clicks “Greet”.

The pulldown menu only shows one item at a time. I would like to see two items at a time. (100 points)

The textbox for the NAME should be lined up with the menu below it. Add spaces to push the textbox to the right (100 points)

• Look in the source code. I already added a couple of spaces.
• The spacing need not be perfect, just closer.

There is a link which points to my web page, it has several problems which you will fix. The link is the text which says Place your mouse on and off of this

• Play with the mouse putting it over the text. (This portion is simply to understand what is happening)
  You should notice two things:
  The status line

· The status line says I'm feeling in the pink when the mouse is on the link.

· The status line says Now I'm Blue when the mouse is taken off the link.

· NOTE: On many browsers, including Firefox and the most recent update of IE, the status-line will not display any text.

The color change does not work correctly, do you notice that the window color changes when the mouse is placed over it and does not change when it is taken off?

• A. The status line say's I'm feeling in the pink but it turns the page background yellow when you put the mouse there. It should change the page to a pink background.  When the mouse moves off the link the status line says Now I’m blue, but the color does not change, fix that also.  (100 points).
• B. The link points to my web page. It should point to your web page, or the web page of your choice. (100 points)
• C. There is text which says Place your mouse on and off of this.  Replace this with text indicating that the person is going to your personal webpage. (100 points)
• When the page is left (either by following the link or by exiting the browser), it says Leaving so soon?
• It should say Have a nice day instead. (100 points)
• Submit to WebCT your "hello_java.html" file or you will not receive credit for the assignment
• This file is NOT the web site as it appears in explorer, but the source file you changed which generates the web site. You must submit this file to WebCT.
• Be sure to put YOUR FULL NAME in this file.
• Your javascript page should be uploaded to your UCSC webspace. This is NOT a replacement for submitting to WebCT. You must do BOTH.
• The file should be saved in your public_html directory in your UCSC personal webspace account at http://people.ucsc.edu/~username
• There should be a link added to your index.html with text "HI THERE" that is EASY to see that will reference the java script. (100 points extra credit)

• If you did not complete Assignment 3 and would still like to earn this extra credit, you will have to make a simple web page with the “HI THERE” link and upload it to your UCSC webspace. This page does not have to have anything other than this link on it.

---