473,287 Members | 1,560 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,287 software developers and data experts.

JavaScript Crossword

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>
Jul 23 '05 #1
3 2940
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[i][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[i] = new Option(i+1, i);
} while (++i < 26);
}
function addLetSelects(s){
var sel = document.getElementById(s);
var i=0;
do {
sel.options[i] = 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('d iv');
var i = d.length;
var z;
while (i--) {
z = d[i].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('d iv');
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[i][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
Jul 23 '05 #2
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?
Jul 23 '05 #3
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
Jul 23 '05 #4

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

0
by: potm | last post by:
I hope you'll allow me a few moments to tell you about a programming contest that may be of interest to you. It's completely for fun, unsponsored, and pressure-free. It's called the POTM, and we...
4
by: Charlie Cosse | last post by:
Asymptopia Crossword Builder is a JavaScript application. A robust GUI allows users to submit arbitrary length lists of key-hint pairs which can be regenerated an unlimited number of times until...
6
by: mary zelinski | last post by:
I have a word bank for a javascript crossword puzzle I'm working on. What I want to do is when a user clicks on a word in the word bank, it crosses itself out. I have tried: <a...
6
by: Asymptopia | last post by:
Hi, if anyone is interested I've released an opensource crossword builder at http://www.asymptopia.org. It should work with IE/Mozilla/Netscape and hopefully others. Please send any feedback you...
0
by: potm | last post by:
I hope you'll allow me a few moments to tell you about a programming contest that may be of interest to you. It's completely for fun, unsponsored, and pressure-free. It's called the POTM, and we...
3
by: potm | last post by:
C/C++/Perl/Python/PHP/Shell/awk/Ruby/TCL/etc ... Given a list of words, your program must create a crossword puzzle. Deadline: February 28, 2005. http://dinsights.com/POTM is the home of the...
0
by: potm | last post by:
I hope you'll allow me a few moments to tell you about a programming contest that may be of interest to you. It's completely for fun, unsponsored, and pressure-free. It's called the POTM, and we...
9
by: trpost | last post by:
I am using javascript to call a hidden applet and am getting a javascript error "java.lang.Exception: java.lang.NoClassDefFoundError: org/apache/commons/httpclient/HttpClient" If I comment out the...
2
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 7 Feb 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:30 (7.30PM). In this month's session, the creator of the excellent VBE...
0
by: MeoLessi9 | last post by:
I have VirtualBox installed on Windows 11 and now I would like to install Kali on a virtual machine. However, on the official website, I see two options: "Installer images" and "Virtual machines"....
0
by: Aftab Ahmad | last post by:
So, I have written a code for a cmd called "Send WhatsApp Message" to open and send WhatsApp messaage. The code is given below. Dim IE As Object Set IE =...
0
by: ryjfgjl | last post by:
ExcelToDatabase: batch import excel into database automatically...
0
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, we are pleased to welcome back...
0
by: marcoviolo | last post by:
Dear all, I would like to implement on my worksheet an vlookup dynamic , that consider a change of pivot excel via win32com, from an external excel (without open it) and save the new file into a...
0
by: Vimpel783 | last post by:
Hello! Guys, I found this code on the Internet, but I need to modify it a little. It works well, the problem is this: Data is sent from only one cell, in this case B5, but it is necessary that data...
0
by: ArrayDB | last post by:
The error message I've encountered is; ERROR:root:Error generating model response: exception: access violation writing 0x0000000000005140, which seems to be indicative of an access violation...
1
by: PapaRatzi | last post by:
Hello, I am teaching myself MS Access forms design and Visual Basic. I've created a table to capture a list of Top 30 singles and forms to capture new entries. The final step is a form (unbound)...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.