Hi All
The code below is not doing as I want it to. I took the code from another place and modified to suit my needs.
When Yes is Selected I want the whole table to show, but it shows is the row if the table. I placed id="laptop" on all the rows to no success. I hope someone can help.
If anyone has an alternative, it is welcome here. Thank You
<html>
<head>
<script type="text/JavaScript">
<!--
function showlaptop(theTable)
{
if (document.getElementById(t
heTable).s
tyle.displ
ay == 'none')
{
document.getElementById(th
eTable).st
yle.displa
y = 'block';
}
}
//-->
<!--
function hidelaptop(theTable)
{
if (document.getElementById(t
heTable).s
tyle.displ
ay == 'none')
{
document.getElementById(th
eTable).st
yle.displa
y = 'none';
}
else
{
document.getElementById(th
eTable).st
yle.displa
y = 'none';
}
}
//-->
</script>
<link href="file://///Ukmhlmail1
/Shared/_D
esign%20&%
20Media/UK
MHL/To%20S
ort/07%20-
%20UKMortg
ageHelplin
e/_root%20
v2/ukmhl.c
ss" rel="stylesheet" type="text/css">
</head>
<body>
<table width="206" border="0" cellpadding="0" cellspacing="0" style="width: 30% border: 0;">
<tr width="100%">
<td>
<input type="radio" name="pctype" value="desktop" onfocus="hidelaptop('lapto
p');return
false;" checked />
<span class="linkswhite">No</spa
n><input type="radio" name="pctype" value="laptop" onfocus="showlaptop('lapto
p');return
true;"/>
<span class="linkswhite">Yes
</span></td>
</tr>
</table>
<br>
<div class="options">
<table border="0" cellpadding="0" cellspacing="0">
<tr id="laptop" style="display: none;">
<td class="linkswhite"><div align="left">CCJ<br>
</div></td>
<td> </td>
</tr>
<tr id="laptop" style="display: none;">
<td class="linkswhite">When was the CCJ Registered ? </td>
<td><input name="textfield" type="text" class="textfield"></td>
</tr>
<tr id="laptop" style="display: none;">
<td class="linkswhite">How much was the CCJ for ? </td>
<td><input name="textfield2" type="text" class="textfield"></td>
</tr>
<tr id="laptop" style="display: none;">
<td class="linkswhite">Is the CCJ Satisfied ? </td>
<td><input name="textfield3" type="text" class="textfield"></td>
</tr>
</table>
</div>
</body>
</html>
Start Free Trial
