OMG!!! HW9!!!! LOL!!!



1. Find a JavaScript script of your choice on the Web and utilize it on your HW9 page.


2. Create a header of expanding text or an expanding image.

Unicorns are awesome!!! LOL!!!
Unicorn!

3. Activate a change of color of the background when the user points their mouse over a color in the color bars.

Change background color on mouseover:

4. Create a form input message box, a button, and a corresponding alert message.

Does Hello Kitty give you the lols??

5. Create 2 images. The second image should replace the first image with an onmouseover event. The first image will then replace the second image with an onmouseout event. These images may or may not also act as a link. This involves having 2 similar images, which can be created in Paint Shop Pro or by using flamingtext.com.

rock out!!!

6. Create a drop-down menu navigation containing 3 links.

OMG!!! Clicky for lols!!!

7. Create a pop-up message window.

Pop up Unicorn!

8. Link to a page that has a header of Password Protection Page, a form password element, and submit and reset buttons. I suggest that you name your password as rosebud. If the password entered is correct then allow entrance to one of your form pages, e.g.,your HW7 page. If the password entered is incorrect then alert "password is incorrect" and remain on the page. Here is an example. View the source code to see an explanation of the script statements.

Password Protection

9. Modify the HTML form page that is entered via password protection above, by adding a script that will require the user to enter their name and one other input text field before the form will be allowed to be submitted. Here is sample page for form input text field validation. View the source code to see an explanation of the script statements.

Javascript Input Form

















Valid XHTML 1.0 Transitional

Valid XHTML 1.0 Transitional