
<!-- TWO STEPS TO INSTALL TRUE POPUPS:

  1.  Copy the coding into the HEAD of your HTML document
  2.  Add the last code into the BODY of your HTML document  -->

<!-- STEP ONE: Paste this code into the HEAD of your HTML document  -->

<HEAD>

<!-- Define the popup styles here.  You must -->
<!-- have a style for each popup you define!! -->
<style>
#example1 {
position:absolute;
width:150px;
height:100px;
color:blue;
background-color:#FDF5E6;
text-align:center;
visibility:hidden;
z-index:10;
}

#example2 {
position:absolute;
width:150px;
height:100px;
color:blue;
background-color:#FDF5E6;
text-align:center;
visibility:hidden;
z-index:10;
}

</style>

<SCRIPT LANGUAGE="JavaScript">
<!-- Original:  Donnie Brewer (brewsky@home.com) -->
<!-- Web Site:  http://www.brewskynet.com/javatest/popup.html -->


<!-- Begin
function ViewData(user,ValueShow) {
var mousex = window.event.x;        // mouse location capture event
var mousey = window.event.y;        // mouse location capture event
user.style.visibility = ValueShow;  // show or hide respective Example
user.style.left = mousex + 5;       // place popup at the mouse X (left) location
user.style.top = mousey;            // place popup at the mouse Y (top) location
}
//  End -->
</script>

</HEAD>

<!-- STEP TWO: Copy this code into the BODY of your HTML document  -->

<BODY>

Place your mouse over one of the Examples below..
<br><br>
<font color="Green">
<a onmouseover="ViewData(example1,'visible')" onmouseout="ViewData(example1,'hidden')">
Example 1
</a>
<br><br>
<a onmouseover="ViewData(example2,'visible')" onmouseout="ViewData(example2,'hidden')">
Example 2
</a>

<!-- Table Definition for Popup -->

<!-- All tables must have there own style sheet assigned to it -->
<!-- Example1 Popup Data -->
<div id="example1">
<table border="yes" bordercolor="#FFA07A" width="148">
<tr valign="middle">
<td height="98" align="center"><font color=Blue>
Your Example1<br>
data will go here!<br><br>
Pretty Cool!!</font>
</td></tr></table>
</div>

<!-- Example2 Popup Data -->
<div id="example2">
<table border="yes" bordercolor="#FFA07A" width="148">
<tr valign="middle">
<td height="98" align="center"><font color=Blue>
Your Example2<br>
data will go here!<br><br>
Pretty Cool!!<br>
</font>
</td></tr></table>
</div>

<!-- End Popup Definitions -->
