<html>
<head>
<meta http-equiv="content-type" content="text/html;charset-
=iso-8859-1">
<title>DHTML for the WWW | Hypertext Pop-Up</title>
<script src="findDOM.js"></script>
<script>
function findLivePageWidth() {
if (window.innerWidth != null)
return window.innerWidth;
if (document.body.clientWidth != null)
return document.body.clientWidth;
return (null);
}
function popUp(evt,objectID){
if (isDHTML) { // Makes sure this is a DHTML browser
var livePageWidth = findLivePageWidth();
//alert(livePageWidth);
domStyle = findDOM(objectID,1);
dom = findDOM(objectID,0);
state = domStyle.visibility;
if (dom.offsetWidth) elemWidth = dom.offsetWidth;
else { if (dom.clip.width) elemWidth = dom.clip.width; -
}
if (state == "visible" || state == "show") { domStyle.v-
isibility = "hidden"; }
else {
if (evt.pageY) { //Calculates the position for Navigat-
or 4
topVal = evt.pageY + 4;
leftVal = evt.pageX - (elemWidth / 2);
}
else {
if (evt.y) { // Calculates the position for IE4
topVal = evt.y + 4 + document.body.scrollTop;
leftVal = evt.x - (elemWidth / 2) + document.body.-
scrollLeft;
}
}
/*If the element goes off the page to the left, this mov-
es it back */
if(leftVal < 2) { leftVal = 2; }
else {
if ((leftVal + elemWidth) > livePageWidth) { leftVal-
= leftVal - (elemWidth / 2); }
}
domStyle.top = topVal; // Positions the element from t-
he top
domStyle.left = leftVal; // Positions the element from-
the left
domStyle.visibility = "visible"; // Makes the element -
visable
}
}
}
</script>
<style media="screen" type="text/css"><!--
#ht1,#ht2 {
position: absolute;
z-index: 100;
top: 0px;
left: 10px;
visibility: hidden }
.hyperText {
color: #333333;
font: 10px/12px "Trebuchet MS", Arial, Helvetica, Geneva, -
sans-serif;
background-color: #cccccc;
padding: 5px;
border: solid 2px #ff6666;
width: 250px;
layer-background-color: #CCCCCC
}
--></style>
</head>
<body>
<!-- The first pop-up element: ht1. This will not display un-
til the visitor
passes the mouse over link 1 -->
<!-- The second pop-up element: ht2. This will not display u-
ntil the visitor
passes the mouse over tlink 2 -->
<P>A webbed environment is a Web site that does not frustrat-
e the user with
long download times, or confuse them with
<!-- Link 1 -->
<A HREF="#" ONMOUSEOUT="popUp(event,'ht1')"
ONMOUSEOVER="popUp(event,'ht1')">
millions of navigation points at once
</A>
. Instead, a successful webbed environment will appear to ha-
ve smooth
transitions as content changes and provide easy to use featu-
res,
<!-- Link 2 -->
<A HREF="#" ONMOUSEOUT="popUp(event,'ht2')"
ONMOUSEOVER="popUp(event,'ht2')">
hypertext
</A>
, and navigation that is convenient but not overwhelming.
</p>
<P>A webbed environment is a Web site that does not frustrat-
e the user with
long download times, or confuse them with
<!-- Link 1 -->
<A HREF="#" ONMOUSEOUT=" popUp(event,'ht1')"
ONMOUSEOVER="popUp(event,'ht1')">
millions of navigation points at once
</A>
. Instead, a successful webbed environment will appear to ha-
ve smooth
transitions as content changes and provide easy to use featu-
res,
<!-- Link 2 -->
<A HREF="#" ONMOUSEOUT="popUp(event,'ht2')"
ONMOUSEOVER="popUp(event,'ht2')">
hypertext
</A>
, and navigation that is convenient but not overwhelming.
</p>
<P>A webbed environment is a Web site that does not frustrat-
e the user with
long download times, or confuse them with
<!-- Link 1 -->
<A HREF="#" ONMOUSEOUT=" popUp(event,'ht1')"
ONMOUSEOVER="popUp(event,'ht1')">
millions of navigation points at once
</A>
. Instead, a successful webbed environment will appear to ha-
ve smooth
transitions as content changes and provide easy to use featu-
res,
<!-- Link 2 -->
<A HREF="#" ONMOUSEOUT="popUp(event,'ht2')"
ONMOUSEOVER="popUp(event,'ht2')">
hypertext
</A>
, and navigation that is convenient but not overwhelming.
</p>
<P>A webbed environment is a Web site that does not frustrat-
e the user with
long download times, or confuse them with
<!-- Link 1 -->
<A HREF="#" ONMOUSEOUT=" popUp(event,'ht1')"
ONMOUSEOVER="popUp(event,'ht1')">
millions of navigation points at once
</A>
. Instead, a successful webbed environment will appear to ha-
ve smooth
transitions as content changes and provide easy to use featu-
res,
<!-- Link 2 -->
<A HREF="#" ONMOUSEOUT="popUp(event,'ht2')"
ONMOUSEOVER="popUp(event,'ht2')">
hypertext
</A>
, and navigation that is convenient but not overwhelming.
</p>
<P>A webbed environment is a Web site that does not frustrat-
e the user with
long download times, or confuse them with
<!-- Link 1 -->
<A HREF="#" ONMOUSEOUT=" popUp(event,'ht1')"
ONMOUSEOVER="popUp(event,'ht1')">
millions of navigation points at once
</A>
. Instead, a successful webbed environment will appear to ha-
ve smooth
transitions as content changes and provide easy to use featu-
res,
<!-- Link 2 -->
<A HREF="#" ONMOUSEOUT="popUp(event,'ht2')"
ONMOUSEOVER="popUp(event,'ht2')">
hypertext
</A>
, and navigation that is convenient but not overwhelming.
</p>
<P>A webbed environment is a Web site that does not frustrat-
e the user with
long download times, or confuse them with
<!-- Link 1 -->
<A HREF="#" ONMOUSEOUT=" popUp(event,'ht1')"
ONMOUSEOVER="popUp(event,'ht1')">
millions of navigation points at once
</A>
. Instead, a successful webbed environment will appear to ha-
ve smooth
transitions as content changes and provide easy to use featu-
res,
<!-- Link 2 -->
<A HREF="#" ONMOUSEOUT="popUp(event,'ht2')"
ONMOUSEOVER="popUp(event,'ht2')">
hypertext
</A>
, and navigation that is convenient but not overwhelming.
</p>
<P>A webbed environment is a Web site that does not frustrat-
e the user with
long download times, or confuse them with
<!-- Link 1 -->
<A HREF="#" ONMOUSEOUT=" popUp(event,'ht1')"
ONMOUSEOVER="popUp(event,'ht1')">
millions of navigation points at once
</A>
. Instead, a successful webbed environment will appear to ha-
ve smooth
transitions as content changes and provide easy to use featu-
res,
<!-- Link 2 -->
<A HREF="#" ONMOUSEOUT="popUp(event,'ht2')"
ONMOUSEOVER="popUp(event,'ht2')">
hypertext
</A>
, and navigation that is convenient but not overwhelming.
</p>
<P>A webbed environment is a Web site that does not frustrat-
e the user with
long download times, or confuse them with
<!-- Link 1 -->
<A HREF="#" ONMOUSEOUT=" popUp(event,'ht1')"
ONMOUSEOVER="popUp(event,'ht1')">
millions of navigation points at once
</A>
. Instead, a successful webbed environment will appear to ha-
ve smooth
transitions as content changes and provide easy to use featu-
res,
<!-- Link 2 -->
<A HREF="#" ONMOUSEOUT="popUp(event,'ht2')"
ONMOUSEOVER="popUp(event,'ht2')">
hypertext
</A>
, and navigation that is convenient but not overwhelming.
</p>
<P>A webbed environment is a Web site that does not frustrat-
e the user with
long download times, or confuse them with
<!-- Link 1 -->
<A HREF="#" ONMOUSEOUT=" popUp(event,'ht1')"
ONMOUSEOVER="popUp(event,'ht1')">
millions of navigation points at once
</A>
. Instead, a successful webbed environment will appear to ha-
ve smooth
transitions as content changes and provide easy to use featu-
res,
<!-- Link 2 -->
<A HREF="#" ONMOUSEOUT="popUp(event,'ht2')"
ONMOUSEOVER="popUp(event,'ht2')">
hypertext
</A>
, and navigation that is convenient but not overwhelming.
</p>
<P>A webbed environment is a Web site that does not frustrat-
e the user with
long download times, or confuse them with
<!-- Link 1 -->
<A HREF="#" ONMOUSEOUT=" popUp(event,'ht1')"
ONMOUSEOVER="popUp(event,'ht1')">
millions of navigation points at once
</A>
. Instead, a successful webbed environment will appear to ha-
ve smooth
transitions as content changes and provide easy to use featu-
res,
<!-- Link 2 -->
<A HREF="#" ONMOUSEOUT="popUp(event,'ht2')"
ONMOUSEOVER="popUp(event,'ht2')">
hypertext
</A>
, and navigation that is convenient but not overwhelming.
</p>
<P>A webbed environment is a Web site that does not frustrat-
e the user with
long download times, or confuse them with
<!-- Link 1 -->
<A HREF="#" ONMOUSEOUT=" popUp(event,'ht1')"
ONMOUSEOVER="popUp(event,'ht1')">
millions of navigation points at once
</A>
. Instead, a successful webbed environment will appear to ha-
ve smooth
transitions as content changes and provide easy to use featu-
res,
<!-- Link 2 -->
<A HREF="#" ONMOUSEOUT="popUp(event,'ht2')"
ONMOUSEOVER="popUp(event,'ht2')">
hypertext
</A>
, and navigation that is convenient but not overwhelming.
</p>
<P>A webbed environment is a Web site that does not frustrat-
e the user with
long download times, or confuse them with
<!-- Link 1 -->
<A HREF="#" ONMOUSEOUT=" popUp(event,'ht1')"
ONMOUSEOVER="popUp(event,'ht1')">
millions of navigation points at once
</A>
. Instead, a successful webbed environment will appear to ha-
ve smooth
transitions as content changes and provide easy to use featu-
res,
<!-- Link 2 -->
<A HREF="#" ONMOUSEOUT="popUp(event,'ht2')"
ONMOUSEOVER="popUp(event,'ht2')">
hypertext
</A>
, and navigation that is convenient but not overwhelming.
</p>
</body>
</html>