Information Systems

College of Business Administration
University of Missouri - St. Louis


Example 12a
New Graphical Rollover Examples


<HTML>
<HEAD>
<Title>A Sample DSS</title>

<script>
function stopError()
{
return true;
}

if (document.images)
{
roll = 1;
}
else
{
roll = 0;
}


if (roll)
{
but1 = new Image();
but1.src="a_upbutton1.jpg";
but2 = new Image();
but2.src="clear_newwindow.jpg";
but3 = new Image();
but3.src="b_upbutton1.jpg";
but4 = new Image();
but4.src="c_upbutton1.jpg";
but21 = new Image();
but21.src="a_downbutton1.jpg";
but22 = new Image();
but22.src="newwindow.jpg";
but23 = new Image();
but23.src="b_newwindow.jpg";
but24 = new Image();
but24.src="c_newwindow.jpg";
but32 = new Image();
but32.src="b_downbutton1.jpg";
but42 = new Image();
but42.src="c_downbutton1.jpg";
}

function hiLite(imgDocID,imgObjName)
{
if (roll)
{
document.images[imgDocID].src=eval(imgObjName + ".src");
}
}
</SCRIPT>

</HEAD>
<BODY TEXT="#000000" link="000000" VLINK="#000000" BACKGROUND="background.jpg">
<FONT FACE="ARIAL">
<CENTER><TABLE WIDTH="79%" >
<TR>
<TD>
<CENTER><H2><FONT FACE="Beehive"><FONT COLOR="#C100C1"><FONT SIZE=+4> A Sample DSS</FONT></FONT></FONT></H2></CENTER>
</TD>
</TR>
</TABLE></CENTER>
<h3><p>
<h1>What report would you like?</h1><p>

<center>
<a href="one.html"
onMouseOver="
hiLite('bkey','but32');
hiLite('key1','but23');
return true;"
onMouseOut="
hiLite('bkey','but3');
hiLite('key1','but2');
return true;"
>
<img src="b_upbutton1.jpg" border=0 name="bkey" ></a>
<a href="two.html"
onMouseOver="
hiLite('key','but21');
hiLite('key1','but22');
return true;"
onMouseOut="
hiLite('key','but1');
hiLite('key1','but2');
return true;"
>
<img src="a_upbutton1.jpg" border=0 name="key" ></a>
<a href="three.html"
onMouseOver="
hiLite('ckey','but42');
hiLite('key1','but24');
return true;"
onMouseOut="
hiLite('ckey','but4');
hiLite('key1','but2');
return true;"
>
<img src="c_upbutton1.jpg" border=0 name="ckey" ></a>
<p> <IMG SRC="clear_newwindow.jpg" name="key1">

</center>

<p><p><p><P><hr><p>

<h4><strong><img src="button2.jpg" width = 20> <a href="index.html">Return to Index</a>
<p><br><p>
<h6><i>Page Owner:</i> <a href="http://www.umsl.edu/~sauter/">Professor Sauter</a> (<a href="mailto:Vicki.Sauter@umsl.edu">Vicki.Sauter@umsl.edu</a>)<br>

<SCRIPT LANGUAGE = "JavaScript">
// This automatically updates the last modified date for the page.
//
when = document.lastModified
document.write("<i>This page was last modified on:</i> " + when + "<br>")
//
// This automatically updates the location documentation on the page.
where = document.location
document.write("<i>URL:</i> " + where)
</script>

<br>
© Vicki L. Sauter. All rights Reserved.
</html>


| UM-St. Louis Home Page | College of Business Page | IS Home Page |



Page Owner: Professor Sauter (Vicki.Sauter@umsl.edu)
© Vicki L. Sauter. All rights Reserved.