473,654 Members | 3,098 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

JavaScript Crossword

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

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

Can anyone see what I am doing wrong?

Thanks in advance!
Richard

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

<body>
<SCRIPT LANGUAGE="JavaS cript">
<!--
function onClick(object) {
for (var Current=0;Curre nt <
object.select1. options.length; Current++) {
var value = eval('object.cu rrentValue' + 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="#0 00000" bgcolor="#00000 0">&nbsp;</td>
<td id="j" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue25" TYPE="TEXT" VALUE="25"
size="1" maxlength="2">& nbsp;</td>
<td id="blank" width="30" height="30" nowrap
bordercolor="#0 00000" bgcolor="#00000 0">&nbsp;</td>
<td id="f" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue23" TYPE="TEXT" VALUE="23"
size="1" maxlength="2">& nbsp;</td>
<td id="blank" width="30" height="30" nowrap
bordercolor="#0 00000" bgcolor="#00000 0">&nbsp;</td>
<td id="m" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue22" TYPE="TEXT" VALUE="22"
size="1" maxlength="2">& nbsp;</td>
<td id="blank" width="30" height="30" nowrap
bordercolor="#0 00000" bgcolor="#00000 0">&nbsp;</td>
<td id="blank" width="30" height="30" nowrap
bordercolor="#0 00000" bgcolor="#00000 0">&nbsp;</td>
<td id="blank" width="30" height="30" nowrap
bordercolor="#0 00000" bgcolor="#00000 0">&nbsp;</td>
<td id="d" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue16" TYPE="TEXT" VALUE="16"
size="1" maxlength="2">& nbsp;</td>
<td id="blank" width="30" height="30" nowrap
bordercolor="#0 00000" bgcolor="#00000 0">&nbsp;</td>
<td id="k" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue6" TYPE="TEXT" VALUE="06"
size="1" maxlength="2">& nbsp;</td>
<td id="blank" width="30" height="30" nowrap
bordercolor="#0 00000" bgcolor="#00000 0">&nbsp;</td>
<td id="a" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue17" TYPE="TEXT" VALUE="17"
size="1" maxlength="2">& nbsp;</td>
<td width="30" height="30" nowrap bordercolor="#0 00000"
bgcolor="#00000 0" id="blank">&nbs p;</td>
</tr>
<tr align="center" valign="middle" >
<td id="b" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue19" TYPE="TEXT" VALUE="19"
size="1" maxlength="2">& nbsp;</td>
<td id="a" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue17" TYPE="TEXT" VALUE="17"
size="1" maxlength="2">& nbsp;</td>
<td id="r" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue5" TYPE="TEXT" VALUE="05"
size="1" maxlength="2">& nbsp;</td>
<td id="o" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue9" TYPE="TEXT" VALUE="09"
size="1" maxlength="2">& nbsp;</td>
<td id="q" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue20" TYPE="TEXT" VALUE="20"
size="1" maxlength="2">& nbsp;</td>
<td id="u" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue13" TYPE="TEXT" VALUE="13"
size="1" maxlength="2">& nbsp;</td>
<td id="e" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue4" TYPE="TEXT" VALUE="04"
size="1" maxlength="2">& nbsp;</td>
<td id="blank" width="30" height="30" nowrap
bordercolor="#0 00000" bgcolor="#00000 0">&nbsp;</td>
<td id="z" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue3" TYPE="TEXT" VALUE="03"
size="1" maxlength="2">& nbsp;</td>
<td id="o" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue9" TYPE="TEXT" VALUE="09"
size="1" maxlength="2">& nbsp;</td>
<td id="o" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue0" TYPE="TEXT" VALUE="09"
size="1" maxlength="2">& nbsp;</td>
<td id="l" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue11" TYPE="TEXT" VALUE="11"
size="1" maxlength="2">& nbsp;</td>
<td id="o" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue9" TYPE="TEXT" VALUE="09"
size="1" maxlength="2">& nbsp;</td>
<td id="g" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue7" TYPE="TEXT" VALUE="07"
size="1" maxlength="2">& nbsp;</td>
<td id="y" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue18" 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="#0 00000" bgcolor="#00000 0">&nbsp;</td>
<td id="n" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue14" TYPE="TEXT" VALUE="14"
size="1" maxlength="2">& nbsp;</td>
<td id="blank" width="30" height="30" nowrap
bordercolor="#0 00000" bgcolor="#00000 0">&nbsp;</td>
<td id="o" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue9" TYPE="TEXT" VALUE="09"
size="1" maxlength="2">& nbsp;</td>
<td id="blank" width="30" height="30" nowrap
bordercolor="#0 00000" bgcolor="#00000 0">&nbsp;</td>
<td id="u" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue13" TYPE="TEXT" VALUE="13"
size="1" maxlength="2">& nbsp;</td>
<td id="blank" width="30" height="30" nowrap
bordercolor="#0 00000" bgcolor="#00000 0">&nbsp;</td>
<td id="c" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue8" TYPE="TEXT" VALUE="08"
size="1" maxlength="2">& nbsp;</td>
<td id="blank" width="30" height="30" nowrap
bordercolor="#0 00000" bgcolor="#00000 0">&nbsp;</td>
<td id="g" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue7" TYPE="TEXT" VALUE="07"
size="1" maxlength="2">& nbsp;</td>
<td id="blank" width="30" height="30" nowrap
bordercolor="#0 00000" bgcolor="#00000 0">&nbsp;</td>
<td id="u" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue13" TYPE="TEXT" VALUE="13"
size="1" maxlength="2">& nbsp;</td>
<td id="blank" width="30" height="30" nowrap
bordercolor="#0 00000" bgcolor="#00000 0">&nbsp;</td>
<td id="r" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue5" TYPE="TEXT" VALUE="05"
size="1" maxlength="2">& nbsp;</td>
<td width="30" height="30" nowrap bordercolor="#0 00000"
bgcolor="#00000 0" id="blank">&nbs p;</td>
</tr>
<tr align="center" valign="middle" >
<td id="v" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue10" TYPE="TEXT" VALUE="10"
size="1" maxlength="2">& nbsp;</td>
<td id="i" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue2" TYPE="TEXT" VALUE="02"
size="1" maxlength="2">& nbsp;</td>
<td id="c" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue8" TYPE="TEXT" VALUE="08"
size="1" maxlength="2">& nbsp;</td>
<td id="t" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue15" TYPE="TEXT" VALUE="15"
size="1" maxlength="2">& nbsp;</td>
<td id="i" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue2" TYPE="TEXT" VALUE="02"
size="1" maxlength="2">& nbsp;</td>
<td id="m" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue22" TYPE="TEXT" VALUE="22"
size="1" maxlength="2">& nbsp;</td>
<td id="blank" width="30" height="30" nowrap
bordercolor="#0 00000" bgcolor="#00000 0">&nbsp;</td>
<td id="o" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue9" TYPE="TEXT" VALUE="09"
size="1" maxlength="2">& nbsp;</td>
<td id="v" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue10" TYPE="TEXT" VALUE="10"
size="1" maxlength="2">& nbsp;</td>
<td id="e" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue4" TYPE="TEXT" VALUE="04"
size="1" maxlength="2">& nbsp;</td>
<td id="r" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue5" TYPE="TEXT" VALUE="05"
size="1" maxlength="1">& nbsp;</td>
<td id="t" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue15" TYPE="TEXT" VALUE="15"
size="1" maxlength="2">& nbsp;</td>
<td id="o" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue9" TYPE="TEXT" VALUE="09"
size="1" maxlength="2">& nbsp;</td>
<td id="o" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue9" TYPE="TEXT" VALUE="09"
size="1" maxlength="2">& nbsp;</td>
<td id="k" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue6" 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="#0 00000" bgcolor="#00000 0">&nbsp;</td>
<td id="t" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue15" TYPE="TEXT" VALUE="15"
size="1" maxlength="2">& nbsp;</td>
<td id="blank" width="30" height="30" nowrap
bordercolor="#0 00000" bgcolor="#00000 0">&nbsp;</td>
<td id="p" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue1" TYPE="TEXT" VALUE="01"
size="1" maxlength="2">& nbsp;</td>
<td id="blank" width="30" height="30" nowrap
bordercolor="#0 00000" bgcolor="#00000 0">&nbsp;</td>
<td id="u" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue13" TYPE="TEXT" VALUE="13"
size="1" maxlength="2">& nbsp;</td>
<td id="blank" width="30" height="30" nowrap
bordercolor="#0 00000" bgcolor="#00000 0">&nbsp;</td>
<td id="l" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue11" TYPE="TEXT" VALUE="11"
size="1" maxlength="2">& nbsp;</td>
<td id="blank" width="30" height="30" nowrap
bordercolor="#0 00000" bgcolor="#00000 0">&nbsp;</td>
<td id="a" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue17" TYPE="TEXT" VALUE="17"
size="1" maxlength="2">& nbsp;</td>
<td id="blank" width="30" height="30" nowrap
bordercolor="#0 00000" bgcolor="#00000 0">&nbsp;</td>
<td id="z" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue3" TYPE="TEXT" VALUE="03"
size="1" maxlength="2">& nbsp;</td>
<td id="blank" width="30" height="30" nowrap
bordercolor="#0 00000" bgcolor="#00000 0">&nbsp;</td>
<td id="u" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue13" TYPE="TEXT" VALUE="13"
size="1" maxlength="2">& nbsp;</td>
<td width="30" height="30" nowrap bordercolor="#0 00000"
bgcolor="#00000 0" id="blank">&nbs p;</td>
</tr>
<tr align="center" valign="middle" >
<td id="i" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue2" TYPE="TEXT" VALUE="02"
size="1" maxlength="2">& nbsp;</td>
<td id="o" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue9" TYPE="TEXT" VALUE="09"
size="1" maxlength="2">& nbsp;</td>
<td id="t" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue15" TYPE="TEXT" VALUE="15"
size="1" maxlength="2">& nbsp;</td>
<td id="a" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue17" TYPE="TEXT" VALUE="17"
size="1" maxlength="2">& nbsp;</td>
<td id="blank" width="30" height="30" nowrap
bordercolor="#0 00000" bgcolor="#00000 0">&nbsp;</td>
<td id="u" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue13" TYPE="TEXT" VALUE="13"
size="1" maxlength="2">& nbsp;</td>
<td id="n" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue14" TYPE="TEXT" VALUE="14"
size="1" maxlength="2">& nbsp;</td>
<td id="d" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue16" TYPE="TEXT" VALUE="16"
size="1" maxlength="2">& nbsp;</td>
<td id="e" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue4" TYPE="TEXT" VALUE="04"
size="1" maxlength="1">& nbsp;</td>
<td id="r" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue5" TYPE="TEXT" VALUE="05"
size="1" maxlength="2">& nbsp;</td>
<td id="l" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue11" TYPE="TEXT" VALUE="11"
size="1" maxlength="2">& nbsp;</td>
<td id="y" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue18" TYPE="TEXT" VALUE="18"
size="1" maxlength="2">& nbsp;</td>
<td id="i" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue2" TYPE="TEXT" VALUE="02"
size="1" maxlength="2">& nbsp;</td>
<td id="n" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue14" TYPE="TEXT" VALUE="14"
size="1" maxlength="2">& nbsp;</td>
<td id="g" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue7" 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="#0 00000" bgcolor="#00000 0">&nbsp;</td>
<td id="r" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue5" TYPE="TEXT" VALUE="05"
size="1" maxlength="2">& nbsp;</td>
<td id="blank" width="30" height="30" nowrap
bordercolor="#0 00000" bgcolor="#00000 0">&nbsp;</td>
<td id="t" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue15" TYPE="TEXT" VALUE="15"
size="1" maxlength="2">& nbsp;</td>
<td id="blank" width="30" height="30" nowrap
bordercolor="#0 00000" bgcolor="#00000 0">&nbsp;</td>
<td id="blank" width="30" height="30" nowrap
bordercolor="#0 00000" bgcolor="#00000 0">&nbsp;</td>
<td id="blank" width="30" height="30" nowrap
bordercolor="#0 00000" bgcolor="#00000 0">&nbsp;</td>
<td id="b" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue19" TYPE="TEXT" VALUE="19"
size="1" maxlength="2">& nbsp;</td>
<td id="blank" width="30" height="30" nowrap
bordercolor="#0 00000" bgcolor="#00000 0">&nbsp;</td>
<td id="e" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue4" TYPE="TEXT" VALUE="04"
size="1" maxlength="2">& nbsp;</td>
<td id="blank" width="30" height="30" nowrap
bordercolor="#0 00000" bgcolor="#00000 0">&nbsp;</td>
<td id="blank" width="30" height="30" nowrap
bordercolor="#0 00000" bgcolor="#00000 0">&nbsp;</td>
<td id="blank" width="30" height="30" nowrap
bordercolor="#0 00000" bgcolor="#00000 0">&nbsp;</td>
<td id="d" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue16" TYPE="TEXT" VALUE="16"
size="1" maxlength="2">& nbsp;</td>
<td width="30" height="30" nowrap bordercolor="#0 00000"
bgcolor="#00000 0" id="blank">&nbs p;</td>
</tr>
<tr align="center" valign="middle" >
<td id="blank" width="30" height="30" nowrap
bordercolor="#0 00000" bgcolor="#00000 0">&nbsp;</td>
<td id="blank" width="30" height="30" nowrap
bordercolor="#0 00000" bgcolor="#00000 0">&nbsp;</td>
<td id="t" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue15" TYPE="TEXT" VALUE="15"
size="1" maxlength="2">& nbsp;</td>
<td id="h" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue26" TYPE="TEXT" VALUE="26"
size="1" maxlength="2">& nbsp;</td>
<td id="i" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue2" TYPE="TEXT" VALUE="02"
size="1" maxlength="2">& nbsp;</td>
<td id="s" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue21" TYPE="TEXT" VALUE="21"
size="1" maxlength="2">& nbsp;</td>
<td id="t" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue15" TYPE="TEXT" VALUE="15"
size="1" maxlength="1">& nbsp;</td>
<td id="l" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue11" TYPE="TEXT" VALUE="11"
size="1" maxlength="2">& nbsp;</td>
<td id="e" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue4" TYPE="TEXT" VALUE="04"
size="1" maxlength="2">& nbsp;</td>
<td id="d" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue16" TYPE="TEXT" VALUE="16"
size="1" maxlength="2">& nbsp;</td>
<td id="o" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue9" TYPE="TEXT" VALUE="09"
size="1" maxlength="2">& nbsp;</td>
<td id="w" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue24" TYPE="TEXT" VALUE="24"
size="1" maxlength="2">& nbsp;</td>
<td id="n" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue14" TYPE="TEXT" VALUE="14"
size="1" maxlength="2">& nbsp;</td>
<td id="blank" width="30" height="30" nowrap
bordercolor="#0 00000" bgcolor="#00000 0">&nbsp;</td>
<td id="blank" width="30" height="30" nowrap
bordercolor="#0 00000" bgcolor="#00000 0">&nbsp;</td>
</tr>
<tr align="center" valign="middle" >
<td id="blank" width="30" height="30" nowrap
bordercolor="#0 00000" bgcolor="#00000 0">&nbsp;</td>
<td id="h" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue26" TYPE="TEXT" VALUE="26"
size="1" maxlength="2">& nbsp;</td>
<td id="blank" width="30" height="30" nowrap
bordercolor="#0 00000" bgcolor="#00000 0">&nbsp;</td>
<td id="blank" width="30" height="30" nowrap
bordercolor="#0 00000" bgcolor="#00000 0">&nbsp;</td>
<td id="blank" width="30" height="30" nowrap
bordercolor="#0 00000" bgcolor="#00000 0">&nbsp;</td>
<td id="h" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue26" TYPE="TEXT" VALUE="26"
size="1" maxlength="2">& nbsp;</td>
<td id="blank" width="30" height="30" nowrap
bordercolor="#0 00000" bgcolor="#00000 0">&nbsp;</td>
<td id="o" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue9" TYPE="TEXT" VALUE="09"
size="1" maxlength="2">& nbsp;</td>
<td id="blank" width="30" height="30" nowrap
bordercolor="#0 00000" bgcolor="#00000 0">&nbsp;</td>
<td id="blank" width="30" height="30" nowrap
bordercolor="#0 00000" bgcolor="#00000 0">&nbsp;</td>
<td id="blank" width="30" height="30" nowrap
bordercolor="#0 00000" bgcolor="#00000 0">&nbsp;</td>
<td id="a" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue17" TYPE="TEXT" VALUE="17"
size="1" maxlength="2">& nbsp;</td>
<td id="blank" width="30" height="30" nowrap
bordercolor="#0 00000" bgcolor="#00000 0">&nbsp;</td>
<td id="e" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue4" TYPE="TEXT" VALUE="04"
size="1" maxlength="2">& nbsp;</td>
<td width="30" height="30" nowrap bordercolor="#0 00000"
bgcolor="#00000 0" id="blank">&nbs p;</td>
</tr>
<tr align="center" valign="middle" >
<td id="g" width="30" height="30" nowrap>
<INPUT NAME="currentVa lueg" TYPE="TEXT" VALUE="07"
size="1" maxlength="2">& nbsp;</td>
<td id="u" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue13" TYPE="TEXT" VALUE="13"
size="1" maxlength="2">& nbsp;</td>
<td id="i" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue2" TYPE="TEXT" VALUE="02"
size="1" maxlength="2">& nbsp;</td>
<td id="n" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue14" TYPE="TEXT" VALUE="14"
size="1" maxlength="2">& nbsp;</td>
<td id="e" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue04" TYPE="TEXT" VALUE="04"
size="1" maxlength="2">& nbsp;</td>
<td id="a" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue17" TYPE="TEXT" VALUE="17"
size="1" maxlength="2">& nbsp;</td>
<td id="f" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue23" TYPE="TEXT" VALUE="23"
size="1" maxlength="2">& nbsp;</td>
<td id="o" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue09" TYPE="TEXT" VALUE="09"
size="1" maxlength="2">& nbsp;</td>
<td id="w" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue24" TYPE="TEXT" VALUE="24"
size="1" maxlength="2">& nbsp;</td>
<td id="l" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue11" TYPE="TEXT" VALUE="11"
size="1" maxlength="2">& nbsp;</td>
<td id="blank" width="30" height="30" nowrap
bordercolor="#0 00000" bgcolor="#00000 0">&nbsp;</td>
<td id="x" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue12" TYPE="TEXT" VALUE="12"
size="1" maxlength="2">& nbsp;</td>
<td id="m" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue22" TYPE="TEXT" VALUE="22"
size="1" maxlength="2">& nbsp;</td>
<td id="a" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue17" TYPE="TEXT" VALUE="17"
size="1" maxlength="2">& nbsp;</td>
<td id="s" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue21" 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="#0 00000" bgcolor="#00000 0">&nbsp;</td>
<td id="r" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue5" TYPE="TEXT" VALUE="05"
size="1" maxlength="2">& nbsp;</td>
<td id="blank" width="30" height="30" nowrap
bordercolor="#0 00000" bgcolor="#00000 0">&nbsp;</td>
<td id="o" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue9" TYPE="TEXT" VALUE="09"
size="1" maxlength="2">& nbsp;</td>
<td id="blank" width="30" height="30" nowrap
bordercolor="#0 00000" bgcolor="#00000 0">&nbsp;</td>
<td id="b" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue19" TYPE="TEXT" VALUE="19"
size="1" maxlength="2">& nbsp;</td>
<td id="blank" width="30" height="30" nowrap
bordercolor="#0 00000" bgcolor="#00000 0">&nbsp;</td>
<td id="d" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue16" TYPE="TEXT" VALUE="16"
size="1" maxlength="2">& nbsp;</td>
<td id="blank" width="30" height="30" nowrap
bordercolor="#0 00000" bgcolor="#00000 0">&nbsp;</td>
<td id="i" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue2" TYPE="TEXT" VALUE="02"
size="1" maxlength="2">& nbsp;</td>
<td id="blank" width="30" height="30" nowrap
bordercolor="#0 00000" bgcolor="#00000 0">&nbsp;</td>
<td id="p" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue1" TYPE="TEXT" VALUE="01"
size="1" maxlength="2">& nbsp;</td>
<td id="blank" width="30" height="30" nowrap
bordercolor="#0 00000" bgcolor="#00000 0">&nbsp;</td>
<td id="p" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue5" TYPE="TEXT" VALUE="05"
size="1" maxlength="2">& nbsp;</td>
<td width="30" height="30" nowrap bordercolor="#0 00000"
bgcolor="#00000 0" id="blank">&nbs p;</td>
</tr>
<tr align="center" valign="middle" >
<td id="p" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue1" TYPE="TEXT" VALUE="01"
size="1" maxlength="2">& nbsp;</td>
<td id="r" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue5" TYPE="TEXT" VALUE="05"
size="1" maxlength="2">& nbsp;</td>
<td id="o" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue9" TYPE="TEXT" VALUE="09"
size="1" maxlength="2">& nbsp;</td>
<td id="b" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue19" TYPE="TEXT" VALUE="19"
size="1" maxlength="2">& nbsp;</td>
<td id="a" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue17" TYPE="TEXT" VALUE="17"
size="1" maxlength="2">& nbsp;</td>
<td id="b" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue19" TYPE="TEXT" VALUE="19"
size="1" maxlength="2">& nbsp;</td>
<td id="l" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue11" TYPE="TEXT" VALUE="11"
size="1" maxlength="2">& nbsp;</td>
<td id="e" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue4" TYPE="TEXT" VALUE="04"
size="1" maxlength="2">& nbsp;</td>
<td id="blank" width="30" height="30" nowrap
bordercolor="#0 00000" bgcolor="#00000 0">&nbsp;</td>
<td id="q" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue20" TYPE="TEXT" VALUE="20"
size="1" maxlength="2">& nbsp;</td>
<td id="u" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue13" TYPE="TEXT" VALUE="13"
size="1" maxlength="2">& nbsp;</td>
<td id="a" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue17" TYPE="TEXT" VALUE="17"
size="1" maxlength="2">& nbsp;</td>
<td id="r" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue5" TYPE="TEXT" VALUE="05"
size="1" maxlength="2">& nbsp;</td>
<td id="t" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue15" TYPE="TEXT" VALUE="15"
size="1" maxlength="2">& nbsp;</td>
<td id="z" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue3" 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="#0 00000" bgcolor="#00000 0">&nbsp;</td>
<td id="i" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue2" TYPE="TEXT" VALUE="02"
size="1" maxlength="2">& nbsp;</td>
<td id="blank" width="30" height="30" nowrap
bordercolor="#0 00000" bgcolor="#00000 0">&nbsp;</td>
<td id="o" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue9" TYPE="TEXT" VALUE="09"
size="1" maxlength="2">& nbsp;</td>
<td id="blank" width="30" height="30" nowrap
bordercolor="#0 00000" bgcolor="#00000 0">&nbsp;</td>
<td id="i" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue2" TYPE="TEXT" VALUE="02"
size="1" maxlength="2">& nbsp;</td>
<td id="blank" width="30" height="30" nowrap
bordercolor="#0 00000" bgcolor="#00000 0">&nbsp;</td>
<td id="d" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue16" TYPE="TEXT" VALUE="16"
size="1" maxlength="2">& nbsp;</td>
<td id="blank" width="30" height="30" nowrap
bordercolor="#0 00000" bgcolor="#00000 0">&nbsp;</td>
<td id="u" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue13" TYPE="TEXT" VALUE="13"
size="1" maxlength="2">& nbsp;</td>
<td id="blank" width="30" height="30" nowrap
bordercolor="#0 00000" bgcolor="#00000 0">&nbsp;</td>
<td id="p" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue1" TYPE="TEXT" VALUE="01"
size="1" maxlength="2">& nbsp;</td>
<td id="blank" width="30" height="30" nowrap
bordercolor="#0 00000" bgcolor="#00000 0">&nbsp;</td>
<td id="h" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue26" TYPE="TEXT" VALUE="26"
size="1" maxlength="2">& nbsp;</td>
<td width="30" height="30" nowrap bordercolor="#0 00000"
bgcolor="#00000 0" id="blank">&nbs p;</td>
</tr>
<tr align="center" valign="middle" >
<td id="r" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue5" TYPE="TEXT" VALUE="05"
size="1" maxlength="2">& nbsp;</td>
<td id="e" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue4" TYPE="TEXT" VALUE="04"
size="1" maxlength="2">& nbsp;</td>
<td id="a" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue17" TYPE="TEXT" VALUE="17"
size="1" maxlength="2">& nbsp;</td>
<td id="d" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue16" TYPE="TEXT" VALUE="16"
size="1" maxlength="2">& nbsp;</td>
<td id="i" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue2" TYPE="TEXT" VALUE="02"
size="1" maxlength="2">& nbsp;</td>
<td id="l" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue11" TYPE="TEXT" VALUE="11"
size="1" maxlength="2">& nbsp;</td>
<td id="y" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue18" TYPE="TEXT" VALUE="18"
size="1" maxlength="2">& nbsp;</td>
<td id="blank" width="30" height="30" nowrap
bordercolor="#0 00000" bgcolor="#00000 0">&nbsp;</td>
<td id="y" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue18" TYPE="TEXT" VALUE="18"
size="1" maxlength="2">& nbsp;</td>
<td id="o" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue9" TYPE="TEXT" VALUE="09"
size="1" maxlength="2">& nbsp;</td>
<td id="d" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue16" TYPE="TEXT" VALUE="16"
size="1" maxlength="2">& nbsp;</td>
<td id="e" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue4" TYPE="TEXT" VALUE="04"
size="1" maxlength="2">& nbsp;</td>
<td id="l" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue11" TYPE="TEXT" VALUE="11"
size="1" maxlength="2">& nbsp;</td>
<td id="e" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue4" TYPE="TEXT" VALUE="04"
size="1" maxlength="2">& nbsp;</td>
<td id="r" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue5" 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="#0 00000" bgcolor="#00000 0">&nbsp;</td>
<td id="d" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue16" TYPE="TEXT" VALUE="16"
size="1" maxlength="2">& nbsp;</td>
<td id="blank" width="30" height="30" nowrap
bordercolor="#0 00000" bgcolor="#00000 0">&nbsp;</td>
<td id="y" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue18" TYPE="TEXT" VALUE="18"
size="1" maxlength="2">& nbsp;</td>
<td id="blank" width="30" height="30" nowrap
bordercolor="#0 00000" bgcolor="#00000 0">&nbsp;</td>
<td id="y" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue18" TYPE="TEXT" VALUE="18"
size="1" maxlength="2">& nbsp;</td>
<td id="blank" width="30" height="30" nowrap
bordercolor="#0 00000" bgcolor="#00000 0">&nbsp;</td>
<td id="blank" width="30" height="30" nowrap
bordercolor="#0 00000" bgcolor="#00000 0">&nbsp;</td>
<td id="blank" width="30" height="30" nowrap
bordercolor="#0 00000" bgcolor="#00000 0">&nbsp;</td>
<td id="r" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue5" TYPE="TEXT" VALUE="05"
size="1" maxlength="2">& nbsp;</td>
<td id="blank" width="30" height="30" nowrap
bordercolor="#0 00000" bgcolor="#00000 0">&nbsp;</td>
<td id="r" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue5" TYPE="TEXT" VALUE="5"
size="1" maxlength="2">& nbsp;</td>
<td id="blank" width="30" height="30" nowrap
bordercolor="#0 00000" bgcolor="#00000 0">&nbsp;</td>
<td id="n" width="30" height="30" nowrap>
<INPUT NAME="currentVa lue14" TYPE="TEXT" VALUE="14"
size="1" maxlength="2">& nbsp;</td>
<td width="30" height="30" nowrap bordercolor="#0 00000"
bgcolor="#00000 0" id="blank">&nbs p;</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="onClic k(this.form);re turn
false;">
</td>
<td height="40" align="right">< input type="reset"
name="Reset" value="Reset">
</td>
</tr>
</table>
</form></td>
</tr>
</table>
<p>&nbsp;</p>
<p>&nbsp;</p>
</body>
</html>
Jul 23 '05 #1
3 2961
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.getEle mentById 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>Crosswor d</title>
<meta http-equiv="Content-Type"
content="text/html; charset=ISO-8859-1">
<style type="text/css">
..box
{position:relat ive; 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.getEle mentById(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.widt h = r[0].length*w + u;
base.style.heig ht = 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.create Element('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(th is)};
oDiv.appendChil d(document.crea teTextNode(v));
} else {
oDiv.className = 'b';
}
base.appendChil d(oDiv);
} } }
function addNumSelects(s ){
var sel = document.getEle mentById(s);
var i=0;
do {
sel.options[i] = new Option(i+1, i);
} while (++i < 26);
}
function addLetSelects(s ){
var sel = document.getEle mentById(s);
var i=0;
do {
sel.options[i] = new Option(String.f romCharCode(65+ i), i);
} while (++i < 26);
}
function updateCW(x,n,l) {
n = n[n.selectedIndex].text;
l = l[l.selectedIndex].text;
var d = document.getEle mentById(x).get ElementsByTagNa me('div');
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.da ta;
var oValue = c.className.spl it(' ')[0];
if ( cValue == oValue) {
alert('This is the original value');
} else {
if (confirm('Resto re cell to original value ('
+ oValue + ') ?')) {
c.firstChild.da ta = oValue;
} } }
function restoreCrosswor d(elem){
document.getEle mentById(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.getEle mentById(x).get ElementsByTagNa me('div');
var rLong = r.length;
var rWide = r[0].length;
var n = rLong*rWide;
var v;
for (var i=0; i<rLong; i++){
for (var j=0; j<rWide; j++) {
v = r[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="update CW('box',this.f orm.numSelect,
this.form.letSe lect)">
<input type="button" value="Restore crossword"
onclick="restor eCrossword('box ');">
<input type="button" value="Solve crossword"
onclick="solveC rossword('box') ;">
<script type="text/javascript">
addNumSelects(' numSelect');
addLetSelects(' letSelect');
</script>
</form>

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

</body>
</html>
--
Rob
Jul 23 '05 #2
Thanks for your help!

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

Do you know why?
Jul 23 '05 #3
Richard wrote:
Thanks for your help!

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

Do you know why?


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

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

--
Rob
Jul 23 '05 #4

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

Similar topics
0
2167
Programming Contest - Create A Crossword
by: potm | last post by:
I hope you'll allow me a few moments to tell you about a programming contest that may be of interest to you. It's completely for fun, unsponsored, and pressure-free. It's called the POTM, and we live at http://dinsights.com/POTM ... The current contest, with a deadline at the end of February, involves creating a crossword puzzle from a supplied wordlist. There are a few twists involved (like reuse of words and the availability of a...
PHP
4
3815
Asymptopia Crossword Builder (JavaScript web-application)
by: Charlie Cosse | last post by:
Asymptopia Crossword Builder is a JavaScript application. A robust GUI allows users to submit arbitrary length lists of key-hint pairs which can be regenerated an unlimited number of times until the user wants to accept the layout. The dhtml interface provides a configuration panel, key- generating panel (i.e. answer sheet), puzzle-generating panel (blank squares with numbers for accross/down), and an across-down-hints panel which...
Javascript
6
3306
textDecorationLineThrough style property (DHTML) in Javascript
by: mary zelinski | last post by:
I have a word bank for a javascript crossword puzzle I'm working on. What I want to do is when a user clicks on a word in the word bank, it crosses itself out. I have tried: <a href="javascript:this.style.textDecorationLineThrough">text here</a> to no avail. does anyone have an idea on how to do this?
Javascript
6
5660
Asymptopia Crossword Builder (Open Source)
by: Asymptopia | last post by:
Hi, if anyone is interested I've released an opensource crossword builder at http://www.asymptopia.org. It should work with IE/Mozilla/Netscape and hopefully others. Please send any feedback you may have to the address on the "Contact" div. Thanks, AZ
Javascript
0
1223
The POTM - Programming COntest - Create A Crossword
by: potm | last post by:
I hope you'll allow me a few moments to tell you about a programming contest that may be of interest to you. It's completely for fun, unsponsored, and pressure-free. It's called the POTM, and we live at http://dinsights.com/POTM ... The current contest, with a deadline at the end of February, involves creating a crossword puzzle from a supplied wordlist. There are a few twists involved (like reuse of words and the availability of a...
C / C++
3
408
Programming Contest: Create a Crossword
by: potm | last post by:
C/C++/Perl/Python/PHP/Shell/awk/Ruby/TCL/etc ... Given a list of words, your program must create a crossword puzzle. Deadline: February 28, 2005. http://dinsights.com/POTM is the home of the "Programmer Of The Month" contest. The POTM is purely for fun and is not sponsored. The contest originated in the early 90s and has recently (09/2004) been revived. We now have 850+ members with an active message board ... I hope you'll find...
C / C++
0
1489
The POTM - Programming Contest - Create A Crossword
by: potm | last post by:
I hope you'll allow me a few moments to tell you about a programming contest that may be of interest to you. It's completely for fun, unsponsored, and pressure-free. It's called the POTM, and we live at http://dinsights.com/POTM ... The current contest, with a deadline at the end of February, involves creating a crossword puzzle from a supplied wordlist. There are a few twists involved (like reuse of words and the availability of a...
C / C++
9
3679
javascript classpath
by: trpost | last post by:
I am using javascript to call a hidden applet and am getting a javascript error "java.lang.Exception: java.lang.NoClassDefFoundError: org/apache/commons/httpclient/HttpClient" If I comment out the alert statement then the applet loads fine, but when I make a javascript call it looks like it needs to be aware of the classpath. I have all my .jar files in the right place for the applet (C:\Program Files\Java\jre1.5.0_06\classes) because...
Javascript
0
8290
Changing the language in Windows 10
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can effortlessly switch the default language on Windows 10 without reinstalling. I'll walk you through it. First, let's disable language synchronization. With a Microsoft account, language settings sync across devices. To prevent any complications,...
Windows Server
0
8815
Oralloy
Problem With Comparison Operator <=> in G++
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed. This is as boiled down as I can make it. Here is my compilation command: g++-12 -std=c++20 -Wnarrowing bit_field.cpp Here is the code in...
C / C++
0
8707
jinu1996
Maximizing Business Potential: The Nexus of Website Design and Digital Marketing
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven tapestry of website design and digital marketing. It's not merely about having a website; it's about crafting an immersive digital experience that captivates audiences and drives business growth. The Art of Business Website Design Your website is...
Online Marketing
0
8593
tracyyun
Discussion: How does Zigbee compare with other wireless protocols in smart home applications?
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each protocol has its own unique characteristics and advantages, but as a user who is planning to build a smart home system, I am a bit confused by the choice of these technologies. I'm particularly interested in Zigbee because I've heard it does some...
General
0
7306
agi2029
AI Job Threat for Devs
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then launch it, all on its own.... Now, this would greatly impact the work of software developers. The idea...
Career Advice
1
6161
isladogs
Access Europe - Using VBA to create a class based on a table - Wed 1 May
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new presenter, Adolph Dupré who will be discussing some powerful techniques for using class modules. He will explain when you may want to use classes instead of User Defined Types (UDT). For example, to manage the data in unbound forms. Adolph will...
Microsoft Access / VBA
0
5622
Couldn’t get equations in html when convert word .docx file to html file in C#.
by: conductexam | last post by:
I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one. At the time of converting from word file to html my equations which are in the word document file was convert into image. Globals.ThisAddIn.Application.ActiveDocument.Select();...
C# / C Sharp
0
4294
Windows Forms - .Net 8.0
by: adsilva | last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
Visual Basic .NET
1
1916
muto222
How to add payments to a PHP MySQL app.
by: muto222 | last post by:
How can i add a mobile payment intergratation into php mysql website.
PHP

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

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

BYTES.COM © 2024
About Bytes
Terms Of Use
Privacy Policy
Sitemap
Advertise on Bytes
How to Post and Respond on Bytes
How to Promote and Link on Bytes
How to increase your Ranking on Bytes
Become a Recognized Expert on Bytes
Feedback Welcomed! Contact Us