Metropolitan State University

ICS 225 Web Design and Implementation

Lab 11: Events, Controlling Windows, Functions

Create a directory called Lab11 and place all the parts of this lab in the directory.

Part I. Creating a Pop Up Window

Start a new HTML document named lab11.html  On this page provide a link which, when clicked, causes a pop up window to appear (see page 20 for an example).

Your pop up window should

• have scrollbars
• have a toolbar
• be resizable
• have your name in it
• have a link which closes the window

Part II. Functions

Once you have a working solution, change your solution to include a function with at least one argument (see page 25).

Part III. Controlling Remote Windows

Start a new HTML document named lab11b.html. From lab11b.html, cause a second pop up window to appear. In the pop up window, give the user several options. Each option, when clicked, should cause some change in the original window.

Part IV. Repackaging

Move all of the Javascript functions you've written for this assignment in a separate file. Put only the Javascript into the file – do not include the script tag or any HTML tags. Use the file extension .js – that is, your file could be called myfunctions.js, for example.

In the head part of your HTML document, include the file containing your Javascript functions.

<script src="myfunctions.js" type="text/javascript">

</script>

You should not have to make any other changes to your code. See also the sidebar on page 7.

Retest to make sure nothing broke.