Information Systems
College of Business Administration
University of Missouri - St. Louis

Sample JavaScript

<!DOCTYPE HTML PUBLIC "-     //W3C     //DTD HTML 4.0 Transitional     //EN"><html><head>
<meta name="MSSmartTagsPreventParsing" content="TRUE">
<link rel="SHORTCUT ICON" href="graphics/dss.ico">
<STYLE TYPE="text/css">
<!--
     H1, H2, H3, H4, H5, H6 {font-family:"Arial"}
     td {font-family:"Arial"}
     td {font--size: 10pt}
     td {font-weight: bold}
     td {border-width: 2px}
     table {border-color: #8D89C7}
     body {font-family:"Arial"; font-size: 10pt; font-weight:bold}
     p {font-family:"Arial"; font-size: 10pt; font-weight:bold}
-->
</STYLE>
<title>JavaScript Examples</title>

<SCRIPT LANGUAGE="JavaScript">
    function measurewindow()
                 {

                 var x= 640, y= 480;                  // defaults
                 if (self.innerHeight)                  // all except Explorer
                 {
                 x= self.innerWidth;
                 y= self.innerHeight;

                 }

                 else if (document.documentElement && document.documentElement.clientHeight)
                 // Explorer 6 Strict Mode                  {
                 x= document.documentElement.clientWidth;
                 y= document.documentElement.clientHeight;
                 }
                 else if (document.body)                  // other Explorers
                 {
                 x= document.body.clientWidth;
                 y= document.body.clientHeight;

                 }
                 alert ('Window width= ' + x)
                 }
                 //--></script>

<SCRIPT LANGUAGE="JavaScript">
    function windowOpen2()
                 {

                 var x= 640, y= 480;                  // defaults
                 if (self.innerHeight)                  // all except Explorer
                 {
                 x= self.innerWidth;
                 y= self.innerHeight;

                 }

                 else if (document.documentElement && document.documentElement.clientHeight)          // Explorer 6 Strict Mode
                 {
                 x= document.documentElement.clientWidth;
                 y= document.documentElement.clientHeight;
                 }
                 else if (document.body)                  // other Explorers
                 {
                 x= document.body.clientWidth;
                 y= document.body.clientHeight;
                 }
                 newstart=x+1;
                 newstart1=y+1;

                 myWindow2 = window.open("","windowRef2","width=" + x + ",height=" + y + ",top= " + newstart1 + ",left= " + newstart + ", focus=yes");
                 myWindow2.location.href = "windowing2.html";
                 }
                 //--></script>


</head>
<body text="#000080" vlink="#000080" background="graphics/background2.gif" link="#000080">

<table bgcolor="#bde7b7" width="100%"><tbody><tr><td>
<center><table cellpadding="5" bgcolor="#bde7b7">
<tbody><tr>

     <td><center><a href="http://www.umsl.edu/business/mis/">Information Systems</font></a></i></center></td>
     <td width="45"></td>
     <td><center><a href="http://www.umsl.edu/business/General_Business.html">College of Business Administration</a></i></center></td>
     <td width="40"></td>
     <td><center><a href="http://www.umsl.edu/">University of Missouri - St. Louis</a></i></center></td>
</tr>
</tbody></table></center></td></tr></tbody></table>


</font><h2><center>Sample JavaScript</font></center></h2>

<center>

<table width="90%" bgcolor="#bde7b7" border="2" cellpadding="15">
<tbody><tr>
<td width="100%">
<center><CENTER><TABLE WIDTH="100%">
<TR>
<td width=15%></td>

<TD width=67%>
<CENTER><H3><FONT FACE="Arial"><FONT COLOR="#C100C1"><FONT SIZE=+2>
A Sample Window</FONT></FONT></FONT></H2></CENTER>
</TD>
<td width=15%></td>
</TR>
</TABLE></CENTER>

<h3><p>


<FORM>
<center> First check window sizes<P>

<INPUT TYPE="button" VALUE ="Window Inner Width"
onClick ="measurewindow(); return true;">
<INPUT type="button" value="Screen Available Width" onClick ="alert ('Screen Width= ' + screen.availWidth)">
</FORM></center><p><hr><p>

<center>
<A HREF=myWindow2.location.href onClick="windowOpen2();return false">Open Second Window</A></center>

<P>
<HR>

<P>
<H5>

</CENTER></center>
<p><hr><p>

<img src="graphics/button2.jpg" width = 20> <a href="index.html">Return to Index</a>

</tr>
</tbody></table>
</center>

<p><hr><p>
<center>| <a href="http://www.umsl.edu/index.html">UM-St. Louis Home Page</a>
| <a href="http://www.umsl.edu/business/General_Business.html">College of Business Page</a> |
<a href="http://www.umsl.edu/business/mis/index.html">IS
Home Page</a> |</center>
<p><hr><p>

<small>
<script language="JavaScript">
     // This automatically updates the last modified date for the page.
     //
     when = document.lastModified
     document.write("This page was last modified on: " + when + "<br>")
     //
     // This automatically updates the location documentation on the page.
     where = document.location
     document.write("URL: " + where)
</script>
<br>Page Owner: <a href="http://www.umsl.edu/%7Esauter/">Professor Sauter</a>
(<a href="mailto:Vicki.Sauter@umsl.edu">Vicki.Sauter@umsl.edu</a>)<br>
</i>© Vicki L. Sauter. All rights reserved.

</body></html>

Return to Index

| 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.