Problem Set # 5 - Due May 16
This assignment will be out of 20 possible points.
You will be modifying a javascript program. Javascript is a
powerful tool which works with browser software to add buttons, menus,
etc.
- Download hello.html
- Save it on your local desktop
- File
- Save as...
- File name is hello
- Save as type Web page, HTML Only
- When you try to open the file
- Right click on the icon
- Open with ...
- Notepad
- If Notepad is not given as an
option, use Wordpad (you may have to Choose Program... to look for this)
- Double click on the file to to show the local web page
PLAY with the web page before you edit it
READ the web page source before you edit it
I have 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) (1 point)
- 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
- 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 (2 points)
- B. you will need to add two cases
to the function my_function (4 points)
- The pulldown menu only shows one item at a time.
I would like to see two items at a time. (2 points)
- 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.
- Their 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
- 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 feeling in the pink when the mouse is taken off the link.
The color change
- Do you notice that the window color changes when the mouse is placed over it.
- 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
(4 points)
background.
- 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 page.
(1 point)
- 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. (4 points)
- 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
- add a link to your web site so that it can be tested by the graders if necessary. This is NOT a replacement for printing
- the file should be saved in your public_html
directory in your cats account
- the hot link should have the text "HELLO THERE"
If there are problems with this web page report to doanna@cats.ucsc.edu