JavaScript Crossword

R

Richard

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

RobG

Richard said:
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.
Click to expand...
[...]

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

Richard

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?
 
R

RobG

Richard said:
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?
Click to expand...

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.
 

Ask a Question

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

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Similar Threads

Can someone tell me if this a real tracker? Or is it one designed to show you a different message at certain times, ie. acting like one? 0
Uncaught ReferenceError: item is not defined at HTMLButtonElement.onclick in the: <button onclick="item.inserir()">Inserir dados</button> 1
action_page.php form 2
How to create a JSON array with values from DOM(HTML TABLE) when I click a button using JQuery/Javascript? 0
How to create a JSON array with values from DOM(HTML TABLE) when I click a button using JQuery/Javascript? 0
How do I get the if statement correct in the lines that has it in the program? 2
Javascript DOM 1
Add Image and label dynamically inside the dropdown 2

Members online

Total: 21 (members: 3, guests: 18)
Robots: 234

Forum statistics

Threads
473,755
Messages
2,569,534
Members
45,007
Latest member
obedient dusk

Latest Threads

Top