Fomulário de satisfação com campos dinamicos

Tiago Penello · Novembro 28, 2008

Olá pessoal, Estou precisando de um formulário de satisfação de clientes, não sou programador, sou designer, porém estou tendo que ajustar algumas coisas no site da empresa.

O form que preciso azer teria que ter campos para:

Nome

Email

Data de nascimento

uma lista com avaliações tipo "ótima, boa, ruim péssima"

E um campo de texto que deverá aparecer somente se a pessoa avaliar como ruim ou péssima.

Depois de preenchido o form precisa ser enviado para um email específico aqui da empresa.

alguém pode me ajudar? Lembrando q não sei praticamente nada de programação.

Grato.

Fabrizio.

OBS.: Não estou conseguindo usar meu login aqui no fórum e tentei cadatrar um novo porém não recebo o email de confirmação do forum para poder usa-lo com meu nome, portanto estou usando o login de um outro funcionário da empresa.

Ted k' · Novembro 28, 2008

sem saber "quase nada" de programação fica complicado pois o fórum é um lugar para te ajudar a fazer e não necessariamente deixar tudo pronto assim, mais você começou a fazer algo?

Tiago Penello · Novembro 28, 2008

É pois é, fica mesmo difícil, ainda mais quando fazemos algo que não é a nossa especialidade, como eu disse, sou designer.

Mas enfim, sei criar um formulário basico, que me envia dados por email e só, o resto que eu descrevi não sei como fazer.

Agradeço a quem puder ajudar.

xanburzum · Novembro 28, 2008

você consegue fazer isso também no dreamweaver, uma forma menos complicada, para você que não é da área,porém sugiro a boa e velha programação, você pode ter seu formulario com autoresponder que fica legal para um Fomulário de satisfação ,abaixo um autoresponder, usando CDONTS

<% 



' Atribuindo os dados do formulário submetido as váriveis strNome e strEmail

' 

strNome = Trim(Request.Form("nome"))

strEmail = Trim(Request.Form("email"))



' Agora vamos criar uma conexão com o CDONTS para enviar os dados

' submetidos para o webmaster do site.



' O Email será enviado pelo usuário recém cadastrado



Set objMail = Server.CreateObject("CDONTS.NewMail")

objMail.To = "email@do.webmaster.do.site"

objMail.From = strEmail 

objMail.Subject = "Solicito cadastro no site!"



' Vamos criar agora uma mensagem padrão a ser enviado para o webmaster

' vbcrlf = quebra de linha 



strMsgParaCadastro = "Nome: " & strNome & vbcrlf

strMsgParaCadastro = strMsgParaCadastro & "Email: " & strEmail & vbcrlf 

strMsgParaCadastro = strMsgParaCadastro & "-----------------------------"





objMail.Body = strMsgParaCadastro

objMail.Send 



' Email para o webmaster enviado, portanto fechamos a conexão com o CDONTS



Set objMail = nothing





' Agora imediatamente, criamos a mensagem padrão que será enviada de agradecimento

' ao usuário recém cadastrado.



strMsgObrigado = "Olá " & strNome & vbcrlf

strMsgObrigado = strMsgObrigado & "Obrigado por se cadastrar em nosso site" & vbcrlf

strMsgObrigado = strMsgObrigado & "Breve você receberá mais informações." & vbcrlf & vbcrlf

strMsgObrigado = strMsgObrigado & "Abraços," & vbcrlf

strMsgObrigado = strMsgObrigado & "XANBURZUM"



' Criando novamente outra instancia com o CDONTS para enviar o email ao usuário. 



Set objMail = Server.CreateObject("CDONTS.NewMail")

objMail.From = "email@do.webmaster.do.site"

objMail.To = strEmail ' observe

objMail.Subject = "Seu cadastro em nosso site!"

objMail.Body = strMsgObrigado



objMail.Send



' Pronto. Um email de agradecimento com uma mensagem personalizada com o nome

' de cada usuário foi enviado por email.

' Simples e muito eficiente



%>

Salgado · Novembro 28, 2008

xanburzum,

CDONTS está em desuso e sem suporte, a MS já o descontinuou e criou o CDOSYS como seu substituto. Os servidores já estão desabilitando o mesmo.

xanburzum · Novembro 29, 2008

tem varios server que usam ainda,mas para fins didáticos a lógica é essa.

Tiago Penello · Dezembro 1, 2008

Olá Pessoal, vou pedir uma nova ajuda aqui, consegui fazer com que alguns campos do form só apareçam quando solicitados, porém estou com um problema, aliás vários ..rs mas vamos por partes.

O código só funciona no explorer, quando testo no firefox os campos q estão "escondidos" não aparecem, vou colar o código aqui e deixar o link para vocês verem.

Os campos "escondidos" estão em: "Como você considera sua satisfação com relação ao produto?" nas respostas insatisfeito e totalmente insatisfeito, selecionando uma das 2 deve aparecer um campo para justificativa.

E tbm em: "Qual a sua opinião sobre os itens abaixo?" nas opções regular e ruim tbm devem aparecer campos para justificativas.

O link é www.grow.com.br/satisfacao2.asp

O código segue abaixo, já agradeço por antecipação a quem me ajudar http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

<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>

xanburzum · Dezembro 1, 2008

você consegue fazer isso de uma forma mais fácil usando o Spry framework para Ajax no dreamweaver.

Salgado · Dezembro 1, 2008

Tiago, seu problema agora é JavaScript, dê uma pesquisada no fórum de JavaScript que possívelmente encontrará uma ajuda para isso.

Tiago Penello · Dezembro 2, 2008

xanburzum, infelizmente aqui não tenho nem o dreamweaver cs3, pra você ter uma ideia aqui é dreaweaver 4, como eu disse, sou designer, mas as vezes me jogam essas "encrenquinhas" pra fazer, aí al[em de não saber programar ainda tem o problema de software.

Vou ver se consigo alguma luz no forum de java então.... fazer o q.

Obrigado mesmo assim.

Arquivado

Fomulário de satisfação com campos dinamicos

Recommended Posts

Tiago Penello 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Ted k' 126

Compartilhar este post

Link para o post

Compartilhar em outros sites

Tiago Penello 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

xanburzum 169

Compartilhar este post

Link para o post

Compartilhar em outros sites

Salgado 4

Compartilhar este post

Link para o post

Compartilhar em outros sites

xanburzum 169

Compartilhar este post

Link para o post

Compartilhar em outros sites

Tiago Penello 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

xanburzum 169

Compartilhar este post

Link para o post

Compartilhar em outros sites

Salgado 4

Compartilhar este post

Link para o post

Compartilhar em outros sites

Tiago Penello 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Fixar div até atingir uma certa altura

Ajuda com Extends e envio para o banco

PHP+Codeginiter - Orientação para Impressão

Fóruns

Tempo Real

Informação importante