<style type="text/css">
<!--
.question_box {
width: 200px;
height: 130px;
margin: 10px;
float: left;
}
.question_box table {
width: 91%;
padding: 0;
font: 12px/15px Arial, Helvetica, sans-serif;
border: 2px solid black;
}
.question_box td {
padding: 5px 5px;
border-bottom: 1px solid #ccc;
}
.c {
text-align: center;
}
.thick_border {
border: 2px solid black;
}
-->
</style>
<script type="text/javascript">
function doSome(thisId)
{
//alert(thisId)
thisRadio = document.getElementById(thisId)
oppId = ""
if(thisId.substring(thisId.length-1) == "1")
{
oppId = thisId.substring(0, thisId.length-1) + "2"
}
else
oppId = thisId.substring(0, thisId.length-1) + "1"
//alert(oppId)
oppRadio = document.getElementById(oppId)
oppRadio.checked = false
}
</script>
<table style="text-align: left; width: 900px; margin: auto;" border="0" cellpadding="2"
cellspacing="0">
<tr>
<th width="500px">
Personal Profile System</th>
<td>
<label for="fn" class="label">
<b>First Name:</b> {fn} {ln}</label>
</tr>
<tr>
<th>
Response Page</th>
</tr>
</table>
<br>
<div style="align: center">
In each box below choose (1) word MOST and (1) word LEAST that best describes yourself.
(7 min. to complete)
<br />
<br />
</div>
<div style="width: 900px; height: 450px; margin: auto;">
<table cellspacing="0" border="0" cellpadding="0" align="center" style="width: 600px;
height: 423px;">
<tbody>
<tr>
<td width="54%">
<font color="blue">1</font></td>
<td width="24%" class="c">
Most</td>
<td width="22%" class="c">
Least</td>
</tr>
<tr>
<td>
Enthusiastic</td>
<td align="center">
<input name="RadioGroup1" value="most_enthusiastic" id="rg1_1" type="radio" onclick="doSome(this.id)" /></td>
<td align="center">
<input name="RadioGroup2" value="least_enthusiastic" id="rg1_2" type="radio" onclick="doSome(this.id)" /></td>
</tr>
<tr>
<td>
Daring</td>
<td align="center">
<input name="RadioGroup1" value="most_daring" id="rg2_1" type="radio" onclick="doSome(this.id)" /></td>
<td align="center">
<input name="RadioGroup2" value="least_daring" id="rg2_2" type="radio" onclick="doSome(this.id)" /></td>
</tr>
<tr>
<td>
Diplomatic</td>
<td align="center">
<input name="RadioGroup1" value="most_diplomatic" id="rg3_1" type="radio" onclick="doSome(this.id)" /></td>
<td align="center">
<input name="RadioGroup2" value="least_diplomatic" id="rg3_2" type="radio" onclick="doSome(this.id)" /></td>
</tr>
<tr>
<td>
Satisfied</td>
<td align="center">
<input name="RadioGroup1" value="most_satisfied" id="rg4_1" type="radio" onclick="doSome(this.id)" /></td>
<td align="center">
<input name="RadioGroup2" value="least_satisfied" id="rg4_2" type="radio" onclick="doSome(this.id)" /></td>
</tr>
<tr>
<td>
<input type="submit" name="next" id="next" value="Next Question >>" style="font-family: Arial, Helvetica, sans-serif;
font-size: 14px;" onclick="enablenexttable(2);" /></td>
</tr>
</tbody>
</table>
</div>
|