Script Page

Click in the text area below, select all and copy to grab the script

Script listing:

<HTML>
<HEAD>
	<TITLE>Tool Tips</TITLE>
	<SCRIPT TYPE="TEXT/JAVASCRIPT" LANGUAGE=JAVASCRIPT>
		<!-- Hide script from older browsers

if (document.all) {
			docObj = "document.all."
			styleObj = ".style"
		}
		else {
			docObj = "document."
			styleObj = ""
		}

function popUp(evt,currElem) {
			popUpWin = eval(docObj + currElem + styleObj)
			if (document.all) {
				popUpWin.top = parseInt(evt.y)+2
				popUpWin.left = Math.max(2,parseInt(evt.x)-125)
			}
			else {
				popUpWin.top = parseInt(evt.pageY)+2
				popUpWin.left = Math.max(2,parseInt(evt.pageX)-125)
			}
			popUpWin.visibility = "visible"
			window.status = ""
		}

function popDown(currElem) {
			popUpWin = eval(docObj + currElem + styleObj)
			popUpWin.visibility = "hidden"
		}

// End hiding script -->
	</SCRIPT>
	<STYLE TYPE="TEXT/CSS">
		#popUp1, #popUp2, #popUp3, #popUp4, #popUp5, #popUp6,
		#popUp7, #popUp8, #popUp9, #popUp10, #popUp11 {position: absolute; visibility: hidden}
		.popUpStyle {background-color: #FFFF99;	border: #CCCC00 1px solid;
					 layer-background-color: #FFFF99; width: 100px;
					 font: 18px helvetica, sans-serif; padding: 5px}
	</STYLE>	
</HEAD>
<BODY BGCOLOR=BLACK>
<MAP NAME="MoonMap">
	<AREA SHAPE=RECT COORDS="121,214,136,230" HREF="javascript:void('')" onMouseout="popDown('popUp1')" onMouseover="popUp(event,'popUp1');return true">
	<AREA SHAPE=RECT COORDS="28,102,77,166"  HREF="javascript:void('')" onMouseout="popDown('popUp2')" onMouseover="popUp(event,'popUp2');return true">
	<AREA SHAPE=RECT COORDS="106,167,135,198" HREF="javascript:void('')" onMouseout="popDown('popUp3')" onMouseover="popUp(event,'popUp3');return true">
	<AREA SHAPE=RECT COORDS="132,137,149,150" HREF="javascript:void('')" onMouseout="popDown('popUp4')" onMouseover="popUp(event,'popUp4');return true">
	<AREA SHAPE=RECT COORDS="136,115,175,137" HREF="javascript:void('')" onMouseout="popDown('popUp5')" onMouseover="popUp(event,'popUp5');return true">
	<AREA SHAPE=RECT COORDS="178,148,220,185" HREF="javascript:void('')" onMouseout="popDown('popUp6')" onMouseover="popUp(event,'popUp6');return true">
	<AREA SHAPE=RECT COORDS="177,114,221,145" HREF="javascript:void('')" onMouseout="popDown('popUp7')" onMouseover="popUp(event,'popUp7');return true">
	<AREA SHAPE=RECT COORDS="229,99,262,125" HREF="javascript:void('')" onMouseout="popDown('popUp8')" onMouseover="popUp(event,'popUp8');return true">
	<AREA SHAPE=RECT COORDS="160,80,190,114" HREF="javascript:void('')" onMouseout="popDown('popUp9')" onMouseover="popUp(event,'popUp9');return true">
	<AREA SHAPE=RECT COORDS="102,119,121,133" HREF="javascript:void('')" onMouseout="popDown('popUp10')" onMouseover="popUp(event,'popUp10');return true">
	<AREA SHAPE=RECT COORDS="100,73,142,115" HREF="javascript:void('')" onMouseout="popDown('popUp11')" onMouseover="popUp(event,'popUp11');return true">
</MAP>
<SPAN CLASS="popUpStyle" ID="popUp1">Tycho</SPAN>
<SPAN CLASS="popUpStyle" ID="popUp2">Ocean of Storms</SPAN>
<SPAN CLASS="popUpStyle" ID="popUp3">Sea of Clouds</SPAN>
<SPAN CLASS="popUpStyle" ID="popUp4">Central Bay</SPAN>
<SPAN CLASS="popUpStyle" ID="popUp5">Sea of Vapors</SPAN>
<SPAN CLASS="popUpStyle" ID="popUp6">Bay of Asperity</SPAN>
<SPAN CLASS="popUpStyle" ID="popUp7">Sea of Tranquility</SPAN>
<SPAN CLASS="popUpStyle" ID="popUp8">Sea of Crisis</SPAN>
<SPAN CLASS="popUpStyle" ID="popUp9">Sea of Serenity</SPAN>
<SPAN CLASS="popUpStyle" ID="popUp10">Copernicus</SPAN>
<SPAN CLASS="popUpStyle" ID="popUp11">Sea of Rain</SPAN>
<DIV ALIGN=CENTER>
	<IMG SRC="images/labeledMoon.jpg" WIDTH=289 HEIGHT=289 USEMAP="#MoonMap" BORDER=0>
</DIV>
</BODY>
</HTML>