topical media & game development

talk show tell print

basic-javascript-appendix-12-ch12-q1.htm / htm



  <HTML>
  <HEAD>
  <SCRIPT LANGUAGE=JavaScript>
  
  var descriptions = new Array();
  descriptions[0] = "<P>See what's been added to the website since your last visit</P>";
  descriptions[1] = "<P>Find out more about me and this website</P>";
  descriptions[2] = "<P>Check out the interesting and useful links on this page</P>";
  
  function showDescription(descriptionIndex)
  {
          if (document.all)
          {
                  DescriptionDiv.style.visibility = "visible";
                  DescriptionDiv.innerHTML = descriptions[descriptionIndex];
          }
          else
          {
                  document.DescriptionDiv.visibility = "visible";
                  document.DescriptionDiv.document.open();
                  document.DescriptionDiv.document.write("<DIV class='DescriptionDivStyle'>");
                  document.DescriptionDiv.document.write(descriptions[descriptionIndex]);
                  document.DescriptionDiv.document.write("</DIV>");
                  document.DescriptionDiv.document.close();
          }
  }
  
  function clearDescription()
  {
          if (document.all)
          {
                  DescriptionDiv.style.visibility = "hidden";
          }
          else
          {
                  document.DescriptionDiv.visibility = "hidden";
          }
  }
  </SCRIPT>
  <STYLE>
  
                  DIV
                  {
                          border-width: thin;
                          border-style: ridge;
                          border-color: red;
                          width: 250px;
                          height: 70px;
                          visibility: hidden;
                  }
  
                  .DescriptionDiv
                  {
                          position: absolute;
                          left: 120px;
                          top: 50px;
  
                  }
  </STYLE>
  
  </HEAD>
  <BODY>
  
  <A href="WhatsNew.htm"
          onmouseover="showDescription(0)"
          onmouseout="clearDescription()">
          <IMG src="WhatsNew.jpg" border=0></A>
  <BR>
  <A href="AboutMe.htm"
          onmouseover="showDescription(1)"
          onmouseout="clearDescription()">
          <IMG src="AboutMeButton.jpg" border=0></A>
  <BR>
  <A href="InterestingLinks.htm"
          onmouseover="showDescription(2)"
          onmouseout="clearDescription()">
          <IMG src="InterestingLinks.jpg" border=0></A>
  
  <DIV id=DescriptionDiv name=DescriptionDiv class="DescriptionDiv">
  </DIV>
  
  </BODY>
  </HTML>
  


(C) Æliens 20/2/2008

You may not copy or print any of this material without explicit permission of the author or the publisher. In case of other copyright issues, contact the author.