[Resolvido] Formulário de satisfação de cliente, asp + javascript

Pessoal, bom dia, preciso de uma luz aqui. Já recorri ao fórum de asp, mas me pediram pra vir aqui pra ver se tem solução.

Primeiro queria dizer q não sou programador, sou designer, mas me pediram pra fazer esse form em carater meio q emergencial, aí me enrosquei todo, por isso peço um pouco de paciência comigo ..rs Bom, vamos ao assunto.

O Formulário que estou precisando fazer para a empresa é o seguinte, um form de pesquisa de satisfação, onde terão alguns campos que só aparecem conforme a escolha da pessoa, por exemplo, eu tenho a pergunta: Como você considera sua satisfação com relação ao produto? aqui terei 5 níveis de avaliação: Totalmente satisfeito, satisfeito, nem satisfeito nem insatisfeito, insatisfeito, totalmente insatisfeito sendo que quando o cliente selecionar insatisfeito ou totalmente insatisfeito, abrirá um campo de texto para que ele expecifique os motivos.

O mesmo ocorrerá em uma outra área do form.

Bom, agora tenho vários problemas, portanto vou por partes:

o primeiro deles é que os campos que estão "escondidos" só funcionam no Explorer... no firefox eles não funcionam

O segundo é que eu tenho 2 perguntas onde deverá acontecer este procedimento que citei, na pergunta sobre satisfação do produto e em outra pergunta avaliando, embalagem, componentes etc, porém quando a pessoa marca a avaliação de embalagem por exemplo, ele me esconde e desmarca o campo de insatisfação da outra pergunta, quem puder por favor faça o teste no form para entenderem melhor o que estou dizendo...

Tenho outros probleminhas tbm, mas acho melhor ir por partes para não ficar confuso demais :wacko:

Vou colocar aqui o link do formulário e tbm o código dele para darem uma olhada, agradeço desde já a quem puder me ajudar.

www.grow.com.br/satisfacao2.asp

<script>

	var valor_radio = null;

	function HabCampos(valor){

 document.getElementById("insatisfeito").style.display = 'none';
 document.getElementById("embalagem").style.display = 'none';
 document.getElementById("Componentes").style.display = 'none';
 document.getElementById("regras").style.display = 'none';
 document.getElementById("faixa_etaria").style.display = 'none';
 document.getElementById("funcionamento").style.display = 'none';

 document.getElementById("satisfeito").style.display = 'none';

 if (valor == 'insatisfeito')
 document.getElementById("insatisfeito").style.display = '';
 else if (valor == 'embalagem')
 document.getElementById("embalagem").style.display = '';
 else if (valor == 'componentes')
 document.getElementById("componentes").style.display = '';
 else if (valor == 'regras')
 document.getElementById("regras").style.display = '';
 else if (valor == 'faixa_etaria')
 document.getElementById("faixa_etaria").style.display = '';
 else if (valor == 'funcionamento')
 document.getElementById("funcionamento").style.display = '';
 else
 document.getElementById("satisfeito").style.display = '';

 valor_radio = valor;
	}

	</script>

