CSPP552: Web Programming, JavaScript part 15

A Final Example

Have fun with this program.
<html>
<head><title>JavaScript Major Annoyance</title>
<SCRIPT LANGUAGE="JavaScript">
<!-- Mouseover stuff
 var Imageactive, Imageinactive;
 var cur_num = 7;
 var maxval = 4*5;
 if (document.images) {
  Imageactive = new Image(100,100);    Imageactive.src = "clickme.gif";
  Imageinactive = new Image(100,100);  Imageinactive.src = "blank.png";
 }

 function image_on(num) {
    if (num != cur_num) return true;
    if (document.images) {
	var n = cur_num;
	while (n == cur_num) {
	    n = Math.floor(Math.random() * maxval);
	}
	document.images["Image" + cur_num].src = Imageinactive.src;
	document.images["Image" + n].src = Imageactive.src;
	cur_num = n;
    }
 }

 // script ends here -->
</SCRIPT></head><body bgcolor="#ffffff">
<SCRIPT LANGUAGE="JavaScript">
<!-- duh..

 for (i = 0; i < maxval; i++) {
    if (i != 7) {
     foo = "<a href=\"javascript:;\" onMouseOver=\"image_on(" + i +
	   "); return true;\"\> <img src=\"blank.png\" name=\"Image" + i +
	   "\"  border=0 width=100 height=100\></a\>";
    } else {
     foo = "<a href=\"javascript:;\" onMouseOver=\"image_on(" + i +
	   "); return true;\"\> <img src=\"clickme.gif\" name=\"Image" + i +
	   "\"  border=0 width=100 height=100\></a\>";
    }
    document.writeln(foo); 
    if ((i+1)%5 == 0) document.writeln("<p\>"); 
 }

 // script ends here -->
</SCRIPT>
<p>
</body>
</html>