By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
455,776 Members | 1,387 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 455,776 IT Pros & Developers. It's quick & easy.

JavaScript Crossword

P: n/a
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
Share this Question
Share on Google+
3 Replies


P: n/a
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

P: n/a
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

P: n/a
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 discussion thread is closed

Replies have been disabled for this discussion.