<form name="form1" action="Enviar_email.asp" >
 <table width="100%" border="1" cellspacing="0" cellpadding="0">
	<tr>
 <td colspan="7">Nome
 <input type="text" name="nome">
 </td>
	</tr>
	<tr>
 <td colspan="7">Idade
 <input type="text" name="idade">
 </td>
	</tr>
	<tr>
 <td colspan="7">DDD+Telefone
 <input type="text" name="ddd">
 <input type="text" name="telefone">
 </td>
	</tr>
	<tr>
 <td colspan="7">E-mail
 <input type="text" name="email">
 </td>
	</tr>
	<tr>
 <td colspan="7">nome do Produto:
 <input type="text" name="produto">
 </td>
	</tr>
	<tr>
 <td colspan="2">Comprou ou ganhou?
 <select name="select">
 <option value="Comprei">Comprei</option>
 <option value="Ganhei">Ganhei</option>
 </select>
 </td>
 <td colspan="5">Quando?(mês/ano)
 <input type="text" name="qdoadquiriu">
 </td>
	</tr>
	<tr>
 <td colspan="7">Você se divertiu com o produto?
 <select name="select2">
 <option value="sim">Sim</option>
 <option value="não">não</option>
 </select>
 </td>
	</tr>
	<tr>
 <td colspan="7">Como você considera sua satisfação com
 relação ao produto?</td>
	</tr>
	<tr>
 <td colspan="7">
 <input name="wmonline" id="wmonline" type="radio" value="satisfeito" onClick="HabCampos(this.value)"/>
 Totalmente satisfeito
 <input name="wmonline" id="wmonline" type="radio" value="satisfeito" onClick="HabCampos(this.value)"/>
 Satisfeito
 <input name="wmonline" id="wmonline" type="radio" value="satisfeito" onClick="HabCampos(this.value)"/>
 Nem satisfeito, nem insatisfeito
 <input name="wmonline" id="wmonline" type="radio" value="insatisfeito" onClick="HabCampos(this.value)"/>
 Insatisfeito
 <input name="wmonline" id="wmonline" type="radio" value="insatisfeito" onClick="HabCampos(this.value)"/>
 Totalmente insatisfeito</td>
	</tr>
	<tr>
 <td colspan="7" height="15">
 <div id="insatisfeito" name="insatisfeito" style="display:none"> <label for="particular">Em
 caso de insatisfação, descreva aqui o(s) motivo(os):</label>
 <textarea name="insatisfeito" id="insatisfeito" cols="28"></textarea>
 </div>
 </td>
	</tr>
	<tr>
 <td colspan="7">Qual a sua opinião sobre os itens abaixo?</td>
	</tr>
	<tr>
 <td width="9%"> </td>
 <td width="8%">
 <div align="center">Ótimo</div>
 </td>
 <td width="9%">
 <div align="center">Muito Bom</div>
 </td>
 <td width="9%">
 <div align="center">Bom</div>
 </td>
 <td width="9%">
 <div align="center">Regular</div>
 </td>
 <td width="10%">
 <div align="center">Ruim</div>
 </td>
 <td width="46%"> </td>
	</tr>
	<tr>
 <td width="9%" height="29">Embalagem</td>
 <td width="8%" height="29">
 <div align="center">
 <input name="wmonline" id="wmonline" type="radio" value="satisfeito" onClick="HabCampos(this.value)"/>
 </div>
 </td>
 <td width="9%" height="29">
 <div align="center">
 <input name="wmonline" id="wmonline" type="radio" value="satisfeito" onClick="HabCampos(this.value)"/>
 </div>
 </td>
 <td width="9%" height="29">
 <div align="center">
 <input name="wmonline" id="wmonline" type="radio" value="satisfeito" onClick="HabCampos(this.value)"/>
 </div>
 </td>
 <td width="9%" height="29">
 <div align="center">
 <input name="wmonline" id="wmonline" type="radio" value="embalagem" onClick="HabCampos(this.value)"/>
 </div>
 </td>
 <td width="10%" height="29">
 <div align="center">
 <input name="wmonline" id="wmonline" type="radio" value="embalagem" onClick="HabCampos(this.value)"/>
 </div>
 </td>
 <td width="46%" height="29">
 <div id="embalagem" name="embalagem" style="display:none"> <label for="opcao_convenio">Em
 caso de insatisfação, descreva aqui o(s) motivo(os):</label>
 <br>
 <textarea name="particular22" id="particular2" cols="28"></textarea>
 </div>
 </td>
	</tr>
	<tr>
 <td width="9%" height="2">Componentes</td>
 <td width="8%" height="2">
 <div align="center">
 <input name="wmonline" id="wmonline" type="radio" value="satisfeito" onClick="HabCampos(this.value)"/>
 </div>
 </td>
 <td width="9%" height="2">
 <div align="center">
 <input name="wmonline" id="wmonline" type="radio" value="satisfeito" onClick="HabCampos(this.value)"/>
 </div>
 </td>
 <td width="9%" height="2">
 <div align="center">
 <input name="wmonline" id="wmonline" type="radio" value="satisfeito" onClick="HabCampos(this.value)"/>
 </div>
 </td>
 <td width="9%" height="2">
 <div align="center">
 <input name="wmonline" id="wmonline" type="radio" value="componentes" onClick="HabCampos(this.value)"/>
 </div>
 </td>
 <td width="10%" height="2">
 <div align="center">
 <input name="wmonline" id="wmonline" type="radio" value="componentes" onClick="HabCampos(this.value)"/>
 </div>
 </td>
 <td width="46%" height="2">
 <div id="componentes" name="opcao_convenio" style="display:none"> <label for="opcao_convenio">Em
 caso de insatisfação, descreva aqui o(s) motivo(os):</label><br>
 <textarea name="particular22" id="particular2" cols="28"></textarea>
 </div>
 </td>
	</tr>
	<tr>
 <td width="9%">Instruções ou regras</td>
 <td width="8%">
 <div align="center">
 <input name="wmonline" id="wmonline" type="radio" value="satisfeito" onClick="HabCampos(this.value)"/>
 </div>
 </td>
 <td width="9%">
 <div align="center">
 <input name="wmonline" id="wmonline" type="radio" value="satisfeito" onClick="HabCampos(this.value)"/>
 </div>
 </td>
 <td width="9%">
 <div align="center">
 <input name="wmonline" id="wmonline" type="radio" value="satisfeito" onClick="HabCampos(this.value)"/>
 </div>
 </td>
 <td width="9%">
 <div align="center">
 <input name="wmonline" id="wmonline" type="radio" value="regras" onClick="HabCampos(this.value)"/>
 </div>
 </td>
 <td width="10%">
 <div align="center">
 <input name="wmonline" id="wmonline" type="radio" value="regras" onClick="HabCampos(this.value)"/>
 </div>
 </td>
 <td width="46%">
 <div id="regras" name="opcao_convenio" style="display:none"> <label for="opcao_convenio">Em
 caso de insatisfação, descreva aqui o(s) motivo(os):</label>
 <br>
 <textarea name="particular22" id="particular2" cols="28"></textarea>
 </div>
 </td>
	</tr>
	<tr>
 <td width="9%">adequação da faixa etária</td>
 <td width="8%">
 <div align="center">
 <input name="wmonline" id="wmonline" type="radio" value="satisfeito" onClick="HabCampos(this.value)"/>
 </div>
 </td>
 <td width="9%">
 <div align="center">
 <input name="wmonline" id="wmonline" type="radio" value="satisfeito" onClick="HabCampos(this.value)"/>
 </div>
 </td>
 <td width="9%">
 <div align="center">
 <input name="wmonline" id="wmonline" type="radio" value="satisfeito" onClick="HabCampos(this.value)"/>
 </div>
 </td>
 <td width="9%">
 <div align="center">
 <input name="wmonline" id="wmonline" type="radio" value="faixa_etaria" onClick="HabCampos(this.value)"/>
 </div>
 </td>
 <td width="10%">
 <div align="center">
 <input name="wmonline" id="wmonline" type="radio" value="faixa_etaria" onClick="HabCampos(this.value)"/>
 </div>
 </td>
 <td width="46%">
 <div id="faixa_etaria" name="opcao_convenio" style="display:none"> <label for="opcao_convenio">Em
 caso de insatisfação, descreva aqui o(s) motivo(os):</label>
 <br>
 <textarea name="particular22" id="particular2" cols="28"></textarea>
 </div>
 </td>
	</tr>
	<tr>
 <td width="9%">Funcionamento</td>
 <td width="8%">
 <div align="center">
 <input name="wmonline" id="wmonline" type="radio" value="satisfeito" onClick="HabCampos(this.value)"/>
 </div>
 </td>
 <td width="9%">
 <div align="center">
 <input name="wmonline" id="wmonline" type="radio" value="satisfeito" onClick="HabCampos(this.value)"/>
 </div>
 </td>
 <td width="9%">
 <div align="center">
 <input name="wmonline" id="wmonline" type="radio" value="satisfeito" onClick="HabCampos(this.value)"/>
 </div>
 </td>
 <td width="9%">
 <div align="center">
 <input name="wmonline" id="wmonline" type="radio" value="funcionamento" onClick="HabCampos(this.value)"/>
 </div>
 </td>
 <td width="10%">
 <div align="center">
 <input name="wmonline" id="wmonline" type="radio" value="funcionamento" onClick="HabCampos(this.value)"/>
 </div>
 </td>
 <td width="46%">
 <div id="funcionamento" name="opcao_convenio" style="display:none"> <label for="opcao_convenio">Em
 caso de insatisfação, descreva aqui o(s) motivo(os):</label>
 <br>
 <textarea name="particular22" id="particular2" cols="28"></textarea>
 </div>
 </td>
	</tr>
 </table>
 <p>
	<input type="submit" name="Concluir" value="Concluir" >
 </p>
 <p> </p>
<div id="satisfeito" style="display:none"></div>

<br/>

 <br />
</form>