Instructions
for Inserting JavaScript Code for centered popup windows
- Go to the Class
Folders and get the file popup.js. Save it in the root directory of
your project files.
- Somewhere between
the <head> tags of the page you want centered popus, paste in
the following code:
<script language="JavaScript1.2" src="popup.js"></script>
Nothing goes between the script tags -- just copy it exactly as I have
it above.
- Now create your
popup HTML pages.
a) Insert your popup image.
b) Go to Modify>Page Properties and set Left Margin, Top Margin,
Margin Width, Margin Height set to 0.
c) Take note of the dimensions for each image (to use later in your
thumbnails - see step 4).
- For each small
thumbnail, you will add the following code for the hyperlink to open
up it's corresponding pop-up. You will need to go directly into the
code and add it in.
<a href="your_url.html" onclick="openWindow(this.href,'name','height','width','no');return
false">
-your_url.html should be replaced by the name of the
web page your pop-up window will be called.
- height and width will be replaced
by the actual number of pixels for each image.
Instructions to create a "close window" button for your popup
windows
Insert this code in the <a> tag for your button that will close
the window:
href="javascript:window.close();"
For example,
<a href="javascript:window.close();">close
window</a>
Would render:
close
window
|