gamble2003
03-15-2006, 05:01 PM
Hello, I am looking for a sample of some code for my webpage I have survey questions that I would like to have expand into more questions the user goes on. Sample websites? Sample code?
For example, if my question in my survey goes "Are you happy with our services" Yes or No and if they click Yes, it takes them to another question...if No, then I'd like the question to expand to other questions. An expand/collapse kind of thing.
Here's what I have so far...what I was thinking was that if they clicked on "Need" then another question would expand about their level of satisfaction with the services: "Satisfied", "Not Satisfied" etc.
<table>
<tr>
<td WIDTH="740" COLSPAN="2" ALIGN="center"><h3 align="left">
<font face="Arial" size="3">I. Need of and Satisfaction for
access/accommodations:</font></h3>
<p align="left"><font face="Arial">Please let us know what your current
level of NEED is for each access issue listed below. If you indicate a
"need" for a service, you will also be asked to provide information on your
current level of satisfaction.</font></td>
</tr>
<tr>
<td WIDTH="740" ALIGN="center">
<table BORDER="1">
<tr>
<td><b><font face="Arial">A. Academic Accommodations:</font></b></td>
<td ALIGN="bottom"><font face="Arial">No Need</font></td>
<td ALIGN="bottom"><font face="Arial">Some Need</font></td>
<td ALIGN="bottom" width="82"><font face="Arial">Average Need</font></td>
<td ALIGN="bottom" width="59"><font face="Arial">Great Need</font></td>
<td ALIGN="bottom"><font face="Arial">Extreme Need</font></td>
</tr>
<tr>
<td><font face="Arial">Note-taking Accommodations:</font></td>
<td ALIGN="center"><font face="Arial" size="3"><input TYPE="radio" NAME="T2R1" VALUE="0"></font></td>
<td ALIGN="center"><font face="Arial" size="3"><input TYPE="radio" NAME="T2R1" VALUE="4"></font></td>
<td ALIGN="center" width="82"><font face="Arial" size="3"><input TYPE="radio" NAME="T2R1" VALUE="3"></font></td>
<td ALIGN="center" width="59"><font face="Arial" size="3"><input TYPE="radio" NAME="T2R1" VALUE="2"></font></td>
<td ALIGN="center"><font face="Arial" size="3"><input TYPE="radio" NAME="T2R1" VALUE="1"></font></td>
</tr>
<tr>
<td><font face="Arial">Sign-Language Interpreters</font></td>
<td ALIGN="center"><font face="Arial" size="3"><input TYPE="radio" NAME="T2R2" VALUE="0"></font></td>
<td ALIGN="center"><font face="Arial" size="3"><input TYPE="radio" NAME="T2R2" VALUE="4"></font></td>
<td ALIGN="center" width="82"><font face="Arial" size="3"><input TYPE="radio" NAME="T2R2" VALUE="3"></font></td>
<td ALIGN="center" width="59"><font face="Arial" size="3"><input TYPE="radio" NAME="T2R2" VALUE="2"></font></td>
<td ALIGN="center"><font face="Arial" size="3"><input TYPE="radio" NAME="T2R2" VALUE="1"></font></td>
</tr>
<tr>
<td><font face="Arial">Communication Assisted Real-time (CART)</font></td>
<td ALIGN="center"><font face="Arial" size="3"><input TYPE="radio" NAME="T2R3" VALUE="0"></font></td>
<td ALIGN="center"><font face="Arial" size="3"><input TYPE="radio" NAME="T2R3" VALUE="4"></font></td>
<td ALIGN="center" width="82"><font face="Arial" size="3"><input TYPE="radio" NAME="T2R3" VALUE="3"></font></td>
<td ALIGN="center" width="59"><font face="Arial" size="3"><input TYPE="radio" NAME="T2R3" VALUE="2"></font></td>
<td ALIGN="center"><font face="Arial" size="3"><input TYPE="radio" NAME="T2R3" VALUE="1"></font></td>
</tr>
<tr>
<td><font face="Arial">Alternative Print Formats (Braille, tape,
e-text, etc.)</font></td>
<td ALIGN="center"><font face="Arial" size="3"><input TYPE="radio" NAME="T2R4" VALUE="0"></font></td>
<td ALIGN="center"><font face="Arial" size="3"><input TYPE="radio" NAME="T2R4" VALUE="4"></font></td>
<td ALIGN="center" width="82"><font face="Arial" size="3"><input TYPE="radio" NAME="T2R4" VALUE="3"></font></td>
<td ALIGN="center" width="59"><font face="Arial" size="3"><input TYPE="radio" NAME="T2R4" VALUE="2"></font></td>
<td ALIGN="center"><font face="Arial" size="3"><input TYPE="radio" NAME="T2R4" VALUE="1"></font></td>
</tr>
<tr>
<td><font face="Arial">Course Substitutions</font></td>
<td ALIGN="center"><font face="Arial" size="3"><input TYPE="radio" NAME="T2R5" VALUE="0"></font></td>
<td ALIGN="center"><font face="Arial" size="3"><input TYPE="radio" NAME="T2R5" VALUE="4"></font></td>
<td ALIGN="center" width="82"><font face="Arial" size="3"><input TYPE="radio" NAME="T2R5" VALUE="3"></font></td>
<td ALIGN="center" width="59"><font face="Arial" size="3"><input TYPE="radio" NAME="T2R5" VALUE="2"></font></td>
<td ALIGN="center"><font face="Arial" size="3"><input TYPE="radio" NAME="T2R5" VALUE="1"></font></td>
</tr>
<tr>
<td><font face="Arial">Course load adjustments</font></td>
<td ALIGN="center"><font face="Arial" size="3">
<input TYPE="radio" NAME="T2R5" VALUE="01" checked></font></td>
<td ALIGN="center"><font face="Arial" size="3">
<input TYPE="radio" NAME="T2R5" VALUE="41"></font></td>
<td ALIGN="center" width="82"><font face="Arial" size="3">
<input TYPE="radio" NAME="T2R5" VALUE="31"></font></td>
<td ALIGN="center" width="59"><font face="Arial" size="3">
<input TYPE="radio" NAME="T2R5" VALUE="21"></font></td>
<td ALIGN="center"><font face="Arial" size="3">
<input TYPE="radio" NAME="T2R5" VALUE="11"></font></td>
</tr>
<tr>
<td><font face="Arial">Assistive Computer Technology</font></td>
<td ALIGN="center"><font face="Arial" size="3">
<input TYPE="radio" NAME="T2R5" VALUE="02"></font></td>
<td ALIGN="center"><font face="Arial" size="3">
<input TYPE="radio" NAME="T2R5" VALUE="42"></font></td>
<td ALIGN="center" width="82"><font face="Arial" size="3">
<input TYPE="radio" NAME="T2R5" VALUE="32"></font></td>
<td ALIGN="center" width="59"><font face="Arial" size="3">
<input TYPE="radio" NAME="T2R5" VALUE="22"></font></td>
<td ALIGN="center"><font face="Arial" size="3">
<input TYPE="radio" NAME="T2R5" VALUE="12"></font></td>
</tr>
<tr>
<td height="25"><font face="Arial">Lab or Library assistance</font></td>
<td ALIGN="center"><font face="Arial" size="3">
<input TYPE="radio" NAME="T2R5" VALUE="03"></font></td>
<td ALIGN="center"><font face="Arial" size="3">
<input TYPE="radio" NAME="T2R5" VALUE="43"></font></td>
<td ALIGN="center" width="82"><font face="Arial" size="3">
<input TYPE="radio" NAME="T2R5" VALUE="33"></font></td>
<td ALIGN="center" width="59"><font face="Arial" size="3">
<input TYPE="radio" NAME="T2R5" VALUE="23"></font></td>
<td ALIGN="center"><font face="Arial" size="3">
<input TYPE="radio" NAME="T2R5" VALUE="13"></font></td>
</tr>
</table>
</td>
</table>
For example, if my question in my survey goes "Are you happy with our services" Yes or No and if they click Yes, it takes them to another question...if No, then I'd like the question to expand to other questions. An expand/collapse kind of thing.
Here's what I have so far...what I was thinking was that if they clicked on "Need" then another question would expand about their level of satisfaction with the services: "Satisfied", "Not Satisfied" etc.
<table>
<tr>
<td WIDTH="740" COLSPAN="2" ALIGN="center"><h3 align="left">
<font face="Arial" size="3">I. Need of and Satisfaction for
access/accommodations:</font></h3>
<p align="left"><font face="Arial">Please let us know what your current
level of NEED is for each access issue listed below. If you indicate a
"need" for a service, you will also be asked to provide information on your
current level of satisfaction.</font></td>
</tr>
<tr>
<td WIDTH="740" ALIGN="center">
<table BORDER="1">
<tr>
<td><b><font face="Arial">A. Academic Accommodations:</font></b></td>
<td ALIGN="bottom"><font face="Arial">No Need</font></td>
<td ALIGN="bottom"><font face="Arial">Some Need</font></td>
<td ALIGN="bottom" width="82"><font face="Arial">Average Need</font></td>
<td ALIGN="bottom" width="59"><font face="Arial">Great Need</font></td>
<td ALIGN="bottom"><font face="Arial">Extreme Need</font></td>
</tr>
<tr>
<td><font face="Arial">Note-taking Accommodations:</font></td>
<td ALIGN="center"><font face="Arial" size="3"><input TYPE="radio" NAME="T2R1" VALUE="0"></font></td>
<td ALIGN="center"><font face="Arial" size="3"><input TYPE="radio" NAME="T2R1" VALUE="4"></font></td>
<td ALIGN="center" width="82"><font face="Arial" size="3"><input TYPE="radio" NAME="T2R1" VALUE="3"></font></td>
<td ALIGN="center" width="59"><font face="Arial" size="3"><input TYPE="radio" NAME="T2R1" VALUE="2"></font></td>
<td ALIGN="center"><font face="Arial" size="3"><input TYPE="radio" NAME="T2R1" VALUE="1"></font></td>
</tr>
<tr>
<td><font face="Arial">Sign-Language Interpreters</font></td>
<td ALIGN="center"><font face="Arial" size="3"><input TYPE="radio" NAME="T2R2" VALUE="0"></font></td>
<td ALIGN="center"><font face="Arial" size="3"><input TYPE="radio" NAME="T2R2" VALUE="4"></font></td>
<td ALIGN="center" width="82"><font face="Arial" size="3"><input TYPE="radio" NAME="T2R2" VALUE="3"></font></td>
<td ALIGN="center" width="59"><font face="Arial" size="3"><input TYPE="radio" NAME="T2R2" VALUE="2"></font></td>
<td ALIGN="center"><font face="Arial" size="3"><input TYPE="radio" NAME="T2R2" VALUE="1"></font></td>
</tr>
<tr>
<td><font face="Arial">Communication Assisted Real-time (CART)</font></td>
<td ALIGN="center"><font face="Arial" size="3"><input TYPE="radio" NAME="T2R3" VALUE="0"></font></td>
<td ALIGN="center"><font face="Arial" size="3"><input TYPE="radio" NAME="T2R3" VALUE="4"></font></td>
<td ALIGN="center" width="82"><font face="Arial" size="3"><input TYPE="radio" NAME="T2R3" VALUE="3"></font></td>
<td ALIGN="center" width="59"><font face="Arial" size="3"><input TYPE="radio" NAME="T2R3" VALUE="2"></font></td>
<td ALIGN="center"><font face="Arial" size="3"><input TYPE="radio" NAME="T2R3" VALUE="1"></font></td>
</tr>
<tr>
<td><font face="Arial">Alternative Print Formats (Braille, tape,
e-text, etc.)</font></td>
<td ALIGN="center"><font face="Arial" size="3"><input TYPE="radio" NAME="T2R4" VALUE="0"></font></td>
<td ALIGN="center"><font face="Arial" size="3"><input TYPE="radio" NAME="T2R4" VALUE="4"></font></td>
<td ALIGN="center" width="82"><font face="Arial" size="3"><input TYPE="radio" NAME="T2R4" VALUE="3"></font></td>
<td ALIGN="center" width="59"><font face="Arial" size="3"><input TYPE="radio" NAME="T2R4" VALUE="2"></font></td>
<td ALIGN="center"><font face="Arial" size="3"><input TYPE="radio" NAME="T2R4" VALUE="1"></font></td>
</tr>
<tr>
<td><font face="Arial">Course Substitutions</font></td>
<td ALIGN="center"><font face="Arial" size="3"><input TYPE="radio" NAME="T2R5" VALUE="0"></font></td>
<td ALIGN="center"><font face="Arial" size="3"><input TYPE="radio" NAME="T2R5" VALUE="4"></font></td>
<td ALIGN="center" width="82"><font face="Arial" size="3"><input TYPE="radio" NAME="T2R5" VALUE="3"></font></td>
<td ALIGN="center" width="59"><font face="Arial" size="3"><input TYPE="radio" NAME="T2R5" VALUE="2"></font></td>
<td ALIGN="center"><font face="Arial" size="3"><input TYPE="radio" NAME="T2R5" VALUE="1"></font></td>
</tr>
<tr>
<td><font face="Arial">Course load adjustments</font></td>
<td ALIGN="center"><font face="Arial" size="3">
<input TYPE="radio" NAME="T2R5" VALUE="01" checked></font></td>
<td ALIGN="center"><font face="Arial" size="3">
<input TYPE="radio" NAME="T2R5" VALUE="41"></font></td>
<td ALIGN="center" width="82"><font face="Arial" size="3">
<input TYPE="radio" NAME="T2R5" VALUE="31"></font></td>
<td ALIGN="center" width="59"><font face="Arial" size="3">
<input TYPE="radio" NAME="T2R5" VALUE="21"></font></td>
<td ALIGN="center"><font face="Arial" size="3">
<input TYPE="radio" NAME="T2R5" VALUE="11"></font></td>
</tr>
<tr>
<td><font face="Arial">Assistive Computer Technology</font></td>
<td ALIGN="center"><font face="Arial" size="3">
<input TYPE="radio" NAME="T2R5" VALUE="02"></font></td>
<td ALIGN="center"><font face="Arial" size="3">
<input TYPE="radio" NAME="T2R5" VALUE="42"></font></td>
<td ALIGN="center" width="82"><font face="Arial" size="3">
<input TYPE="radio" NAME="T2R5" VALUE="32"></font></td>
<td ALIGN="center" width="59"><font face="Arial" size="3">
<input TYPE="radio" NAME="T2R5" VALUE="22"></font></td>
<td ALIGN="center"><font face="Arial" size="3">
<input TYPE="radio" NAME="T2R5" VALUE="12"></font></td>
</tr>
<tr>
<td height="25"><font face="Arial">Lab or Library assistance</font></td>
<td ALIGN="center"><font face="Arial" size="3">
<input TYPE="radio" NAME="T2R5" VALUE="03"></font></td>
<td ALIGN="center"><font face="Arial" size="3">
<input TYPE="radio" NAME="T2R5" VALUE="43"></font></td>
<td ALIGN="center" width="82"><font face="Arial" size="3">
<input TYPE="radio" NAME="T2R5" VALUE="33"></font></td>
<td ALIGN="center" width="59"><font face="Arial" size="3">
<input TYPE="radio" NAME="T2R5" VALUE="23"></font></td>
<td ALIGN="center"><font face="Arial" size="3">
<input TYPE="radio" NAME="T2R5" VALUE="13"></font></td>
</tr>
</table>
</td>
</table>