Help with Form Dependency Manager

[Jim Weinberg]

1) Script Title: Form Dependency Manager

2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...s=ccccc&iis=on


3) Describe problem: I'm trying to use the Form Dependency Manager. If I put the dependent items in a table as follows, it works fine:

<form name="AskUs1" method="post" action="http://ohiobuttons.org/test/Process_Questions.php" onsubmit="return checkrequired(this);">
<table><tr><td>
<label>Phone ( <input type="text" class="DEPENDS ON Contact BEING EMPTY OR Contact BEING Email" name="Areacode" onkeyup="return autoTab(this, 3, event);" size="3" maxlength="3" onblur="checkit(this)"> )
<input type="text" class="DEPENDS ON Contact BEING EMPTY OR Contact BEING Email" name="Prefix" onkeyup="return autoTab(this, 3, event);" size="3" maxlength="3" onblur="checkit(this)"> - 
<input type="text" class="DEPENDS ON Contact BEING EMPTY OR Contact BEING Email" name="Phonenumber" onkeyup="return autoTab(this, 4, event);" size="4" maxlength="4" onblur="checkit(this)"></label>
<input type="hidden" class="DEPENDS ON Contact BEING phone OR Contact BEING Email">
<label>Phone*( <input type="text" id=Required class=="DEPENDS ON Contact BEING Phone" name="Areacode" onkeyup="return autoTab(this, 3, event);" size="3" maxlength="3" onblur="checkit(this)"> )
<input type="text" id=Required class="DEPENDS ON Contact BEING Phone" name="Prefix" onkeyup="return autoTab(this, 3, event);" size="3" maxlength="3" onblur="checkit(this)"> - 
<input type="text" id=Required class="DEPENDS ON Contact BEING Phone" name="Phonenumber" onkeyup="return autoTab(this, 4, event);" size="4" maxlength="4" onblur="checkit(this)"></label>
</td></tr>
<tr><td>
<label>Email <input type="text" class="DEPENDS ON Contact BEING EMPTY OR Contact BEING Phone" name="Email" size="32" maxlength="40" onblur="checkit(this)"></label>
<label>Email* <input type="text" id=Required class="DEPENDS ON Contact BEING Email" name="Email" size="32" maxlength="40" onblur="checkit(this)"></label>
</td</tr>
<tr><td>
How do you wish to be Contacted <select name="Contact">
<option value=""><option value="Phone">Phone<option value="Email">Email</select>
</td></tr></table>
</form>

But if I try to put it in a "formated" table such as:

<table>
<tr>
<td align="right">Phone </td><td align="left">( <input type="text" name="Areacode" onkeyup="return autoTab(this, 3, event);" size="3" maxlength="3" onblur="checkit(this)"> )
<input type="text" name="Prefix" onkeyup="return autoTab(this, 3, event);" size="3" maxlength="3" onblur="checkit(this)"> - 
<input type="text" name="Phonenumber" onkeyup="return autoTab(this, 4, event);" size="4" maxlength="4" onblur="checkit(this)"></td>
</tr>
<tr>
<td align="right">Email </td><td align="left"><input type="text" name="Email" size="32" maxlength="40" onblur="checkit(this)"></td>
</tr>
<tr>
<td align="center" colspan=2>
How do you wish to be Contacted <select name="Contact">
<option value=""><option value="Phone">Phone<option value="Email">Email</select>
</td></tr></table>

it doesn't work. I suspect it has to do with the placement of the Class= parameters. Can someone please help me with this?

Thanks.