Velocity Reviews - Computer Hardware Reviews

Velocity Reviews > Newsgroups > Programming > Javascript > JavaScript Crossword

Reply
Thread Tools

JavaScript Crossword

 
 
Richard
Guest
Posts: n/a
 
      03-11-2005
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>
 
Reply With Quote
 
 
 
 
RobG
Guest
Posts: n/a
 
      03-11-2005
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
 
Reply With Quote
 
 
 
 
Richard
Guest
Posts: n/a
 
      03-15-2005
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?
 
Reply With Quote
 
RobG
Guest
Posts: n/a
 
      03-16-2005
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
 
Reply With Quote
 
 
 
Reply

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are Off


Similar Threads
Thread Thread Starter Forum Replies Last Post
OT: Crossword Puzzle Creator - .NET Source Bob Johnson ASP .Net 5 02-13-2007 08:01 PM
Programming Contest: Create a Crossword potm@dinsights.com C++ 3 01-21-2005 09:14 AM
The POTM - Programming COntest - Create A Crossword potm@dinsights.com C++ 0 12-18-2004 03:27 AM
Unable to download crossword puzzle from newspaper nettie Computer Support 56 02-20-2004 03:34 AM
Asymptopia Crossword Builder (JavaScript web-application) Charlie Cosse Javascript 4 07-31-2003 01:58 PM



Advertisments