Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Fabrizio_mei

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

Por , em Javascript

Recommended Posts

Fabrizio_mei    0

Fabrizio_mei
Postado

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>

Compartilhar este post

Link para o post
Compartilhar em outros sites

sublyer    0

sublyer
Postado

Seu problema se resolve utilizando JavaScript, não Java.

 

Estou movendo seu tópico para o local correto.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Fabrizio_mei    0

Fabrizio_mei
Postado

Bom dia!

Vou abusar mais um pouquinho, alguém sabe me dizer se é possível fazer com que o form calcule a porcentagem de satisfação do cliente? Ou seja, o cliente preenche o form e envia, quando a empresa receber o email com as respostas, venha junto, conforme as repostas, a porcentagem de satisfação no corpo do email.

Grato a quem souber. http://forum.imasters.com.br/public/style_emoticons/default/bye1.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito