WebCT: Creating a pop-up window

Creating a new window allows students to visit an external resource, without leading them away from their WebCT module.

There are two alternatives:

• launching a seperate browser window (this is the easiest option!)
• creating a small 'pop-up' window within the same browser.

You will need to enter some JavaScript into the HTML code, -don't panic!

Small pop-up windows

• Before starting be sure you have saved the file first.
  
  
• View HTML source - just before the </HEAD> tag enter the following script precisely.
  
  
  <script>
  function popup(URL)
  {
  window.open(URL),"creation","width=300,height=300,toolbar=0,
  scrollbars=auto,location=0,status=0,menubar=0,resizeable=yes"
  }
  </script>

• It is important that you copy out the script rather than cut and paste. Be sure it is a continuous line with no spaces.
  
  

  'creation'	names the pop-up window to be opened, you can re-name it to anything you wish
  width=300 height=300	defines the size of the window in pixels, you can increase or decrease these to change size.

• Select the text or icon you wish to link to the pop-up file, as you would to link to another page. (To create your pop-up file you may wish to use our template, see below*)
  
  
• Enter the following javascript as the link: Javascript:OnMouseClick=popup('new.html')
  Where new.html is the name of the pop-up file.

*The pop-up template has been designed by the mediaworkshop to provide an editable text area, and includes a 'close window' function at the top and bottom of the page.
When you have opened this file, paste in the text or page you which you wish to use, and save the template as an HTML file.