UCSCBaskin School of Engineering  
General Information Events, News & Organizations Degrees & Departments Research Classes Admissions & Advising People & Jobs Administration
CMPE 003 - Winter 2004

Problem Set # 5 - Due March 10th

This assignment will be out of 25 possible points.
You will be modifying a javascript program. Javascript is a powerful programming language that works within your Web browser.

  • Click on the hello_java.html link below and the script should run. Now right click on the web page 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.html” to a folder on your hard drive.  You can now edit the file. When you are ready to test it, save it and then double click the file to open it in the browser.
  • 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 JavaScript Primers.

1.    You will need to add your name and login so we know who you are: Use a text editor (notepad) (1 point)

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

2.    Modify the file so that it is possible to give two more greetings

      • 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 (3 points)
        • B. you will need to add two cases to the function my_function (5 points)

3.    The menu of greetings is a pulldown menu, with only the selected item visible until you click on the arrow. Change it to be a scrolling list with two items visible at a time. (3 points)

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

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

5.    There is a link which points to the course 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
        • i. The status line says I'm feeling in the pink when the mouse is on the link.

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

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 ground.  When the mouse moves off the link the status line says Now I’m blue, but the color does not change, fix that also.  (5 points).
      • B. The link points to my web page. It should point to your web page. (1 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 web personal webpage. (1 point)

6.    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. (5 points)

7.    Print out a page showing your source for the web site

      • This is NOT the web site as it appears in explorer, but the source file you changed which generates the web site.
      • Be sure to put your FULL NAME on this sheet of paper.

8.    Add a link to your web site so that it can be tested by the graders. This is NOT a replacement for printing.

      • The file should be saved in your public_html directory in your cats account
      • There should be a link added to your cmpe003_assignment3.html with text "HI THERE" that is EASY to see that will reference the java script.

General info · News · Events · Degree Programs · Research · Classes · Admissions · Advising · People · Jobs · Administration
SOE Webmail · SOE SSH · SOE Wiki · Search · Sitemap · Contact us · Driving directions · Privacy · UCSC
© Baskin School of Engineering, University of California, Santa Cruz
1156 High St., Santa Cruz, CA 95064 · (831) 459-2158 · webmaster@soe.ucsc.edu