Close

Adding the Pop-up Script

When the Script Should be Used

The pop-up script should be used when a link in the pages references one of the following:

External link
References outside of the site. Link opens new browser window.
Story page
References a content page that must be easy to print (this page uses the story template and popup script).
Link opens new browser window.

The links above use the Definition tags, which are recommended for easy viewing, clicking, and describing links. Here's how the tags are used:

<dl>
<dt>External Link name</dt>
<dd>Description of the link and warning about pop up window.</dd>
<dt>Story page link name</dt>
<dd>Description of the story and warning about pop up window.</dd>
</dl>

Using the Script

  1. Open the page that contains the link needing the script.
  2. Find the word(s) that need the link and look at the source code.
  3. Add the following code to the beginning of the words:
    4. <a href="LINK_GOES_HERE.htm" onClick="window.open('LINK_GOES_HERE.htm', '', 'resizable=yes,location=yes,toolbar=no,status=no,menubar=no,scrollbars=yes,width=640,height=480,top=0,left=300');return false;">
  4. At the end of the words add the closing tag:
    5. </a>
  5. the href="" attribute and the onClick="window.open() event need to have the same desired hyperlink address.
    • The editable links are shown in bold above (LINK_GOES_HERE.htm).
  6. The position and size of the pop-up window can be altered by adjusting the width, height, top, and left attributes found in bold at the end of the script above.
  7. Save and close the file.

2004 OSU Extended Campus Close