JavaScript Crossword

Discussion in 'Javascript' started by Richard, Mar 11, 2005.

  1. Richard

    Richard Guest

    I have tried to create a javascript puzzle where by the grid is filled
    with numbers from 1 to 26 and another grid listed 1 to 26 where each
    number relates to a letter. Once you figure out the number to letter
    sequence in the 2nd grid, you fill all the squares labeled with that
    number....poor explanation but the HTML will explain it!

    What I can't seem to manage to work is getting the javascript to take
    the selected letters and place them in the correct squares on the main
    grid.

    Can anyone see what I am doing wrong?

    Thanks in advance!


    Richard

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <title>JavaScript Puzzle</title>
    <meta http-equiv="Content-Type" content="text/html;
    charset=iso-8859-1">
    </head>

    <body>
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    function onClick(object) {
    for (var Current=0;Current <
    object.select1.options.length;Current++) {
    var value = eval('object.currentValue' + Current);
    if (object.select1.options[Current].selected) {
    value.value = object.select1.options[Current].value;
    }
    else {
    value.value = '';
    }
    }
    }
    //-->
    </SCRIPT>
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td width="55%" valign="top"> <form name="grid" method="post"
    action="">
    <table border="3" align="center" cellpadding="1"
    cellspacing="0" id="table1">
    <tr align="center" valign="middle">
    <td id="blank" width="30" height="30" nowrap
    bordercolor="#000000" bgcolor="#000000">&nbsp;</td>
    <td id="j" width="30" height="30" nowrap>
    <INPUT NAME="currentValue25" TYPE="TEXT" VALUE="25"
    size="1" maxlength="2">&nbsp;</td>
    <td id="blank" width="30" height="30" nowrap
    bordercolor="#000000" bgcolor="#000000">&nbsp;</td>
    <td id="f" width="30" height="30" nowrap>
    <INPUT NAME="currentValue23" TYPE="TEXT" VALUE="23"
    size="1" maxlength="2">&nbsp;</td>
    <td id="blank" width="30" height="30" nowrap
    bordercolor="#000000" bgcolor="#000000">&nbsp;</td>
    <td id="m" width="30" height="30" nowrap>
    <INPUT NAME="currentValue22" TYPE="TEXT" VALUE="22"
    size="1" maxlength="2">&nbsp;</td>
    <td id="blank" width="30" height="30" nowrap
    bordercolor="#000000" bgcolor="#000000">&nbsp;</td>
    <td id="blank" width="30" height="30" nowrap
    bordercolor="#000000" bgcolor="#000000">&nbsp;</td>
    <td id="blank" width="30" height="30" nowrap
    bordercolor="#000000" bgcolor="#000000">&nbsp;</td>
    <td id="d" width="30" height="30" nowrap>
    <INPUT NAME="currentValue16" TYPE="TEXT" VALUE="16"
    size="1" maxlength="2">&nbsp;</td>
    <td id="blank" width="30" height="30" nowrap
    bordercolor="#000000" bgcolor="#000000">&nbsp;</td>
    <td id="k" width="30" height="30" nowrap>
    <INPUT NAME="currentValue6" TYPE="TEXT" VALUE="06"
    size="1" maxlength="2">&nbsp;</td>
    <td id="blank" width="30" height="30" nowrap
    bordercolor="#000000" bgcolor="#000000">&nbsp;</td>
    <td id="a" width="30" height="30" nowrap>
    <INPUT NAME="currentValue17" TYPE="TEXT" VALUE="17"
    size="1" maxlength="2">&nbsp;</td>
    <td width="30" height="30" nowrap bordercolor="#000000"
    bgcolor="#000000" id="blank">&nbsp;</td>
    </tr>
    <tr align="center" valign="middle">
    <td id="b" width="30" height="30" nowrap>
    <INPUT NAME="currentValue19" TYPE="TEXT" VALUE="19"
    size="1" maxlength="2">&nbsp;</td>
    <td id="a" width="30" height="30" nowrap>
    <INPUT NAME="currentValue17" TYPE="TEXT" VALUE="17"
    size="1" maxlength="2">&nbsp;</td>
    <td id="r" width="30" height="30" nowrap>
    <INPUT NAME="currentValue5" TYPE="TEXT" VALUE="05"
    size="1" maxlength="2">&nbsp;</td>
    <td id="o" width="30" height="30" nowrap>
    <INPUT NAME="currentValue9" TYPE="TEXT" VALUE="09"
    size="1" maxlength="2">&nbsp;</td>
    <td id="q" width="30" height="30" nowrap>
    <INPUT NAME="currentValue20" TYPE="TEXT" VALUE="20"
    size="1" maxlength="2">&nbsp;</td>
    <td id="u" width="30" height="30" nowrap>
    <INPUT NAME="currentValue13" TYPE="TEXT" VALUE="13"
    size="1" maxlength="2">&nbsp;</td>
    <td id="e" width="30" height="30" nowrap>
    <INPUT NAME="currentValue4" TYPE="TEXT" VALUE="04"
    size="1" maxlength="2">&nbsp;</td>
    <td id="blank" width="30" height="30" nowrap
    bordercolor="#000000" bgcolor="#000000">&nbsp;</td>
    <td id="z" width="30" height="30" nowrap>
    <INPUT NAME="currentValue3" TYPE="TEXT" VALUE="03"
    size="1" maxlength="2">&nbsp;</td>
    <td id="o" width="30" height="30" nowrap>
    <INPUT NAME="currentValue9" TYPE="TEXT" VALUE="09"
    size="1" maxlength="2">&nbsp;</td>
    <td id="o" width="30" height="30" nowrap>
    <INPUT NAME="currentValue0" TYPE="TEXT" VALUE="09"
    size="1" maxlength="2">&nbsp;</td>
    <td id="l" width="30" height="30" nowrap>
    <INPUT NAME="currentValue11" TYPE="TEXT" VALUE="11"
    size="1" maxlength="2">&nbsp;</td>
    <td id="o" width="30" height="30" nowrap>
    <INPUT NAME="currentValue9" TYPE="TEXT" VALUE="09"
    size="1" maxlength="2">&nbsp;</td>
    <td id="g" width="30" height="30" nowrap>
    <INPUT NAME="currentValue7" TYPE="TEXT" VALUE="07"
    size="1" maxlength="2">&nbsp;</td>
    <td id="y" width="30" height="30" nowrap>
    <INPUT NAME="currentValue18" TYPE="TEXT" VALUE="18"
    size="1" maxlength="2">&nbsp;</td>
    </tr>
    <tr align="center" valign="middle">
    <td id="blank" width="30" height="30" nowrap
    bordercolor="#000000" bgcolor="#000000">&nbsp;</td>
    <td id="n" width="30" height="30" nowrap>
    <INPUT NAME="currentValue14" TYPE="TEXT" VALUE="14"
    size="1" maxlength="2">&nbsp;</td>
    <td id="blank" width="30" height="30" nowrap
    bordercolor="#000000" bgcolor="#000000">&nbsp;</td>
    <td id="o" width="30" height="30" nowrap>
    <INPUT NAME="currentValue9" TYPE="TEXT" VALUE="09"
    size="1" maxlength="2">&nbsp;</td>
    <td id="blank" width="30" height="30" nowrap
    bordercolor="#000000" bgcolor="#000000">&nbsp;</td>
    <td id="u" width="30" height="30" nowrap>
    <INPUT NAME="currentValue13" TYPE="TEXT" VALUE="13"
    size="1" maxlength="2">&nbsp;</td>
    <td id="blank" width="30" height="30" nowrap
    bordercolor="#000000" bgcolor="#000000">&nbsp;</td>
    <td id="c" width="30" height="30" nowrap>
    <INPUT NAME="currentValue8" TYPE="TEXT" VALUE="08"
    size="1" maxlength="2">&nbsp;</td>
    <td id="blank" width="30" height="30" nowrap
    bordercolor="#000000" bgcolor="#000000">&nbsp;</td>
    <td id="g" width="30" height="30" nowrap>
    <INPUT NAME="currentValue7" TYPE="TEXT" VALUE="07"
    size="1" maxlength="2">&nbsp;</td>
    <td id="blank" width="30" height="30" nowrap
    bordercolor="#000000" bgcolor="#000000">&nbsp;</td>
    <td id="u" width="30" height="30" nowrap>
    <INPUT NAME="currentValue13" TYPE="TEXT" VALUE="13"
    size="1" maxlength="2">&nbsp;</td>
    <td id="blank" width="30" height="30" nowrap
    bordercolor="#000000" bgcolor="#000000">&nbsp;</td>
    <td id="r" width="30" height="30" nowrap>
    <INPUT NAME="currentValue5" TYPE="TEXT" VALUE="05"
    size="1" maxlength="2">&nbsp;</td>
    <td width="30" height="30" nowrap bordercolor="#000000"
    bgcolor="#000000" id="blank">&nbsp;</td>
    </tr>
    <tr align="center" valign="middle">
    <td id="v" width="30" height="30" nowrap>
    <INPUT NAME="currentValue10" TYPE="TEXT" VALUE="10"
    size="1" maxlength="2">&nbsp;</td>
    <td id="i" width="30" height="30" nowrap>
    <INPUT NAME="currentValue2" TYPE="TEXT" VALUE="02"
    size="1" maxlength="2">&nbsp;</td>
    <td id="c" width="30" height="30" nowrap>
    <INPUT NAME="currentValue8" TYPE="TEXT" VALUE="08"
    size="1" maxlength="2">&nbsp;</td>
    <td id="t" width="30" height="30" nowrap>
    <INPUT NAME="currentValue15" TYPE="TEXT" VALUE="15"
    size="1" maxlength="2">&nbsp;</td>
    <td id="i" width="30" height="30" nowrap>
    <INPUT NAME="currentValue2" TYPE="TEXT" VALUE="02"
    size="1" maxlength="2">&nbsp;</td>
    <td id="m" width="30" height="30" nowrap>
    <INPUT NAME="currentValue22" TYPE="TEXT" VALUE="22"
    size="1" maxlength="2">&nbsp;</td>
    <td id="blank" width="30" height="30" nowrap
    bordercolor="#000000" bgcolor="#000000">&nbsp;</td>
    <td id="o" width="30" height="30" nowrap>
    <INPUT NAME="currentValue9" TYPE="TEXT" VALUE="09"
    size="1" maxlength="2">&nbsp;</td>
    <td id="v" width="30" height="30" nowrap>
    <INPUT NAME="currentValue10" TYPE="TEXT" VALUE="10"
    size="1" maxlength="2">&nbsp;</td>
    <td id="e" width="30" height="30" nowrap>
    <INPUT NAME="currentValue4" TYPE="TEXT" VALUE="04"
    size="1" maxlength="2">&nbsp;</td>
    <td id="r" width="30" height="30" nowrap>
    <INPUT NAME="currentValue5" TYPE="TEXT" VALUE="05"
    size="1" maxlength="1">&nbsp;</td>
    <td id="t" width="30" height="30" nowrap>
    <INPUT NAME="currentValue15" TYPE="TEXT" VALUE="15"
    size="1" maxlength="2">&nbsp;</td>
    <td id="o" width="30" height="30" nowrap>
    <INPUT NAME="currentValue9" TYPE="TEXT" VALUE="09"
    size="1" maxlength="2">&nbsp;</td>
    <td id="o" width="30" height="30" nowrap>
    <INPUT NAME="currentValue9" TYPE="TEXT" VALUE="09"
    size="1" maxlength="2">&nbsp;</td>
    <td id="k" width="30" height="30" nowrap>
    <INPUT NAME="currentValue6" TYPE="TEXT" VALUE="06"
    size="1" maxlength="2">&nbsp;</td>
    </tr>
    <tr align="center" valign="middle">
    <td id="blank" width="30" height="30" nowrap
    bordercolor="#000000" bgcolor="#000000">&nbsp;</td>
    <td id="t" width="30" height="30" nowrap>
    <INPUT NAME="currentValue15" TYPE="TEXT" VALUE="15"
    size="1" maxlength="2">&nbsp;</td>
    <td id="blank" width="30" height="30" nowrap
    bordercolor="#000000" bgcolor="#000000">&nbsp;</td>
    <td id="p" width="30" height="30" nowrap>
    <INPUT NAME="currentValue1" TYPE="TEXT" VALUE="01"
    size="1" maxlength="2">&nbsp;</td>
    <td id="blank" width="30" height="30" nowrap
    bordercolor="#000000" bgcolor="#000000">&nbsp;</td>
    <td id="u" width="30" height="30" nowrap>
    <INPUT NAME="currentValue13" TYPE="TEXT" VALUE="13"
    size="1" maxlength="2">&nbsp;</td>
    <td id="blank" width="30" height="30" nowrap
    bordercolor="#000000" bgcolor="#000000">&nbsp;</td>
    <td id="l" width="30" height="30" nowrap>
    <INPUT NAME="currentValue11" TYPE="TEXT" VALUE="11"
    size="1" maxlength="2">&nbsp;</td>
    <td id="blank" width="30" height="30" nowrap
    bordercolor="#000000" bgcolor="#000000">&nbsp;</td>
    <td id="a" width="30" height="30" nowrap>
    <INPUT NAME="currentValue17" TYPE="TEXT" VALUE="17"
    size="1" maxlength="2">&nbsp;</td>
    <td id="blank" width="30" height="30" nowrap
    bordercolor="#000000" bgcolor="#000000">&nbsp;</td>
    <td id="z" width="30" height="30" nowrap>
    <INPUT NAME="currentValue3" TYPE="TEXT" VALUE="03"
    size="1" maxlength="2">&nbsp;</td>
    <td id="blank" width="30" height="30" nowrap
    bordercolor="#000000" bgcolor="#000000">&nbsp;</td>
    <td id="u" width="30" height="30" nowrap>
    <INPUT NAME="currentValue13" TYPE="TEXT" VALUE="13"
    size="1" maxlength="2">&nbsp;</td>
    <td width="30" height="30" nowrap bordercolor="#000000"
    bgcolor="#000000" id="blank">&nbsp;</td>
    </tr>
    <tr align="center" valign="middle">
    <td id="i" width="30" height="30" nowrap>
    <INPUT NAME="currentValue2" TYPE="TEXT" VALUE="02"
    size="1" maxlength="2">&nbsp;</td>
    <td id="o" width="30" height="30" nowrap>
    <INPUT NAME="currentValue9" TYPE="TEXT" VALUE="09"
    size="1" maxlength="2">&nbsp;</td>
    <td id="t" width="30" height="30" nowrap>
    <INPUT NAME="currentValue15" TYPE="TEXT" VALUE="15"
    size="1" maxlength="2">&nbsp;</td>
    <td id="a" width="30" height="30" nowrap>
    <INPUT NAME="currentValue17" TYPE="TEXT" VALUE="17"
    size="1" maxlength="2">&nbsp;</td>
    <td id="blank" width="30" height="30" nowrap
    bordercolor="#000000" bgcolor="#000000">&nbsp;</td>
    <td id="u" width="30" height="30" nowrap>
    <INPUT NAME="currentValue13" TYPE="TEXT" VALUE="13"
    size="1" maxlength="2">&nbsp;</td>
    <td id="n" width="30" height="30" nowrap>
    <INPUT NAME="currentValue14" TYPE="TEXT" VALUE="14"
    size="1" maxlength="2">&nbsp;</td>
    <td id="d" width="30" height="30" nowrap>
    <INPUT NAME="currentValue16" TYPE="TEXT" VALUE="16"
    size="1" maxlength="2">&nbsp;</td>
    <td id="e" width="30" height="30" nowrap>
    <INPUT NAME="currentValue4" TYPE="TEXT" VALUE="04"
    size="1" maxlength="1">&nbsp;</td>
    <td id="r" width="30" height="30" nowrap>
    <INPUT NAME="currentValue5" TYPE="TEXT" VALUE="05"
    size="1" maxlength="2">&nbsp;</td>
    <td id="l" width="30" height="30" nowrap>
    <INPUT NAME="currentValue11" TYPE="TEXT" VALUE="11"
    size="1" maxlength="2">&nbsp;</td>
    <td id="y" width="30" height="30" nowrap>
    <INPUT NAME="currentValue18" TYPE="TEXT" VALUE="18"
    size="1" maxlength="2">&nbsp;</td>
    <td id="i" width="30" height="30" nowrap>
    <INPUT NAME="currentValue2" TYPE="TEXT" VALUE="02"
    size="1" maxlength="2">&nbsp;</td>
    <td id="n" width="30" height="30" nowrap>
    <INPUT NAME="currentValue14" TYPE="TEXT" VALUE="14"
    size="1" maxlength="2">&nbsp;</td>
    <td id="g" width="30" height="30" nowrap>
    <INPUT NAME="currentValue7" TYPE="TEXT" VALUE="07"
    size="1" maxlength="2">&nbsp;</td>
    </tr>
    <tr align="center" valign="middle">
    <td id="blank" width="30" height="30" nowrap
    bordercolor="#000000" bgcolor="#000000">&nbsp;</td>
    <td id="r" width="30" height="30" nowrap>
    <INPUT NAME="currentValue5" TYPE="TEXT" VALUE="05"
    size="1" maxlength="2">&nbsp;</td>
    <td id="blank" width="30" height="30" nowrap
    bordercolor="#000000" bgcolor="#000000">&nbsp;</td>
    <td id="t" width="30" height="30" nowrap>
    <INPUT NAME="currentValue15" TYPE="TEXT" VALUE="15"
    size="1" maxlength="2">&nbsp;</td>
    <td id="blank" width="30" height="30" nowrap
    bordercolor="#000000" bgcolor="#000000">&nbsp;</td>
    <td id="blank" width="30" height="30" nowrap
    bordercolor="#000000" bgcolor="#000000">&nbsp;</td>
    <td id="blank" width="30" height="30" nowrap
    bordercolor="#000000" bgcolor="#000000">&nbsp;</td>
    <td id="b" width="30" height="30" nowrap>
    <INPUT NAME="currentValue19" TYPE="TEXT" VALUE="19"
    size="1" maxlength="2">&nbsp;</td>
    <td id="blank" width="30" height="30" nowrap
    bordercolor="#000000" bgcolor="#000000">&nbsp;</td>
    <td id="e" width="30" height="30" nowrap>
    <INPUT NAME="currentValue4" TYPE="TEXT" VALUE="04"
    size="1" maxlength="2">&nbsp;</td>
    <td id="blank" width="30" height="30" nowrap
    bordercolor="#000000" bgcolor="#000000">&nbsp;</td>
    <td id="blank" width="30" height="30" nowrap
    bordercolor="#000000" bgcolor="#000000">&nbsp;</td>
    <td id="blank" width="30" height="30" nowrap
    bordercolor="#000000" bgcolor="#000000">&nbsp;</td>
    <td id="d" width="30" height="30" nowrap>
    <INPUT NAME="currentValue16" TYPE="TEXT" VALUE="16"
    size="1" maxlength="2">&nbsp;</td>
    <td width="30" height="30" nowrap bordercolor="#000000"
    bgcolor="#000000" id="blank">&nbsp;</td>
    </tr>
    <tr align="center" valign="middle">
    <td id="blank" width="30" height="30" nowrap
    bordercolor="#000000" bgcolor="#000000">&nbsp;</td>
    <td id="blank" width="30" height="30" nowrap
    bordercolor="#000000" bgcolor="#000000">&nbsp;</td>
    <td id="t" width="30" height="30" nowrap>
    <INPUT NAME="currentValue15" TYPE="TEXT" VALUE="15"
    size="1" maxlength="2">&nbsp;</td>
    <td id="h" width="30" height="30" nowrap>
    <INPUT NAME="currentValue26" TYPE="TEXT" VALUE="26"
    size="1" maxlength="2">&nbsp;</td>
    <td id="i" width="30" height="30" nowrap>
    <INPUT NAME="currentValue2" TYPE="TEXT" VALUE="02"
    size="1" maxlength="2">&nbsp;</td>
    <td id="s" width="30" height="30" nowrap>
    <INPUT NAME="currentValue21" TYPE="TEXT" VALUE="21"
    size="1" maxlength="2">&nbsp;</td>
    <td id="t" width="30" height="30" nowrap>
    <INPUT NAME="currentValue15" TYPE="TEXT" VALUE="15"
    size="1" maxlength="1">&nbsp;</td>
    <td id="l" width="30" height="30" nowrap>
    <INPUT NAME="currentValue11" TYPE="TEXT" VALUE="11"
    size="1" maxlength="2">&nbsp;</td>
    <td id="e" width="30" height="30" nowrap>
    <INPUT NAME="currentValue4" TYPE="TEXT" VALUE="04"
    size="1" maxlength="2">&nbsp;</td>
    <td id="d" width="30" height="30" nowrap>
    <INPUT NAME="currentValue16" TYPE="TEXT" VALUE="16"
    size="1" maxlength="2">&nbsp;</td>
    <td id="o" width="30" height="30" nowrap>
    <INPUT NAME="currentValue9" TYPE="TEXT" VALUE="09"
    size="1" maxlength="2">&nbsp;</td>
    <td id="w" width="30" height="30" nowrap>
    <INPUT NAME="currentValue24" TYPE="TEXT" VALUE="24"
    size="1" maxlength="2">&nbsp;</td>
    <td id="n" width="30" height="30" nowrap>
    <INPUT NAME="currentValue14" TYPE="TEXT" VALUE="14"
    size="1" maxlength="2">&nbsp;</td>
    <td id="blank" width="30" height="30" nowrap
    bordercolor="#000000" bgcolor="#000000">&nbsp;</td>
    <td id="blank" width="30" height="30" nowrap
    bordercolor="#000000" bgcolor="#000000">&nbsp;</td>
    </tr>
    <tr align="center" valign="middle">
    <td id="blank" width="30" height="30" nowrap
    bordercolor="#000000" bgcolor="#000000">&nbsp;</td>
    <td id="h" width="30" height="30" nowrap>
    <INPUT NAME="currentValue26" TYPE="TEXT" VALUE="26"
    size="1" maxlength="2">&nbsp;</td>
    <td id="blank" width="30" height="30" nowrap
    bordercolor="#000000" bgcolor="#000000">&nbsp;</td>
    <td id="blank" width="30" height="30" nowrap
    bordercolor="#000000" bgcolor="#000000">&nbsp;</td>
    <td id="blank" width="30" height="30" nowrap
    bordercolor="#000000" bgcolor="#000000">&nbsp;</td>
    <td id="h" width="30" height="30" nowrap>
    <INPUT NAME="currentValue26" TYPE="TEXT" VALUE="26"
    size="1" maxlength="2">&nbsp;</td>
    <td id="blank" width="30" height="30" nowrap
    bordercolor="#000000" bgcolor="#000000">&nbsp;</td>
    <td id="o" width="30" height="30" nowrap>
    <INPUT NAME="currentValue9" TYPE="TEXT" VALUE="09"
    size="1" maxlength="2">&nbsp;</td>
    <td id="blank" width="30" height="30" nowrap
    bordercolor="#000000" bgcolor="#000000">&nbsp;</td>
    <td id="blank" width="30" height="30" nowrap
    bordercolor="#000000" bgcolor="#000000">&nbsp;</td>
    <td id="blank" width="30" height="30" nowrap
    bordercolor="#000000" bgcolor="#000000">&nbsp;</td>
    <td id="a" width="30" height="30" nowrap>
    <INPUT NAME="currentValue17" TYPE="TEXT" VALUE="17"
    size="1" maxlength="2">&nbsp;</td>
    <td id="blank" width="30" height="30" nowrap
    bordercolor="#000000" bgcolor="#000000">&nbsp;</td>
    <td id="e" width="30" height="30" nowrap>
    <INPUT NAME="currentValue4" TYPE="TEXT" VALUE="04"
    size="1" maxlength="2">&nbsp;</td>
    <td width="30" height="30" nowrap bordercolor="#000000"
    bgcolor="#000000" id="blank">&nbsp;</td>
    </tr>
    <tr align="center" valign="middle">
    <td id="g" width="30" height="30" nowrap>
    <INPUT NAME="currentValueg" TYPE="TEXT" VALUE="07"
    size="1" maxlength="2">&nbsp;</td>
    <td id="u" width="30" height="30" nowrap>
    <INPUT NAME="currentValue13" TYPE="TEXT" VALUE="13"
    size="1" maxlength="2">&nbsp;</td>
    <td id="i" width="30" height="30" nowrap>
    <INPUT NAME="currentValue2" TYPE="TEXT" VALUE="02"
    size="1" maxlength="2">&nbsp;</td>
    <td id="n" width="30" height="30" nowrap>
    <INPUT NAME="currentValue14" TYPE="TEXT" VALUE="14"
    size="1" maxlength="2">&nbsp;</td>
    <td id="e" width="30" height="30" nowrap>
    <INPUT NAME="currentValue04" TYPE="TEXT" VALUE="04"
    size="1" maxlength="2">&nbsp;</td>
    <td id="a" width="30" height="30" nowrap>
    <INPUT NAME="currentValue17" TYPE="TEXT" VALUE="17"
    size="1" maxlength="2">&nbsp;</td>
    <td id="f" width="30" height="30" nowrap>
    <INPUT NAME="currentValue23" TYPE="TEXT" VALUE="23"
    size="1" maxlength="2">&nbsp;</td>
    <td id="o" width="30" height="30" nowrap>
    <INPUT NAME="currentValue09" TYPE="TEXT" VALUE="09"
    size="1" maxlength="2">&nbsp;</td>
    <td id="w" width="30" height="30" nowrap>
    <INPUT NAME="currentValue24" TYPE="TEXT" VALUE="24"
    size="1" maxlength="2">&nbsp;</td>
    <td id="l" width="30" height="30" nowrap>
    <INPUT NAME="currentValue11" TYPE="TEXT" VALUE="11"
    size="1" maxlength="2">&nbsp;</td>
    <td id="blank" width="30" height="30" nowrap
    bordercolor="#000000" bgcolor="#000000">&nbsp;</td>
    <td id="x" width="30" height="30" nowrap>
    <INPUT NAME="currentValue12" TYPE="TEXT" VALUE="12"
    size="1" maxlength="2">&nbsp;</td>
    <td id="m" width="30" height="30" nowrap>
    <INPUT NAME="currentValue22" TYPE="TEXT" VALUE="22"
    size="1" maxlength="2">&nbsp;</td>
    <td id="a" width="30" height="30" nowrap>
    <INPUT NAME="currentValue17" TYPE="TEXT" VALUE="17"
    size="1" maxlength="2">&nbsp;</td>
    <td id="s" width="30" height="30" nowrap>
    <INPUT NAME="currentValue21" TYPE="TEXT" VALUE="21"
    size="1" maxlength="2">&nbsp;</td>
    </tr>
    <tr align="center" valign="middle">
    <td id="blank" width="30" height="30" nowrap
    bordercolor="#000000" bgcolor="#000000">&nbsp;</td>
    <td id="r" width="30" height="30" nowrap>
    <INPUT NAME="currentValue5" TYPE="TEXT" VALUE="05"
    size="1" maxlength="2">&nbsp;</td>
    <td id="blank" width="30" height="30" nowrap
    bordercolor="#000000" bgcolor="#000000">&nbsp;</td>
    <td id="o" width="30" height="30" nowrap>
    <INPUT NAME="currentValue9" TYPE="TEXT" VALUE="09"
    size="1" maxlength="2">&nbsp;</td>
    <td id="blank" width="30" height="30" nowrap
    bordercolor="#000000" bgcolor="#000000">&nbsp;</td>
    <td id="b" width="30" height="30" nowrap>
    <INPUT NAME="currentValue19" TYPE="TEXT" VALUE="19"
    size="1" maxlength="2">&nbsp;</td>
    <td id="blank" width="30" height="30" nowrap
    bordercolor="#000000" bgcolor="#000000">&nbsp;</td>
    <td id="d" width="30" height="30" nowrap>
    <INPUT NAME="currentValue16" TYPE="TEXT" VALUE="16"
    size="1" maxlength="2">&nbsp;</td>
    <td id="blank" width="30" height="30" nowrap
    bordercolor="#000000" bgcolor="#000000">&nbsp;</td>
    <td id="i" width="30" height="30" nowrap>
    <INPUT NAME="currentValue2" TYPE="TEXT" VALUE="02"
    size="1" maxlength="2">&nbsp;</td>
    <td id="blank" width="30" height="30" nowrap
    bordercolor="#000000" bgcolor="#000000">&nbsp;</td>
    <td id="p" width="30" height="30" nowrap>
    <INPUT NAME="currentValue1" TYPE="TEXT" VALUE="01"
    size="1" maxlength="2">&nbsp;</td>
    <td id="blank" width="30" height="30" nowrap
    bordercolor="#000000" bgcolor="#000000">&nbsp;</td>
    <td id="p" width="30" height="30" nowrap>
    <INPUT NAME="currentValue5" TYPE="TEXT" VALUE="05"
    size="1" maxlength="2">&nbsp;</td>
    <td width="30" height="30" nowrap bordercolor="#000000"
    bgcolor="#000000" id="blank">&nbsp;</td>
    </tr>
    <tr align="center" valign="middle">
    <td id="p" width="30" height="30" nowrap>
    <INPUT NAME="currentValue1" TYPE="TEXT" VALUE="01"
    size="1" maxlength="2">&nbsp;</td>
    <td id="r" width="30" height="30" nowrap>
    <INPUT NAME="currentValue5" TYPE="TEXT" VALUE="05"
    size="1" maxlength="2">&nbsp;</td>
    <td id="o" width="30" height="30" nowrap>
    <INPUT NAME="currentValue9" TYPE="TEXT" VALUE="09"
    size="1" maxlength="2">&nbsp;</td>
    <td id="b" width="30" height="30" nowrap>
    <INPUT NAME="currentValue19" TYPE="TEXT" VALUE="19"
    size="1" maxlength="2">&nbsp;</td>
    <td id="a" width="30" height="30" nowrap>
    <INPUT NAME="currentValue17" TYPE="TEXT" VALUE="17"
    size="1" maxlength="2">&nbsp;</td>
    <td id="b" width="30" height="30" nowrap>
    <INPUT NAME="currentValue19" TYPE="TEXT" VALUE="19"
    size="1" maxlength="2">&nbsp;</td>
    <td id="l" width="30" height="30" nowrap>
    <INPUT NAME="currentValue11" TYPE="TEXT" VALUE="11"
    size="1" maxlength="2">&nbsp;</td>
    <td id="e" width="30" height="30" nowrap>
    <INPUT NAME="currentValue4" TYPE="TEXT" VALUE="04"
    size="1" maxlength="2">&nbsp;</td>
    <td id="blank" width="30" height="30" nowrap
    bordercolor="#000000" bgcolor="#000000">&nbsp;</td>
    <td id="q" width="30" height="30" nowrap>
    <INPUT NAME="currentValue20" TYPE="TEXT" VALUE="20"
    size="1" maxlength="2">&nbsp;</td>
    <td id="u" width="30" height="30" nowrap>
    <INPUT NAME="currentValue13" TYPE="TEXT" VALUE="13"
    size="1" maxlength="2">&nbsp;</td>
    <td id="a" width="30" height="30" nowrap>
    <INPUT NAME="currentValue17" TYPE="TEXT" VALUE="17"
    size="1" maxlength="2">&nbsp;</td>
    <td id="r" width="30" height="30" nowrap>
    <INPUT NAME="currentValue5" TYPE="TEXT" VALUE="05"
    size="1" maxlength="2">&nbsp;</td>
    <td id="t" width="30" height="30" nowrap>
    <INPUT NAME="currentValue15" TYPE="TEXT" VALUE="15"
    size="1" maxlength="2">&nbsp;</td>
    <td id="z" width="30" height="30" nowrap>
    <INPUT NAME="currentValue3" TYPE="TEXT" VALUE="03"
    size="1" maxlength="2">&nbsp;</td>
    </tr>
    <tr align="center" valign="middle">
    <td id="blank" width="30" height="30" nowrap
    bordercolor="#000000" bgcolor="#000000">&nbsp;</td>
    <td id="i" width="30" height="30" nowrap>
    <INPUT NAME="currentValue2" TYPE="TEXT" VALUE="02"
    size="1" maxlength="2">&nbsp;</td>
    <td id="blank" width="30" height="30" nowrap
    bordercolor="#000000" bgcolor="#000000">&nbsp;</td>
    <td id="o" width="30" height="30" nowrap>
    <INPUT NAME="currentValue9" TYPE="TEXT" VALUE="09"
    size="1" maxlength="2">&nbsp;</td>
    <td id="blank" width="30" height="30" nowrap
    bordercolor="#000000" bgcolor="#000000">&nbsp;</td>
    <td id="i" width="30" height="30" nowrap>
    <INPUT NAME="currentValue2" TYPE="TEXT" VALUE="02"
    size="1" maxlength="2">&nbsp;</td>
    <td id="blank" width="30" height="30" nowrap
    bordercolor="#000000" bgcolor="#000000">&nbsp;</td>
    <td id="d" width="30" height="30" nowrap>
    <INPUT NAME="currentValue16" TYPE="TEXT" VALUE="16"
    size="1" maxlength="2">&nbsp;</td>
    <td id="blank" width="30" height="30" nowrap
    bordercolor="#000000" bgcolor="#000000">&nbsp;</td>
    <td id="u" width="30" height="30" nowrap>
    <INPUT NAME="currentValue13" TYPE="TEXT" VALUE="13"
    size="1" maxlength="2">&nbsp;</td>
    <td id="blank" width="30" height="30" nowrap
    bordercolor="#000000" bgcolor="#000000">&nbsp;</td>
    <td id="p" width="30" height="30" nowrap>
    <INPUT NAME="currentValue1" TYPE="TEXT" VALUE="01"
    size="1" maxlength="2">&nbsp;</td>
    <td id="blank" width="30" height="30" nowrap
    bordercolor="#000000" bgcolor="#000000">&nbsp;</td>
    <td id="h" width="30" height="30" nowrap>
    <INPUT NAME="currentValue26" TYPE="TEXT" VALUE="26"
    size="1" maxlength="2">&nbsp;</td>
    <td width="30" height="30" nowrap bordercolor="#000000"
    bgcolor="#000000" id="blank">&nbsp;</td>
    </tr>
    <tr align="center" valign="middle">
    <td id="r" width="30" height="30" nowrap>
    <INPUT NAME="currentValue5" TYPE="TEXT" VALUE="05"
    size="1" maxlength="2">&nbsp;</td>
    <td id="e" width="30" height="30" nowrap>
    <INPUT NAME="currentValue4" TYPE="TEXT" VALUE="04"
    size="1" maxlength="2">&nbsp;</td>
    <td id="a" width="30" height="30" nowrap>
    <INPUT NAME="currentValue17" TYPE="TEXT" VALUE="17"
    size="1" maxlength="2">&nbsp;</td>
    <td id="d" width="30" height="30" nowrap>
    <INPUT NAME="currentValue16" TYPE="TEXT" VALUE="16"
    size="1" maxlength="2">&nbsp;</td>
    <td id="i" width="30" height="30" nowrap>
    <INPUT NAME="currentValue2" TYPE="TEXT" VALUE="02"
    size="1" maxlength="2">&nbsp;</td>
    <td id="l" width="30" height="30" nowrap>
    <INPUT NAME="currentValue11" TYPE="TEXT" VALUE="11"
    size="1" maxlength="2">&nbsp;</td>
    <td id="y" width="30" height="30" nowrap>
    <INPUT NAME="currentValue18" TYPE="TEXT" VALUE="18"
    size="1" maxlength="2">&nbsp;</td>
    <td id="blank" width="30" height="30" nowrap
    bordercolor="#000000" bgcolor="#000000">&nbsp;</td>
    <td id="y" width="30" height="30" nowrap>
    <INPUT NAME="currentValue18" TYPE="TEXT" VALUE="18"
    size="1" maxlength="2">&nbsp;</td>
    <td id="o" width="30" height="30" nowrap>
    <INPUT NAME="currentValue9" TYPE="TEXT" VALUE="09"
    size="1" maxlength="2">&nbsp;</td>
    <td id="d" width="30" height="30" nowrap>
    <INPUT NAME="currentValue16" TYPE="TEXT" VALUE="16"
    size="1" maxlength="2">&nbsp;</td>
    <td id="e" width="30" height="30" nowrap>
    <INPUT NAME="currentValue4" TYPE="TEXT" VALUE="04"
    size="1" maxlength="2">&nbsp;</td>
    <td id="l" width="30" height="30" nowrap>
    <INPUT NAME="currentValue11" TYPE="TEXT" VALUE="11"
    size="1" maxlength="2">&nbsp;</td>
    <td id="e" width="30" height="30" nowrap>
    <INPUT NAME="currentValue4" TYPE="TEXT" VALUE="04"
    size="1" maxlength="2">&nbsp;</td>
    <td id="r" width="30" height="30" nowrap>
    <INPUT NAME="currentValue5" TYPE="TEXT" VALUE="05"
    size="1" maxlength="2">&nbsp;</td>
    </tr>
    <tr align="center" valign="middle">
    <td id="blank" width="30" height="30" nowrap
    bordercolor="#000000" bgcolor="#000000">&nbsp;</td>
    <td id="d" width="30" height="30" nowrap>
    <INPUT NAME="currentValue16" TYPE="TEXT" VALUE="16"
    size="1" maxlength="2">&nbsp;</td>
    <td id="blank" width="30" height="30" nowrap
    bordercolor="#000000" bgcolor="#000000">&nbsp;</td>
    <td id="y" width="30" height="30" nowrap>
    <INPUT NAME="currentValue18" TYPE="TEXT" VALUE="18"
    size="1" maxlength="2">&nbsp;</td>
    <td id="blank" width="30" height="30" nowrap
    bordercolor="#000000" bgcolor="#000000">&nbsp;</td>
    <td id="y" width="30" height="30" nowrap>
    <INPUT NAME="currentValue18" TYPE="TEXT" VALUE="18"
    size="1" maxlength="2">&nbsp;</td>
    <td id="blank" width="30" height="30" nowrap
    bordercolor="#000000" bgcolor="#000000">&nbsp;</td>
    <td id="blank" width="30" height="30" nowrap
    bordercolor="#000000" bgcolor="#000000">&nbsp;</td>
    <td id="blank" width="30" height="30" nowrap
    bordercolor="#000000" bgcolor="#000000">&nbsp;</td>
    <td id="r" width="30" height="30" nowrap>
    <INPUT NAME="currentValue5" TYPE="TEXT" VALUE="05"
    size="1" maxlength="2">&nbsp;</td>
    <td id="blank" width="30" height="30" nowrap
    bordercolor="#000000" bgcolor="#000000">&nbsp;</td>
    <td id="r" width="30" height="30" nowrap>
    <INPUT NAME="currentValue5" TYPE="TEXT" VALUE="5"
    size="1" maxlength="2">&nbsp;</td>
    <td id="blank" width="30" height="30" nowrap
    bordercolor="#000000" bgcolor="#000000">&nbsp;</td>
    <td id="n" width="30" height="30" nowrap>
    <INPUT NAME="currentValue14" TYPE="TEXT" VALUE="14"
    size="1" maxlength="2">&nbsp;</td>
    <td width="30" height="30" nowrap bordercolor="#000000"
    bgcolor="#000000" id="blank">&nbsp;</td>
    </tr>
    </table>
    </form>

    </td>
    <td width="45%" valign="top">
    <form name="key" method="post" action="">
    <table width="200" border="0" cellpadding="0" cellspacing="0"
    id="table2">
    <tr valign="middle">
    <td width="100" height="30" align="right"><font
    color="#FF0000" face="Arial, Helvetica, sans-serif">01</font>
    <select name="select1" size="1">
    <option>a</option>
    <option>b</option>
    <option>c</option>
    <option>d</option>
    <option>e</option>
    <option>f</option>
    <option>g</option>
    <option>h</option>
    <option>i</option>
    <option>j</option>
    <option>k</option>
    <option>l</option>
    <option>m</option>
    <option>n</option>
    <option>o</option>
    <option>p</option>
    <option>q</option>
    <option>r</option>
    <option>s</option>
    <option>t</option>
    <option>u</option>
    <option>v</option>
    <option>w</option>
    <option>x</option>
    <option>y</option>
    <option>z</option>
    </select></td>
    <td width="100" height="30" align="right"><font
    color="#FF0000" face="Arial, Helvetica, sans-serif">14</font>
    <select name="select14" size="1">
    <option>a</option>
    <option>b</option>
    <option>c</option>
    <option>d</option>
    <option>e</option>
    <option>f</option>
    <option>g</option>
    <option>h</option>
    <option>i</option>
    <option>j</option>
    <option>k</option>
    <option>l</option>
    <option>m</option>
    <option>n</option>
    <option>o</option>
    <option>p</option>
    <option>q</option>
    <option>r</option>
    <option>s</option>
    <option>t</option>
    <option>u</option>
    <option>v</option>
    <option>w</option>
    <option>x</option>
    <option>y</option>
    <option>z</option>
    </select></td>
    </tr>
    <tr valign="middle">
    <td width="100" height="30" align="right"><font
    color="#FF0000" face="Arial, Helvetica, sans-serif">02</font>
    <select name="select2" size="1">
    <option>a</option>
    <option>b</option>
    <option>c</option>
    <option>d</option>
    <option>e</option>
    <option>f</option>
    <option>g</option>
    <option>h</option>
    <option>i</option>
    <option>j</option>
    <option>k</option>
    <option>l</option>
    <option>m</option>
    <option>n</option>
    <option>o</option>
    <option>p</option>
    <option>q</option>
    <option>r</option>
    <option>s</option>
    <option>t</option>
    <option>u</option>
    <option>v</option>
    <option>w</option>
    <option>x</option>
    <option>y</option>
    <option>z</option>
    </select></td>
    <td width="100" height="30" align="right"><font
    color="#FF0000" face="Arial, Helvetica, sans-serif">15</font>
    <select name="select15" size="1">
    <option>a</option>
    <option>b</option>
    <option>c</option>
    <option>d</option>
    <option>e</option>
    <option>f</option>
    <option>g</option>
    <option>h</option>
    <option>i</option>
    <option>j</option>
    <option>k</option>
    <option>l</option>
    <option>m</option>
    <option>n</option>
    <option>o</option>
    <option>p</option>
    <option>q</option>
    <option>r</option>
    <option>s</option>
    <option>t</option>
    <option>u</option>
    <option>v</option>
    <option>w</option>
    <option>x</option>
    <option>y</option>
    <option>z</option>
    </select></td>
    </tr>
    <tr valign="middle">
    <td width="100" height="30" align="right"><font
    color="#FF0000" face="Arial, Helvetica, sans-serif">03</font>
    <select name="select3" size="1">
    <option>a</option>
    <option>b</option>
    <option>c</option>
    <option>d</option>
    <option>e</option>
    <option>f</option>
    <option>g</option>
    <option>h</option>
    <option>i</option>
    <option>j</option>
    <option>k</option>
    <option>l</option>
    <option>m</option>
    <option>n</option>
    <option>o</option>
    <option>p</option>
    <option>q</option>
    <option>r</option>
    <option>s</option>
    <option>t</option>
    <option>u</option>
    <option>v</option>
    <option>w</option>
    <option>x</option>
    <option>y</option>
    <option>z</option>
    </select></td>
    <td width="100" height="30" align="right"><font
    color="#FF0000" face="Arial, Helvetica, sans-serif">16</font>
    <select name="select16" size="1">
    <option>a</option>
    <option>b</option>
    <option>c</option>
    <option>d</option>
    <option>e</option>
    <option>f</option>
    <option>g</option>
    <option>h</option>
    <option>i</option>
    <option>j</option>
    <option>k</option>
    <option>l</option>
    <option>m</option>
    <option>n</option>
    <option>o</option>
    <option>p</option>
    <option>q</option>
    <option>r</option>
    <option>s</option>
    <option>t</option>
    <option>u</option>
    <option>v</option>
    <option>w</option>
    <option>x</option>
    <option>y</option>
    <option>z</option>
    </select></td>
    </tr>
    <tr valign="middle">
    <td width="100" height="30" align="right"><font
    color="#FF0000" face="Arial, Helvetica, sans-serif">04</font>
    <select name="select4" size="1">
    <option>a</option>
    <option>b</option>
    <option>c</option>
    <option>d</option>
    <option>e</option>
    <option>f</option>
    <option>g</option>
    <option>h</option>
    <option>i</option>
    <option>j</option>
    <option>k</option>
    <option>l</option>
    <option>m</option>
    <option>n</option>
    <option>o</option>
    <option>p</option>
    <option>q</option>
    <option>r</option>
    <option>s</option>
    <option>t</option>
    <option>u</option>
    <option>v</option>
    <option>w</option>
    <option>x</option>
    <option>y</option>
    <option>z</option>
    </select></td>
    <td width="100" height="30" align="right"><font
    color="#FF0000" face="Arial, Helvetica, sans-serif">17</font>
    <select name="select17" size="1">
    <option>a</option>
    <option>b</option>
    <option>c</option>
    <option>d</option>
    <option>e</option>
    <option>f</option>
    <option>g</option>
    <option>h</option>
    <option>i</option>
    <option>j</option>
    <option>k</option>
    <option>l</option>
    <option>m</option>
    <option>n</option>
    <option>o</option>
    <option>p</option>
    <option>q</option>
    <option>r</option>
    <option>s</option>
    <option>t</option>
    <option>u</option>
    <option>v</option>
    <option>w</option>
    <option>x</option>
    <option>y</option>
    <option>z</option>
    </select></td>
    </tr>
    <tr valign="middle">
    <td width="100" height="30" align="right"><font
    color="#FF0000" face="Arial, Helvetica, sans-serif">05</font>
    <select name="select5" size="1">
    <option>a</option>
    <option>b</option>
    <option>c</option>
    <option>d</option>
    <option>e</option>
    <option>f</option>
    <option>g</option>
    <option>h</option>
    <option>i</option>
    <option>j</option>
    <option>k</option>
    <option>l</option>
    <option>m</option>
    <option>n</option>
    <option>o</option>
    <option>p</option>
    <option>q</option>
    <option>r</option>
    <option>s</option>
    <option>t</option>
    <option>u</option>
    <option>v</option>
    <option>w</option>
    <option>x</option>
    <option>y</option>
    <option>z</option>
    </select></td>
    <td width="100" height="30" align="right"><font
    color="#FF0000" face="Arial, Helvetica, sans-serif">18</font>
    <select name="select18" size="1">
    <option>a</option>
    <option>b</option>
    <option>c</option>
    <option>d</option>
    <option>e</option>
    <option>f</option>
    <option>g</option>
    <option>h</option>
    <option>i</option>
    <option>j</option>
    <option>k</option>
    <option>l</option>
    <option>m</option>
    <option>n</option>
    <option>o</option>
    <option>p</option>
    <option>q</option>
    <option>r</option>
    <option>s</option>
    <option>t</option>
    <option>u</option>
    <option>v</option>
    <option>w</option>
    <option>x</option>
    <option>y</option>
    <option>z</option>
    </select></td>
    </tr>
    <tr valign="middle">
    <td width="100" height="30" align="right"><font
    color="#FF0000" face="Arial, Helvetica, sans-serif">06</font>
    <select name="select6" size="1">
    <option>a</option>
    <option>b</option>
    <option>c</option>
    <option>d</option>
    <option>e</option>
    <option>f</option>
    <option>g</option>
    <option>h</option>
    <option>i</option>
    <option>j</option>
    <option>k</option>
    <option>l</option>
    <option>m</option>
    <option>n</option>
    <option>o</option>
    <option>p</option>
    <option>q</option>
    <option>r</option>
    <option>s</option>
    <option>t</option>
    <option>u</option>
    <option>v</option>
    <option>w</option>
    <option>x</option>
    <option>y</option>
    <option>z</option>
    </select> </td>
    <td width="100" height="30" align="right"><font
    color="#FF0000" face="Arial, Helvetica, sans-serif">19</font>
    <select name="select19" size="1">
    <option>a</option>
    <option>b</option>
    <option>c</option>
    <option>d</option>
    <option>e</option>
    <option>f</option>
    <option>g</option>
    <option>h</option>
    <option>i</option>
    <option>j</option>
    <option>k</option>
    <option>l</option>
    <option>m</option>
    <option>n</option>
    <option>o</option>
    <option>p</option>
    <option>q</option>
    <option>r</option>
    <option>s</option>
    <option>t</option>
    <option>u</option>
    <option>v</option>
    <option>w</option>
    <option>x</option>
    <option>y</option>
    <option>z</option>
    </select></td>
    </tr>
    <tr valign="middle">
    <td width="100" height="30" align="right"><font
    color="#FF0000" face="Arial, Helvetica, sans-serif">07</font>
    <select name="select7" size="1">
    <option>a</option>
    <option>b</option>
    <option>c</option>
    <option>d</option>
    <option>e</option>
    <option>f</option>
    <option>g</option>
    <option>h</option>
    <option>i</option>
    <option>j</option>
    <option>k</option>
    <option>l</option>
    <option>m</option>
    <option>n</option>
    <option>o</option>
    <option>p</option>
    <option>q</option>
    <option>r</option>
    <option>s</option>
    <option>t</option>
    <option>u</option>
    <option>v</option>
    <option>w</option>
    <option>x</option>
    <option>y</option>
    <option>z</option>
    </select></td>
    <td width="100" height="30" align="right"><font
    color="#FF0000" face="Arial, Helvetica, sans-serif">20</font>
    <select name="select20" size="1">
    <option>a</option>
    <option>b</option>
    <option>c</option>
    <option>d</option>
    <option>e</option>
    <option>f</option>
    <option>g</option>
    <option>h</option>
    <option>i</option>
    <option>j</option>
    <option>k</option>
    <option>l</option>
    <option>m</option>
    <option>n</option>
    <option>o</option>
    <option>p</option>
    <option>q</option>
    <option>r</option>
    <option>s</option>
    <option>t</option>
    <option>u</option>
    <option>v</option>
    <option>w</option>
    <option>x</option>
    <option>y</option>
    <option>z</option>
    </select></td>
    </tr>
    <tr valign="middle">
    <td width="100" height="30" align="right"><font
    color="#FF0000" face="Arial, Helvetica, sans-serif">08</font>
    <select name="select8" size="1">
    <option>a</option>
    <option>b</option>
    <option>c</option>
    <option>d</option>
    <option>e</option>
    <option>f</option>
    <option>g</option>
    <option>h</option>
    <option>i</option>
    <option>j</option>
    <option>k</option>
    <option>l</option>
    <option>m</option>
    <option>n</option>
    <option>o</option>
    <option>p</option>
    <option>q</option>
    <option>r</option>
    <option>s</option>
    <option>t</option>
    <option>u</option>
    <option>v</option>
    <option>w</option>
    <option>x</option>
    <option>y</option>
    <option>z</option>
    </select></td>
    <td width="100" height="30" align="right"><font
    color="#FF0000" face="Arial, Helvetica, sans-serif">21</font>
    <select name="select21" size="1">
    <option>a</option>
    <option>b</option>
    <option>c</option>
    <option>d</option>
    <option>e</option>
    <option>f</option>
    <option>g</option>
    <option>h</option>
    <option>i</option>
    <option>j</option>
    <option>k</option>
    <option>l</option>
    <option>m</option>
    <option>n</option>
    <option>o</option>
    <option>p</option>
    <option>q</option>
    <option>r</option>
    <option>s</option>
    <option>t</option>
    <option>u</option>
    <option>v</option>
    <option>w</option>
    <option>x</option>
    <option>y</option>
    <option>z</option>
    </select></td>
    </tr>
    <tr valign="middle">
    <td width="100" height="30" align="right"><font
    color="#FF0000" face="Arial, Helvetica, sans-serif">09</font>
    <select name="select9" size="1">
    <option>a</option>
    <option>b</option>
    <option>c</option>
    <option>d</option>
    <option>e</option>
    <option>f</option>
    <option>g</option>
    <option>h</option>
    <option>i</option>
    <option>j</option>
    <option>k</option>
    <option>l</option>
    <option>m</option>
    <option>n</option>
    <option>o</option>
    <option>p</option>
    <option>q</option>
    <option>r</option>
    <option>s</option>
    <option>t</option>
    <option>u</option>
    <option>v</option>
    <option>w</option>
    <option>x</option>
    <option>y</option>
    <option>z</option>
    </select></td>
    <td width="100" height="30" align="right"><font
    color="#FF0000" face="Arial, Helvetica, sans-serif">22</font>
    <select name="select22" size="1">
    <option>a</option>
    <option>b</option>
    <option>c</option>
    <option>d</option>
    <option>e</option>
    <option>f</option>
    <option>g</option>
    <option>h</option>
    <option>i</option>
    <option>j</option>
    <option>k</option>
    <option>l</option>
    <option>m</option>
    <option>n</option>
    <option>o</option>
    <option>p</option>
    <option>q</option>
    <option>r</option>
    <option>s</option>
    <option>t</option>
    <option>u</option>
    <option>v</option>
    <option>w</option>
    <option>x</option>
    <option>y</option>
    <option>z</option>
    </select></td>
    </tr>
    <tr valign="middle">
    <td width="100" height="30" align="right"><font
    color="#FF0000" face="Arial, Helvetica, sans-serif">10</font>
    <select name="select10" size="1">
    <option>a</option>
    <option>b</option>
    <option>c</option>
    <option>d</option>
    <option>e</option>
    <option>f</option>
    <option>g</option>
    <option>h</option>
    <option>i</option>
    <option>j</option>
    <option>k</option>
    <option>l</option>
    <option>m</option>
    <option>n</option>
    <option>o</option>
    <option>p</option>
    <option>q</option>
    <option>r</option>
    <option>s</option>
    <option>t</option>
    <option>u</option>
    <option>v</option>
    <option>w</option>
    <option>x</option>
    <option>y</option>
    <option>z</option>
    </select></td>
    <td width="100" height="30" align="right"><font
    color="#FF0000" face="Arial, Helvetica, sans-serif">23</font>
    <select name="select23" size="1">
    <option>a</option>
    <option>b</option>
    <option>c</option>
    <option>d</option>
    <option>e</option>
    <option>f</option>
    <option>g</option>
    <option>h</option>
    <option>i</option>
    <option>j</option>
    <option>k</option>
    <option>l</option>
    <option>m</option>
    <option>n</option>
    <option>o</option>
    <option>p</option>
    <option>q</option>
    <option>r</option>
    <option>s</option>
    <option>t</option>
    <option>u</option>
    <option>v</option>
    <option>w</option>
    <option>x</option>
    <option>y</option>
    <option>z</option>
    </select></td>
    </tr>
    <tr valign="middle">
    <td width="100" height="30" align="right"><font
    color="#FF0000" face="Arial, Helvetica, sans-serif">11</font>
    <select name="select11" size="1">
    <option>a</option>
    <option>b</option>
    <option>c</option>
    <option>d</option>
    <option>e</option>
    <option>f</option>
    <option>g</option>
    <option>h</option>
    <option>i</option>
    <option>j</option>
    <option>k</option>
    <option>l</option>
    <option>m</option>
    <option>n</option>
    <option>o</option>
    <option>p</option>
    <option>q</option>
    <option>r</option>
    <option>s</option>
    <option>t</option>
    <option>u</option>
    <option>v</option>
    <option>w</option>
    <option>x</option>
    <option>y</option>
    <option>z</option>
    </select></td>
    <td width="100" height="30" align="right"><font
    color="#FF0000" face="Arial, Helvetica, sans-serif">24</font>
    <select name="select24" size="1">
    <option>a</option>
    <option>b</option>
    <option>c</option>
    <option>d</option>
    <option>e</option>
    <option>f</option>
    <option>g</option>
    <option>h</option>
    <option>i</option>
    <option>j</option>
    <option>k</option>
    <option>l</option>
    <option>m</option>
    <option>n</option>
    <option>o</option>
    <option>p</option>
    <option>q</option>
    <option>r</option>
    <option>s</option>
    <option>t</option>
    <option>u</option>
    <option>v</option>
    <option>w</option>
    <option>x</option>
    <option>y</option>
    <option>z</option>
    </select></td>
    </tr>
    <tr valign="middle">
    <td width="100" height="30" align="right"><font
    color="#FF0000" face="Arial, Helvetica, sans-serif">12</font>
    <select name="select12" size="1">
    <option>a</option>
    <option>b</option>
    <option>c</option>
    <option>d</option>
    <option>e</option>
    <option>f</option>
    <option>g</option>
    <option>h</option>
    <option>i</option>
    <option>j</option>
    <option>k</option>
    <option>l</option>
    <option>m</option>
    <option>n</option>
    <option>o</option>
    <option>p</option>
    <option>q</option>
    <option>r</option>
    <option>s</option>
    <option>t</option>
    <option>u</option>
    <option>v</option>
    <option>w</option>
    <option>x</option>
    <option>y</option>
    <option>z</option>
    </select></td>
    <td width="100" height="30" align="right"><font
    color="#FF0000" face="Arial, Helvetica, sans-serif">25</font>
    <select name="select25" size="1">
    <option>a</option>
    <option>b</option>
    <option>c</option>
    <option>d</option>
    <option>e</option>
    <option>f</option>
    <option>g</option>
    <option>h</option>
    <option>i</option>
    <option>j</option>
    <option>k</option>
    <option>l</option>
    <option>m</option>
    <option>n</option>
    <option>o</option>
    <option>p</option>
    <option>q</option>
    <option>r</option>
    <option>s</option>
    <option>t</option>
    <option>u</option>
    <option>v</option>
    <option>w</option>
    <option>x</option>
    <option>y</option>
    <option>z</option>
    </select></td>
    </tr>
    <tr valign="middle">
    <td width="100" height="30" align="right"><font
    color="#FF0000" face="Arial, Helvetica, sans-serif">13</font>
    <select name="select13" size="1">
    <option>a</option>
    <option>b</option>
    <option>c</option>
    <option>d</option>
    <option>e</option>
    <option>f</option>
    <option>g</option>
    <option>h</option>
    <option>i</option>
    <option>j</option>
    <option>k</option>
    <option>l</option>
    <option>m</option>
    <option>n</option>
    <option>o</option>
    <option>p</option>
    <option>q</option>
    <option>r</option>
    <option>s</option>
    <option>t</option>
    <option>u</option>
    <option>v</option>
    <option>w</option>
    <option>x</option>
    <option>y</option>
    <option>z</option>
    </select></td>
    <td width="100" height="30" align="right"><font
    color="#FF0000" face="Arial, Helvetica, sans-serif">26</font>
    <select name="select26" size="1">
    <option>a</option>
    <option>b</option>
    <option>c</option>
    <option>d</option>
    <option>e</option>
    <option>f</option>
    <option>g</option>
    <option>h</option>
    <option>i</option>
    <option>j</option>
    <option>k</option>
    <option>l</option>
    <option>m</option>
    <option>n</option>
    <option>o</option>
    <option>p</option>
    <option>q</option>
    <option>r</option>
    <option>s</option>
    <option>t</option>
    <option>u</option>
    <option>v</option>
    <option>w</option>
    <option>x</option>
    <option>y</option>
    <option>z</option>
    </select></td>
    </tr>
    <tr valign="bottom">
    <td height="40" align="right"><input type="submit"
    name="Submit" value="Submit" onClick="onClick(this.form);return
    false;">
    </td>
    <td height="40" align="right"><input type="reset"
    name="Reset" value="Reset">
    </td>
    </tr>
    </table>
    </form></td>
    </tr>
    </table>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    </body>
    </html>
    Richard, Mar 11, 2005
    #1
    1. Advertising

  2. Richard

    RobG Guest

    Richard wrote:
    > I have tried to create a javascript puzzle where by the grid is filled
    > with numbers from 1 to 26 and another grid listed 1 to 26 where each
    > number relates to a letter. Once you figure out the number to letter
    > sequence in the 2nd grid, you fill all the squares labeled with that
    > number....poor explanation but the HTML will explain it!
    >
    > What I can't seem to manage to work is getting the javascript to take
    > the selected letters and place them in the correct squares on the main
    > grid.

    [...]

    No. There really is no need to post 1,500 lines of code when
    you could have done it in far fewer lines.

    Here is something like what you want. It builds the table and
    adds options to the select dynamically. Put your initial values
    into arrays, the script will build your crossword. Put the
    solution into the "solveCrossword" function if you want.

    There is a function to restore the entire crossword to the
    initial values, and another for an individual cell, but there
    isn't one to restore all the cells of a set value.

    You should also create a small table where the current
    selections are put so users can see what they've already
    selected. Another way is to remove selections from the options
    and then put them back when the cell value is restored.

    Uses document.getElementById without testing so old IE and
    Netscape not supported. Tested in Firefox, Netscape 7.2 & IE 6.



    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
    "http://www.w3.org/TR/html4/strict.dtd">
    <html><head>
    <title>Crossword</title>
    <meta http-equiv="Content-Type"
    content="text/html; charset=ISO-8859-1">
    <style type="text/css">
    ..box
    {position:relative; top:20px; border-right:1px solid #888888;
    left: 20px; border-bottom:1px solid #888888;}
    ..a, .b
    {border-top:1px solid #888888; border-left:1px solid #888888;
    height: 2em; width: 2em; text-align: center;
    line-height: 2; position: absolute;}
    ..b {background-color: #888888;}
    </style>
    <script type="text/javascript">
    function buildCrossword(elem){
    var base = document.getElementById(elem);
    var r = [];
    r[0] = ['' ,'1','2','3'];
    r[1] = ['4','5','4',''];
    r[2] = ['' ,'4','',''];
    r[3] = ['6','7','2','8'];

    var oDiv;
    var i = r.length; // number of rows
    var w = 2; // cell width value
    var h = 2; // cell height value
    var u = 'em'; // height & width unit
    base.style.width = r[0].length*w + u;
    base.style.height = i*h + u;

    while (i--){
    var j = r[0].length; // number of cells in each row
    while (j--){
    var v = r[j];
    oDiv = document.createElement('div');
    oDiv.style.top = i*h + u;
    oDiv.style.left = j*h + u;
    if (/\w/.test(v)) {
    oDiv.className = v + ' a';
    oDiv.onclick = function () {restoreCell(this)};
    oDiv.appendChild(document.createTextNode(v));
    } else {
    oDiv.className = 'b';
    }
    base.appendChild(oDiv);
    } } }
    function addNumSelects(s){
    var sel = document.getElementById(s);
    var i=0;
    do {
    sel.options = new Option(i+1, i);
    } while (++i < 26);
    }
    function addLetSelects(s){
    var sel = document.getElementById(s);
    var i=0;
    do {
    sel.options = new Option(String.fromCharCode(65+i), i);
    } while (++i < 26);
    }
    function updateCW(x,n,l){
    n = n[n.selectedIndex].text;
    l = l[l.selectedIndex].text;
    var d = document.getElementById(x).getElementsByTagName('div');
    var i = d.length;
    var z;
    while (i--) {
    z = d.firstChild;
    if (z && z.data == n) {
    z.data = l;
    } } }
    function restoreCell(c){
    var cValue = c.firstChild.data;
    var oValue = c.className.split(' ')[0];
    if ( cValue == oValue) {
    alert('This is the original value');
    } else {
    if (confirm('Restore cell to original value ('
    + oValue + ') ?')) {
    c.firstChild.data = oValue;
    } } }
    function restoreCrossword(elem){
    document.getElementById(elem).innerHTML = '';
    buildCrossword(elem);
    }
    function solveCrossword(x){
    var r = [];
    r[0] = ['' ,'R','O','B'];
    r[1] = ['H','U','N', ''];
    r[2] = ['' ,'N','' , ''];
    r[3] = ['S','T','O','P'];
    var d = document.getElementById(x).getElementsByTagName('div');
    var rLong = r.length;
    var rWide = r[0].length;
    var n = rLong*rWide;
    var v;
    for (var i=0; i<rLong; i++){
    for (var j=0; j<rWide; j++) {
    v = r[j];
    n--;
    if (/\w/.test(v)) {
    d[n].innerHTML = v;
    } } } }
    </script>
    </head>
    <body>

    <form action="">
    <select id="numSelect">
    </select>
    <select id="letSelect">
    </select><br>
    <input type="button" value="Update crossword"
    onclick="updateCW('box',this.form.numSelect,
    this.form.letSelect)">
    <input type="button" value="Restore crossword"
    onclick="restoreCrossword('box');">
    <input type="button" value="Solve crossword"
    onclick="solveCrossword('box');">
    <script type="text/javascript">
    addNumSelects('numSelect');
    addLetSelects('letSelect');
    </script>
    </form>

    <div class="box" id="box">
    <script type="text/javascript">
    buildCrossword('box');
    </script>
    </div>

    </body>
    </html>


    --
    Rob
    RobG, Mar 11, 2005
    #2
    1. Advertising

  3. Richard

    Richard Guest

    Thanks for your help!

    I have taken snippets of your code and put into mine, but it doenst
    seem to work in Firefox, instead of a printed table I just get a list
    of numbers that should have been tabulated.

    Do you know why?
    Richard, Mar 15, 2005
    #3
  4. Richard

    RobG Guest

    Richard wrote:
    > Thanks for your help!
    >
    > I have taken snippets of your code and put into mine, but it doenst
    > seem to work in Firefox, instead of a printed table I just get a list
    > of numbers that should have been tabulated.
    >
    > Do you know why?


    How can I tell without your code? What I posted was developed
    in Firefox and tested in IE. It stands independently from your
    code, which I thought was verbose and confusing.

    I was just trying to demonstrate a different (better?) way of
    implementing your functionality, though I was only guessing at
    what you were trying to do.

    --
    Rob
    RobG, Mar 16, 2005
    #4
    1. Advertising

Want to reply to this thread or ask your own question?

It takes just 2 minutes to sign up (and it's free!). Just click the sign up button to choose a username and then you can ask your own questions on the forum.
Similar Threads
  1. Replies:
    0
    Views:
    357
  2. Replies:
    3
    Views:
    2,316
    Owen McShane
    Jan 21, 2005
  3. Bob Johnson

    OT: Crossword Puzzle Creator - .NET Source

    Bob Johnson, Feb 9, 2007, in forum: ASP .Net
    Replies:
    5
    Views:
    876
    clintonG
    Feb 13, 2007
  4. Replies:
    0
    Views:
    304
  5. Charlie Cosse
    Replies:
    4
    Views:
    153
    Charlie Cosse
    Jul 31, 2003
Loading...

Share This Page