Formulário de orçamento com campos dinâmicos

[Stanley Patez 0]

Olá, pessoal, tudo bem?

 

Sou novo no forum e na linguagem PHP, mas já conheço as atividades deste site há muito tempo, já li diversos conteúdos postados por vocês e posso atestar que são, realmente de excelente qualidade. Mas vamos à minha dúvida: :yes:

 

Estou tentando elaborar um formulário de contato / orçamento, em que o cliente possa obter seus valores ali, bem fácil e também me passar seus dados, para que eu possa contatá-lo depois. Não sei bem se seria puramente php, ou teria algo mais com java, enfim, sou leigo fora do css... :( Me perdoem também, caso esteja postando em local inadequado. Seria mais ou menos assim:

 

 

Nome Completo:

E-mail:

Telefone:

Cidade:

Estado:

Serviço: Caixa de seleção

serviço 1

serviço 2

serviço 3

serviço 4

serviço 5

Ao escolher o serviço 1, apareceria um tipo de orçamento.

Ao escolher o serviço 2, apareceria outro tipo de orçamento.

e assim por diante.

Cada orçamento teria campos tipo checkbox que, escolhidos, gerariam uma soma, mas o cliente só saberia o valor final, após clicar em um botão finalizar orçamento, ou seria enviado para o e-mail dele, algo assim. Ao clicar nesse botão, gostaria também que fosse enviado para meu e-mail tudo que foi escolhido pelo cliente, assim como seus dados digitados, como nome completo, e-mail, cidade, estado e telefone, todos campos obrigatórios. Já tentei vários scripts, inclusive um com Java, mas não era bem o que eu queria, pois em cada tipo de serviço vc só deveria escolher uma opção, e o que eu consegui foi apenas somar um após outro, sem restrição de escolha. Vou tentar exemplificar aqui o que to tentando:

Ao escolher o serviço 1, apareceria várias opções:

quantidade 1,2,3,4 (o cliente deve escolher apenas uma)

tamanho 25x20, 30x40 (o cliente escolheria apenas uma)

projeto proprio? sim (nao soma) não (soma algum valor)

Ao escolher serviço 2, apareceria algo parecido, mas os campos seriam diferentes, porém, com as mesmas caracteristicas. Não sei se me fiz entender, mas basicamente era isso. Alguma alma

bondosa poderia me ajudar???? rsrsrsrsrss :clap:

[rockrgo 138]

Cara não é tão fácil assim não....pode estudar bastante php e Ajax.

[Stanley Patez 0]

Valeu, rockrgo, obrigado pela dica, mas eu ainda espero alguém que possa me dar mais alguma dica, pelo menos o caminho correto pra eu seguir, ou algum tutorial, pra facilitar.... estudar duas linguagens pra fazer apenas um formulario ainda nao ta nas minhas intenções... rsrsrsrsrs abraço...

[rockrgo 138]

na verdade, não é apenas um form, é um form dinâmico completamente diferente...não é só um simples script que faz isso tudo !!

[Stanley Patez 0]

Obrigado, brother, mais uma vez... Isso já ajuda muito... Mas eu ainda continuo esperando a galera do forum tentar me orientar, pq, com certeza, isso vai ser de grande valia para quem quiser se encaminhar no assunto e tomar gosto pelas linguagens das quais vc falou... Além do mais, quem conseguir fazer esse formulário funcionar, vai melhorar ainda mais sua reputação e, com certeza, vai exercitar ainda mais sua profissão, além de ter mais um desafio resolvido em seu "repertório", o que vai lhe abrir ainda mais idéias. Poxa, ainda vai estar fazendo o bem.... :D :D :D :D kkkkkkkkkkkkkkkkkkkk Abraço, mais uma vez... Mais alguém???

[null2007 1]

Kara, da uma olhada neste site.. Acho que é o que você quer: http://www.guiadophp.yoonix.com.br/2010/11/14/combo-de-cidades-e-estados-em-javascript/

Vai mais um link com conteúdo muito bom para vc estudar: http://forum.imasters.com.br/topic/268447-combo-com-as-cidades-e-estados-do-brasil/

[Stanley Patez 0]

Olá, null2007, obrigado pela orientação. Com certeza me foi muito enriquecedor esses posts, curti pra caramba. Instalei o script no meu servidor pra ver como roda e, após algumas configurações, consegui fazê-lo funcionar, mas infelizmente ainda não é isso, pois não necessito de banco de dados e também preciso de outros campos que precisariam fazer o que o primeiro desse que vc me passou faz... Consegui ver em um site basicamente o que quero, fiz todo html/css, mas ainda preciso da parte php que manda pra meu email os dados que o visitante escolher, e também necessito configurar os campos conforme a minha necessidade. Dê uma olhada:

 

http://nosotroshq.com/contact/

 

Do jeito que ta ai serve pra mim, mesmo que não faça a soma (melhor se fizesse). O único problema que encontrei foi fazer com que a terceira escolha dependa da segunda, assim como a segunda depende da primeira (não sei se vcs entenderam). Fora isso, só a parte do php mesmo... Agora que consegui mais ou menos o que eu queria, ficou mais fácil do pessoal me ajudar. Mais uma vez obrigado e abraço! Mais alguém???

[null2007 1]

Stanleyn

 

entendi sim kara.. Mas dos exemplos que te passeo no link's acima, o primeiro seria o ideal para você. E este não precisa utilizar banco de dados. Perceba os códigos:

<script type="text/javascript" src="http://cidades-estados-js.googlecode.com/files/cidades-estados-v0.2.js"></script>
<script type="text/javascript">
    window.onload = function() {
        new dgCidadesEstados(
            document.getElementById('estado'),
            document.getElementById('cidade'),
            true
        );
    }
</script>

 

Ali no document.getElementById('estado'), você pode inserir manualmente e vai funcionar perfeitamente. E no HTML também, veja:

 

<form method="post">
<fieldset>
<label>Estado</label>:<select id="estado" name="estado"></select>
<label>Cidade</label>:<select id="cidade" name="cidade"></select>
</fieldset>
</form>

..........

 

E em relação ao php para envio do formulário via email. É muito simples. Da uma olhada (procurei comentar de forma bem fácil):

 

CONTATO.PHP

<?php
	if (isset($_POST['submit'])) {
		$nome     = $_POST['nome']; /*Campo nome do formulário*/
		$email    = $_POST['email']; /*Campo e-mail do formulário*/
		$telefone = $_POST['telefone']; /*Campo telefone do formulário*/
		$assunto  = $_POST['assunto']; /*Campo assunto do formulário*/
		$mensagem = nl2br($_POST['string']); /*Campo mensagem do formulário*/
		$data = date('d/m/Y H:i'); /*Data do envio*/
		$ip = $_SERVER['REMOTE_ADDR']; /*IP da máquina que enviou*/

		/* Coloque o e-mail que receberá os dados: */
        $seuemail = "seuemail@dominio.com";

		$headers = "MIME-Version: 1.0\r\n";
				$headers .= "Content-type: text/html; charset=iso-8859-1\r\n";
				$headers .= "From: $email \n";
				$enviar = mail($seuemail, $nome, $conteudo, $headers);
		} else {/*Mensagem de erro:*/
				$error = 'Erro ao enviar o formulário!';
		}
	}
?>

<form action="contato.php" enctype="multipart/form-data" method="post">
	<p>Nome</p>
	<input type="text" name="nome" maxlength="50" value="nome" />
	<p>E-mail</p>
	<input type="text" name="email" maxlength="50" value="nome" />
	<p>Telefone</p>
	<input type="text" name="telefone" maxlength="50" value="nome" />
	<p>Assunto</p>
	<input type="text" name="assunto" maxlength="50" value="nome" />
	<p>Mensagem</p>
	<textarea name="string" cols="35" rows="3" ><?php echo (isset($_POST['string'])) ? $_POST['string'] : ""; ?></textarea>
	<input type="submit" name="submit" value="Enviar" title="Enviar o formulário" />
	<input type="reset" value="Limpar" title="Limpar os campos" />
</form>

:coolio:

[Stanley Patez 0]

Olá, null2007, obrigado mais uma vez, cara. Enquanto você não respondia, parti a tentar fazer algo com o que falei anteriormente que tinha visto no site. Consegui fazer tudo que eu queria, graças a Deus. Não soma, é verdade, mas já me serve da forma que está. Ele está em html/css + javascript. Agora, só necessito de um código php que reuna as informações desse meu formulario e envie para meu email. Se eu colocar o código aqui, será que vc poderia me ajudar???

[null2007 1]

Posso sim!

No código PHP que postei acima, é só trocar o nome das variáveis conforme o teu formulário. Podes inserir mais alguma caso necessitar, como podes retirar. Mas posta o cód aí que te ajudo. Posta o cód do teu formulário.

[Stanley Patez 0]

Ok, antes de postar meu código, só quero explicar que, nele, tem varios campos condicionais, que vão aparecendo de acordo com as escolhas do cliente. Tem coisas no formulario que não aparecerão para ele, eu gostaria de saber se esses campos também irão aparecer no email enviado para mim??? Outra duvida, ai embaixo tem algo sobre os fields, Beekun... Será que eu posso eliminar isso ae e trocar as variaveis pra um nome que eu desejar???

 

Aqui está ele online, num servidor gratuito, só pra vc entender como ta funcionando:

 

http://stanleypatez.zz.mu/contato/contato.html

Só que eu ainda não terminei, só esta pronta a parte "audio"

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Contato / Orçamento</title>
<link rel="Shortcut Icon" href="favicon.ico">

<link rel="stylesheet" type="text/css" href="contato/nosotroshq.css">
<style>
			em.error {
				color:#ee0101;
			}
</style>
<script src="contato/jquery.js" type="text/javascript"></script> 
<script src="contato/Nos.validate.js" type="text/javascript"></script>
<script src="contato/main.js" type="text/javascript"></script>
<script src="contato/jquery.validate.js" type="text/javascript"></script>
<script languaje="javascript">
  $(document).ready(function(){	
      $("#Contact_form").validate({
					errorElement: "em",
					rules: {
						 yourname: "required",
						 type: "required",
						 email: {
						   required: true,
						   email: true
						 }
				    },
				   highlight: function() {
						$(".box_3").find("em.previewerr").hide();
				   }

				   
	 });
   });
</script>
<style id="wrc-middle-css" type="text/css">.wrc_whole_window{	display: none;	position: fixed; 	z-index: 2147483647;	background-color: rgba(40, 40, 40, 0.9);	word-spacing: normal !important;	margin: 0px !important;	padding: 0px !important;	border: 0px !important;	left: 0px;	top: 0px;	width: 100%;	height: 100%;	line-height: normal !important;	letter-spacing: normal !important;	overflow: hidden;}.wrc_bar_window{	display: none;	position: fixed; 	z-index: 2147483647;	background-color: rgba(60, 60, 60, 1.0);	word-spacing: normal !important;	font-family: Segoe UI, Arial Unicode MS, Arial, Sans-Serif;	margin: 0px !important;	padding: 0px !important;	border: 0px !important;	left: 0px;	top: 0px;	width: 100%;	height: 40px;	line-height: normal !important;	letter-spacing: normal !important;	color: white !important;	font-size: 13px !important;}.wrc_middle {	display: table-cell;	vertical-align: middle;	width: 100%;}.wrc_middle_main {	font-family: Segoe UI, Arial Unicode MS, Arial, Sans-Serif;	font-size: 14px;	width: 600px;	height: auto;    background: url(chrome-extension://icmlaeflemplmjndnaapfdbbnpncnbda/skin/images/background-body.jpg) repeat-x left top;	background-color: rgb(39, 53, 62);	position: relative;	margin-left: auto;	margin-right: auto;	text-align: left;}.wrc_middle_tq_main {	font-family: Segoe UI, Arial Unicode MS, Arial, Sans-Serif;	font-size: 16px;	width: 615px;	height: 460px;    background: url(chrome-extension://icmlaeflemplmjndnaapfdbbnpncnbda/skin/images/background-sitecorrect.png) no-repeat;	background-color: white;	color: black !important;	position: relative;	margin-left: auto;	margin-right: auto;	text-align: center;}.wrc_middle_logo {    background: url(chrome-extension://icmlaeflemplmjndnaapfdbbnpncnbda/skin/images/logo.jpg) no-repeat left bottom;    width: 140px;    height: 42px;    color: orange;    display: table-cell;    text-align: right;    vertical-align: middle;}.wrc_icon_warning {	margin: 20px 10px 20px 15px;	float: left;	background-color: transparent;}.wrc_middle_title {    color: #b6bec7;	height: auto;    margin: 0px auto;	font-size: 2.2em;	white-space: nowrap;	text-align: center;}.wrc_middle_hline {    height: 2px;	width: 100%;    display: block;}.wrc_middle_description {	text-align: center;	margin: 15px;	font-size: 1.4em;	padding: 20px;	height: auto;	color: white;	min-height: 3.5em;}.wrc_middle_actions_main_div {	margin-bottom: 15px;	text-align: center;}.wrc_middle_actions_blue_button div {	display: inline-block;	width: auto;	cursor: Pointer;	margin: 3px 10px 3px 10px;	color: white;	font-size: 1.2em;	font-weight: bold;}.wrc_middle_actions_blue_button {	-moz-appearance: none;	border-radius: 7px;	-moz-border-radius: 7px/7px;	border-radius: 7px/7px;	background-color: rgb(0, 173, 223) !important;	display: inline-block;	width: auto;	cursor: Pointer;	border: 2px solid #00dddd;	padding: 0px 20px 0px 20px;}.wrc_middle_actions_blue_button:hover {	background-color: rgb(0, 159, 212) !important;}.wrc_middle_actions_blue_button:active {	background-color: rgb(0, 146, 200) !important;	border: 2px solid #00aaaa;}.wrc_middle_actions_grey_button div {	display: inline-block;	width: auto;	cursor: Pointer;	margin: 3px 10px 3px 10px;	color: white !important;	font-size: 15px;	font-weight: bold;}.wrc_middle_actions_grey_button {	-moz-appearance: none;	border-radius: 7px;	-moz-border-radius: 7px/7px;	border-radius: 7px/7px;	background-color: rgb(100, 100, 100) !important;	display: inline-block;	width: auto;	cursor: Pointer;	border: 2px solid #aaaaaa;	text-decoration: none;	padding: 0px 20px 0px 20px;}.wrc_middle_actions_grey_button:hover {	background-color: rgb(120, 120, 120) !important;}.wrc_middle_actions_grey_button:active {	background-color: rgb(130, 130, 130) !important;	border: 2px solid #00aaaa;}.wrc_middle_action_low {	font-size: 0.9em;	white-space: nowrap;	cursor: Pointer;	color: grey !important;	margin: 10px 10px 0px 10px;	text-decoration: none;}.wrc_middle_action_low:hover {	color: #aa4400 !important;}.wrc_middle_actions_rest_div {	padding-top: 5px;	white-space: nowrap;	text-align: center;}.wrc_middle_action {	white-space: nowrap;	cursor: Pointer;	color: red !important;	font-size: 1.2em;	margin: 10px 10px 0px 10px;	text-decoration: none;}.wrc_middle_action:hover {	color: #aa4400 !important;}</style><script id="wrc-script-middle_window" type="text/javascript" language="JavaScript">var g_inputsCnt = 0;var g_InputThis = new Array(null, null, null, null);var g_alerted = false;/* we test the input if it includes 4 digits   (input is a part of 4 inputs for filling the credit-card number)*/function is4DigitsCardNumber(val){	var regExp = new RegExp('[0-9]{4}');	return (val.length == 4 && val.search(regExp) == 0);}/* testing the whole credit-card number 19 digits devided by three '-' symbols or   exactly 16 digits without any dividers*/function isCreditCardNumber(val){	if(val.length == 19)	{		var regExp = new RegExp('[0-9]{4}-[0-9]{4}-[0-9]{4}-[0-9]{4}');		return (val.search(regExp) == 0);	}	else if(val.length == 16)	{		var regExp = new RegExp('[0-9]{4}[0-9]{4}[0-9]{4}[0-9]{4}');		return (val.search(regExp) == 0);	}	return false;}function CheckInputOnCreditNumber(self){	if(g_alerted)		return false;	var value = self.value;	if(self.type == 'text')	{		if(is4DigitsCardNumber(value))		{			var cont = true;			for(i = 0; i < g_inputsCnt; i++)				if(g_InputThis[i] == self)					cont = false;			if(cont && g_inputsCnt < 4)			{				g_InputThis[g_inputsCnt] = self;				g_inputsCnt++;			}		}		g_alerted = (g_inputsCnt == 4);		if(g_alerted)			g_inputsCnt = 0;		else			g_alerted = isCreditCardNumber(value);	}	return g_alerted;}function CheckInputOnPassword(self){	if(g_alerted)		return false;	var value = self.value;	if(self.type == 'password')	{		g_alerted = (value.length > 0);	}	return g_alerted;}function onInputBlur(self, bRatingOk, bFishingSite){	var bCreditNumber = CheckInputOnCreditNumber(self);	var bPassword = CheckInputOnPassword(self);	if((!bRatingOk || bFishingSite == 1) && (bCreditNumber || bPassword) )	{		var warnDiv = document.getElementById("wrcinputdiv");		if(warnDiv)		{			/* show the warning div in the middle of the screen */			warnDiv.style.left = "0px";			warnDiv.style.top = "0px";			warnDiv.style.width = "100%";			warnDiv.style.height = "100%";			document.getElementById("wrc_warn_fs").style.display = 'none';			document.getElementById("wrc_warn_cn").style.display = 'none';			if(bFishingSite)				document.getElementById("wrc_warn_fs").style.display = 'block';			else				document.getElementById("wrc_warn_cn").style.display = 'block';			warnDiv.style.display = 'table';		}	}}</script></head>
<body id="contact">
<div class="wraper">
  <div id="header"> 
  <div id="logo"><h1><a href="index.php" title="contato"><span>Midia-S</span></a></h1></div>
  </div>
  <div id="content_inner">
    <div class="work_inner">
      <div class="col_1 contact_box">
        <div class="contact_description">
          <script type="text/javascript">
//<![CDATA[
var l=new Array();
var output = '';
l[0]='>';l[1]='a';l[2]='/';l[3]='<';l[4]=' 109';l[5]=' 111';l[6]=' 99';l[7]=' 46';l[8]=' 113';l[9]=' 104';l[10]=' 115';l[11]=' 111';l[12]=' 114';l[13]=' 116';l[14]=' 111';l[15]=' 115';l[16]=' 111';l[17]=' 110';l[18]=' 64';l[19]=' 111';l[20]=' 108';l[21]=' 108';l[22]=' 101';l[23]=' 104';l[24]='>';l[25]='\"';l[26]=' 109';l[27]=' 111';l[28]=' 99';l[29]=' 46';l[30]=' 113';l[31]=' 104';l[32]=' 115';l[33]=' 111';l[34]=' 114';l[35]=' 116';l[36]=' 111';l[37]=' 115';l[38]=' 111';l[39]=' 110';l[40]=' 64';l[41]=' 111';l[42]=' 108';l[43]=' 108';l[44]=' 101';l[45]=' 104';l[46]=':';l[47]='o';l[48]='t';l[49]='l';l[50]='i';l[51]='a';l[52]='m';l[53]='\"';l[54]='=';l[55]='f';l[56]='e';l[57]='r';l[58]='h';l[59]='a ';l[60]='<';
for (var i = l.length-1; i >= 0; i=i-1){ 
if (l[i].substring(0, 1) == ' ') output += ""+unescape(l[i].substring(1))+";"; 
else output += unescape(l[i]);
}
document.getElementById('eeEncEmail_cbZ6dh3IX2').innerHTML = output;
//]]>

</script></p>
        </div>
      </div>
      <div class="col_2_3">
        <div class="box_3"> <img src="contato/mailbox.jpg" alt="Mail" width="620" height="245"> </div>
      </div>
      <div class="col_1 contact_box">
      </div>
      <div class="col_2_3">
        <div class="box_3 form">
		<form name="Contact_form" id="Contact_form" method="post" action="envia.php>
			
			<!-- BEEKUN HIDDEN FIELDS START //-->
			<input type="hidden" name="onsuccess[action]" value="goto">
			<input type="hidden" name="onsuccess[url]" value="thanks.htm">
			<input type="hidden" name="onfailure[action]" value="goto">
			<input type="hidden" name="onfailure[url]" value="contato.html">
			<input name="data[DynamicField][90]" type="hidden" value="English" id="DynamicField90">
			<input name="data[DynamicField][95]" type="hidden" class="" value="186.247.86.142" id="DynamicField95">
			
			<input type="hidden" name="data[dynamic_validation_rules][79]" value="N;" id="dynamic_validation_rules79">
			<input type="hidden" name="data[dynamic_validation_rules][78]" value="N;" id="dynamic_validation_rules78">
			<input type="hidden" name="data[dynamic_validation_rules][77]" value="N;" id="dynamic_validation_rules77">
			<input type="hidden" name="data[dynamic_validation_rules][76]" value="N;" id="dynamic_validation_rules76">
			<input type="hidden" name="data[dynamic_validation_rules][75]" value="N;" id="dynamic_validation_rules75">
			<input type="hidden" name="data[dynamic_validation_rules][83]" value="N;" id="dynamic_validation_rules83">
			<input type="hidden" name="data[dynamic_validation_rules][82]" value="N;" id="dynamic_validation_rules82">
			<input type="hidden" name="data[dynamic_validation_rules][81]" value="N;" id="dynamic_validation_rules81">
			<input type="hidden" name="data[dynamic_validation_rules][80]" value="N;" id="dynamic_validation_rules80">
			<input type="hidden" name="data[dynamic_validation_rules][86]" value="N;" id="dynamic_validation_rules86">
			<input type="hidden" name="data[dynamic_validation_rules][84]" value="N;" id="dynamic_validation_rules84">
			<input type="hidden" name="data[dynamic_validation_rules][90]" value="N;" id="dynamic_validation_rules90">
			<input type="hidden" name="data[dynamic_validation_rules][92]" value="N;" id="dynamic_validation_rules92">
			<input type="hidden" name="data[dynamic_validation_rules][94]" value="N;" id="dynamic_validation_rules94">
			<input type="hidden" name="data[dynamic_validation_rules][95]" value="N;" id="dynamic_validation_rules95">
			<input type="hidden" name="data[dynamic_validation_rules][96]" value="N;" id="dynamic_validation_rules96">
			
			
			
			<!-- BEEKUN HIDDEN FIELDS END //-->
			
			
			<input type="hidden" name="hqnos" value="">
          <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tbody><tr>
              <td width="26%" align="left" valign="middle"><label for="Name">Nome Completo:</label></td>
              <td width="74%"><input type="text" class="required text" name="data[DynamicField][75]" id="yourname"><em class="previewerr">*obrigatório</em></td>
            </tr>
                    <tr>
              <td align="left" valign="middle"><label for="Email">E-mail:</label></td>
              <td><input name="data[Contact][email]" type="text" class="required email text" maxlength="1073741824" value="" id="ContactEmail"><em class="previewerr">*obrigatório; não será divulgado.</em></td>
            </tr>
			   
            <tr>
              <td align="left" valign="middle"><label for="Company">Empresa:</label></td>
              <td><input type="text" class="text" name="data[DynamicField][77]"></td>
            </tr>
			 <tr>
	              <td align="left" valign="middle"><label for="Phone">Telefone:</label></td>
	              <td><input type="text" class="required text" name="data[DynamicField][78]"></td>
	            </tr>
            <tr>
              <td align="left" valign="middle"><label for="URL">Página na Web:</label></td>
              <td><input type="text" class="text" name="data[DynamicField][79]"></td>
            </tr>
            <tr id="tipo_de_servico">
              <td align="left" valign="middle"><label for="Type">Escolha o Serviço:</label></td>
              <td><select name="data[DynamicField][80]" id="type" class="required">
                  <option value="">– –</option>
                  <option value="Audio">Audio </option>
                  <option value="Video">Video </option>
                  <option value="Webdesign">Webdesign </option>
				  <option value="Design Grafico">Design Gráfico </option>
  				  <option value="Outro servico, escreverei no formulario abaixo:">Outro serviço, escreverei no formulário abaixo:</option>
                </select><em class="previewerr">*obrigatório</em></td>
            </tr>
           <tr id="serv_audio" style="display: none;">
              <td align="left" valign="middle"><label for="Scope">Qual serviço de audio vc precisa?</label></td>
              <td><select name="data[DynamicField][81]" id="scope" class="required">
                  <option value="">– –</option>
                  <option value="Musica">Musica</option>
                  <option value="Vinheta (Spot) e/ou Jingle">Vinheta (Spot) e/ou Jingle</option>
                  <option value="Trilha Sonora">Trilha Sonora</option>
				  <option value="Gravação de voz ou instrumento a parte">Gravação de Voz ou Instrumento à parte</option>
				  <option value="Correcao / Afinacao de Voz">Correção / Afinação de Voz</option>
				  <option value="Mixagem e Masterizacao">Mixagem e Masterização</option>
				  <option value="Mixagem a parte">Mixagem à parte</option>
				  <option value="Masterizacao a parte">Masterização à parte</option>
                </select></td>
            </tr>
			
			<tr id="estilo_musical" style="display: none;">
              <td align="left" valign="middle"><label for="estilo_musical">Estilo:</label></td>
              <td><select name="data[DynamicField][82]" id="estilo_musical" class="required">
                  <option value="">– –</option>
                  <option value="Rock, Pop Rock">Rock, Pop Rock</option>
                  <option value="New Metal, Heavy, Trash, White, Black">New Metal, Heavy, Trash, White, Black</option>
                  <option value="Forro, Vaneirao, Xote, Arrasta-pe">Forró, Vaneirão, Xote, Arrasta-pé</option>
				  <option value="Axe Music, Pagode Baiano, Arrocha">Axé Music, Pagode Baiano, Arrocha</option>
				  <option value="Sertanejo, Sertanejo Universitario, Raiz">Sertanejo, Sertanejo Universitário, Raiz</option>
				  <option value="Samba, Pagode Carioca, Paulista ou Romantico">Samba, Pagode Carioca, Paulista ou Romantico</option>
				  <option value="Gospel, Black Music">Goepl, Black Music</option>
				  <option value="Instrumental">Instrumental</option>
				</select></td>
            </tr>
			
			<tr id="descreva_serv" style="display: none;">
            <td align="left" valign="top"><label for="Scope">Por favor, descreva o serviço desejado.</label></td>
            <td><textarea name="data[DynamicField][96]" cols="40" rows="5"></textarea> </td>
            </tr>
			
			<tr id="responsavel_producao" style="display: none;">
              <td align="left" valign="middle"><label for="Maintenance">Produção / Arranjos:</label></td>
              <td><select name="data[DynamicField][83]" id="maintenance" class="required">
                  <option value="">– –</option>
                  <option value="Sou produtor, ou contratarei um">Sou produtor, ou contratarei um</option>
                  <option value="Produtor Midia-S Studio">Produtor Midia-S Studio</option>
                </select></td>
            </tr>
			
			<tr id="pacote" style="display: none;">
              <td align="left" valign="middle"><label for="pacote">Prefiro fechar o pacote:</label></td>
              <td><select name="data[DynamicField][83]" id="pacote" class="required">
                  <option value="">– –</option>
                  <option value="Por Hora">Por Hora</option>
                  <option value="Por Musica">Por Música</option>
                </select></td>
            </tr>
			
            <tr id="quantidade" style="display: none;">
              <td align="left" valign="middle"><label for="quantidade">Quantidade</label></td>
              <td><select name="data[DynamicField][84]" id="quantidade" class="required">
                  <option value="">– –</option>
                  <option value="1">1</option>
                  <option value="2">2</option>
                  <option value="3">3</option>
				  <option value="4">4</option>
                  <option value="5">5</option>
                  <option value="6">6</option>
				  <option value="7">7</option>
                  <option value="8">8</option>
                  <option value="9">9</option>
				  <option value="10">10</option>
                  <option value="11">11</option>
                  <option value="12">12</option>
				  <option value="13">13</option>
                  <option value="14">14</option>
                  <option value="15">15</option>
				  <option value="16">16</option>
                  <option value="17">17</option>
                  <option value="18">18</option>
				  <option value="19">19</option>
                  <option value="20">20</option>
                  <option value="Mais de 20">Mais de 20</option>
				
				</select></td>
			</tr>
			
			<tr id="quantidade2" style="display: none;">
              <td align="left" valign="middle"><label for="quantidade2">Quantidade</label></td>
              <td><select name="data[DynamicField][84]" id="quantidade2" class="required">
                  <option value="">– –</option>
                  <option value="Entre 10 e 15 horas">Entre 10 e 15 horas</option>
                  <option value="Entre 16 e 20 horas">Entre 16 e 20 horas</option>
                  <option value="Entre 21 e 25 horas">Entre 21 e 25 horas</option>
				  <option value="Entre 26 e 30 horas">Entre 26 e 30 horas</option>
                  <option value="Mais de 30 horas">Mais de 30 horas</option>
                </select></td>
			</tr>
			<tr id="quant_musicas" style="display: none;">
            <td align="left" valign="top"><label for="Maintenance">Por favor, diga, ao exato, quantas músicas pretende gravar:</label></td>
            <td><textarea name="data[DynamicField][94]" cols="20" rows="1"></textarea> </td>
            </tr>
			
			<tr id="quant_horas" style="display: none;">
            <td align="left" valign="top"><label for="quant_horas">Por favor, diga a quantidade de horas previstas:</label></td>
            <td><textarea name="data[DynamicField][94]" cols="20" rows="1"></textarea> </td>
            </tr>
			
			<tr id="quem_mixa" style="display: none;">
              <td align="left" valign="middle"><label for="quem_mixa">Mixagem</label></td>
              <td><select name="data[DynamicField][83]" id="quem_mixa" class="required">
                  <option value="">– –</option>
                  <option value="Eu mixarei, ou contratarei outro tecnico">Eu mixarei, ou contratarei outro técnico</option>
                  <option value="Midia-S Studio">Midia-S Studio</option>
                </select></td>
            </tr>
			
			<tr id="quem_masteriza" style="display: none;">
              <td align="left" valign="middle"><label for="quem_masteriza">Masterização</label></td>
              <td><select name="data[DynamicField][83]" id="quem_masteriza" class="required">
                  <option value="">– –</option>
                  <option value="Eu masterizarei, ou contratarei outro tecnico">Eu masterizarei, ou contratarei outro técnico</option>
                  <option value="Midia-S Studio">Midia-S Studio</option>
                </select></td>
            </tr>
			
			<tr id="direcao_voz" style="display: none;">
              <td align="left" valign="middle"><label for="direcao_voz">Direção de Voz (pré gravação)</label></td>
              <td><select name="data[DynamicField][83]" id="direcao_voz" class="required">
                  <option value="">– –</option>
                  <option value="Nao necessito, ou outro tecnico fara">Nao necessito, ou outro tecnico fara</option>
                  <option value="Midia-S Studio">Midia-S Studio</option>
                </select></td>
            </tr>
			
			<tr id="correcao_voz" style="display: none;">
              <td align="left" valign="middle"><label for="correcao_voz">Correção / Afinação de Voz (pós gravação)</label></td>
              <td><select name="data[DynamicField][83]" id="correcao_voz" class="required">
                  <option value="">– –</option>
                  <option value="Eu corrigirei, ou contratarei um outro tecnico">Eu corrigirei, ou contratarei um outro técnico</option>
                  <option value="Midia-S Studio">Midia-S Studio</option>
                </select></td>
            </tr>
			
			<tr id="produtores" style="display: none;">
              <td align="left" valign="middle"><label for="produtores">Produtores Disponíveis</label></td>
              <td><select name="data[DynamicField][80]" id="produtores">
                  <option value="">– –</option>
                  <option value="Stanley Patez">Stanley Patez</option>
                  <option value="Jonatas Brito">Jônatas Brito (músicos do produtor)</option>
                  <option value="Darlan Dutra">Darlan Dutra(músicos do produtor)</option>
				  <option value="Bruno Oliver">Bruno Oliver(músicos do produtor)</option>
                </select></td>
			</tr>
			
			<tr id="guitarrista" style="display: none;">
              <td align="left" valign="middle"><label for="guitarrista">Guitarrista</label></td>
              <td><select name="data[DynamicField][82]" id="guitarrista">
                  <option value="">– –</option>
                  <option value="Silas Dutra">Silas Dutra</option>
                  <option value="David Sergio">David Sergio (Shalom)</option>
                  <option value="Bruno Oliver">Bruno Oliver</option>
				</select></td>
			</tr>
			
			<tr id="contrabaixista" style="display: none;">
              <td align="left" valign="middle"><label for="contrabaixista">Contrabaixista</label></td>
              <td><select name="data[DynamicField][82]" id="guitarrista">
                  <option value="">– –</option>
                  <option value="Jodedson Jadson">Jodedson Jadson</option>
                  <option value="Daniel Pereira">Daniel Pereira</option>
                  <option value="Douglas Felix">Douglas Félix</option>
				</select></td>
			</tr>
			
			<tr id="tecladista" style="display: none;">
              <td align="left" valign="middle"><label for="tecladista">Tecladista</label></td>
              <td><select name="data[DynamicField][82]" id="tecladista">
                  <option value="">– –</option>
                  <option value="Jonatas Brito">Jônatas Brito</option>
                  <option value="Darlan Dutra">Darlan Dutra</option>
                </select></td>
			</tr>
			
			<tr id="violonista" style="display: none;">
              <td align="left" valign="middle"><label for="violonista">Violonista</label></td>
              <td><select name="data[DynamicField][82]" id="violonista">
                  <option value="">– –</option>
                  <option value="Rafael Dorea">Rafael Dórea</option>
                  <option value="Bruno Oliver">Bruno Oliver</option>
                  <option value="Silas Dutra">Silas Dutra</option>
				</select></td>
			</tr>
				
			<tr id="baterista" style="display: none;">
              <td align="left" valign="middle"><label for="baterista">Baterista</label></td>
              <td><select name="data[DynamicField][82]" id="guitarrista">
                  <option value="">– –</option>
                  <option value="Stanley Patez">Stanley Patez</option>
                </select></td>
			</tr>
			
			<tr id="describe_montlhy_plan_content_update" style="display: none;">
            <td align="left" valign="top"><label for="Maintenance">Please describe in detail what type of content would you need to update.</label></td>
            <td><textarea name="data[DynamicField][92]" cols="40" rows="5"></textarea> </td>
            </tr>
            
					<tr id="will_you_need_hosting" style="display: none;">
		              <td align="left" valign="middle"><label for="Hosting">Will you need hosting?</label></td>
		              <td><select name="data[DynamicField][84]" id="hosting">
		                  <option value="">– –</option>
		                  <option value="Yes, please.">Yes, please.</option>
		                  <option value="No, I already have a server.">No, I already have a server.</option>
		                </select></td>
		            </tr>
            <tr>
              <td align="left" valign="top"><label for="Message">Mensagem:</label></td>
              <td><textarea name="data[DynamicField][86]" cols="40" rows="10" class="required text"></textarea></td>
            </tr>
            <tr id="aditionals" style="display: none;">
            	<td align="left" valign="top"><label for="Additionals">Additionals:</label></td>
                <td><input type="checkbox" name="data[dynamic_validation_rules][87]" value="YES">Include Business Cards Design, Letterhead & Envelope<br>
                <input type="checkbox" name="data[dynamic_validation_rules][88]" value="YES">Basic small website (1~3 informational website)<br>
                <input type="checkbox" name="data[dynamic_validation_rules][89]" value="YES">Brand Guidelines</td>
            </tr>
            <tr>
              <td align="left" valign="top"> </td>
              <td><input type="image" src="contato/send.gif" name="submit" value="Send"></td>
            </tr>
          </tbody></table>
		</form>
		</div>
		</div>
    </div>
</body></html>

[null2007 1]

Stanley Patez,

 

é gigante o negócio rs... Mas blz...

Seguinte... No código que postei para vc anteriormente(CONTATO.PHP)..

Se vc pegar o cód, salvar dentro de um arquivo CONTATO.PHP e colocar num servidor que suporte PHP.. Logo alterar as informações conforme os comentários.. Ele vai funcionar perfeitamente... Ou seja... Aí vc vai entender como ele funciona..

O que vc precisará fazer, é inserir as linhas conforme o teu formulário.. Todas elas.. Todos itens do formulário..

E abaixo do cód aonde diz: $seuemail

 

inserir isto:

 

$conteudo = "<html>
				<head>
					<title>Formulário preenchido e enviado através do WebSite</title>
				</head>
				<body style=\"background:#7F7E7E\">
					<table width=\"700\" height=\"1000\" border=\"0\" align=\"center\" cellpadding=\"0\" cellspacing=\"0\" id=\"TabCorpo\">
						<tr>
							<td valign=\"top\" style=\"font-family:'lucida grande',tahoma,verdana,arial,sans-serif; font-size:12px; color:#333333\">
								<b style=\"font-family:'lucida grande',tahoma,verdana,arial,sans-serif; font-size:16px; color:#333333\">Formulário preenchido e enviado através do WebSite</b><br /><br />
								<hr>
								<b>Nome:</b> $nome <br />
								<b>E-mail:</b> $email <br />
                                                                <b>Telefone:</b> $telefone <br />
                                                                <b>Assunto:</b> $assunto <br />
                                                                <b>Mensagem:</b> $mensagem <br /><br /><br />
                                                                ..........
                                                                    <hr>
                                                                <b>Enviado em:</b> $data <b>IP: </b>$ip
							</td>
						</tr>
				</body>
			</html>

Este será o conteúdo que será enfiado no email...

Perceba que aonde tem os ...........

São as variáveis de seu formulário..

É só inserir todas as variáveis ali, conforme as declarações realizadas lá em cima, no início do cód..

E e os campos que ñ forem preenchidos no formulário, irão em branco..

Daria para fazer um if e verificar cada um para ver se foi preenchido ou ñ.. E caso seja, enviar ele no email, caso ñ, ñ enviar...

Mas daí é um segundo momento, mais complexo..

O primeiro passo é fazer ele funcionar..

Vai lá, é só seguir os paços que descrevi.. Os códigos estão prontos..

Na medida que forem surgindo as dúvidas, posta aew blz..

Dica: Sugiro que vc coloque o cód rodar, de forma graduativa, para ñ se perder por causa do tamanho e depois fica muito complicado encontrar os erros.

[Stanley Patez 0]

Poxa, brother, nem sei como retribuir tua atenção, muito obrigado mesmo... Estou sentindo que agora o negócio vai... rsrsrsrsrsrs Olha só, O código realmente é grande, pq vão ser várias opções para o cliente... Com relação ao código que vc me passou, coloquei em um arquivo chamado envia.php, e o chamei dentro do código que postei acima, da forma que vc exemplificou. Só que, dentro desse código eu retirei aquela parte chamada Beekun (que, pelo visto, tinha algo a ver com as variaveis) e renomeei as variaveis de acordo com meu gosto, baseado também no código que vc me mandou. Gostaria que vc o examinasse para ver se é isso mesmo que eu tenho que fazer, pois, após fazer um teste, ele me informa erro de sintaxe na linha 35 e não sei onde estou errando (vai ver está até em minha cara, mas como sou quase analfabeto em php, não o estou vendo). Ele está logo abaixo:

 

<?php
	if (isset($_POST['submit'])) {
		$nome     = $_POST['nome']; /*Campo nome do formulário*/
		$email    = $_POST['email']; /*Campo e-mail do formulário*/
		$empresa = $_POST['empresa']; /*Campo telefone do formulário*/
		$telefone  = $_POST['telefone']; /*Campo assunto do formulário*/
		$mensagem = nl2br($_POST['string']); /*Campo mensagem do formulário*/
		$data = date('d/m/Y H:i'); /*Data do envio*/
		$ip = $_SERVER['REMOTE_ADDR']; /*IP da máquina que enviou*/

		/* Coloque o e-mail que receberá os dados: */
        $seuemail = "contato@stanleypatez.zz.mu";

		$conteudo = "<html>
				<head>
					<title>Formulário preenchido e enviado através do WebSite</title>
				</head>
				<body style=\"background:#7F7E7E\">
					<table width=\"700\" height=\"1000\" border=\"0\" align=\"center\" cellpadding=\"0\" cellspacing=\"0\" id=\"TabCorpo\">
						<tr>
							<td valign=\"top\" style=\"font-family:'lucida grande',tahoma,verdana,arial,sans-serif; font-size:12px; color:#333333\">
								<b style=\"font-family:'lucida grande',tahoma,verdana,arial,sans-serif; font-size:16px; color:#333333\">Formulário preenchido e enviado através do WebSite</b><br /><br />
								<hr>
								<b>Nome:</b> $nome <br />
								<b>E-mail:</b> $email <br />
                                <b>Empresa:</b> $empresa <br />
                                <b>Telefone:</b> $telefone <br />
                                <b>Mensagem:</b> $mensagem <br /><br /><br />
                                <hr>
                                <b>Enviado em:</b> $data <b>IP: </b>$ip
							</td>
						</tr>
				</body>
			</html>"
	}
?>

 

Valeu, irmão...

[null2007 1]

rs... faltou uma vírgula no final do cód.. Aonde tem o </html>"...

Coloque uma vírgula no final, ficará assim:

</html>";

[Stanley Patez 0]

Ok, brother, na verdade vc quis dizer ponto e virgula, neh???? rsrsrsrsrsrs corrigi aqui e acabou o problema da sintaxe, mas infelizmente o e-mail não chega. Gostaria também q vc me orientasse, se possível, como fazer pra ser exibida uma mensagem caso o formulário não seja enviado e também um redirecionamento para uma página caso tenha sucesso... Obrigado mais uma vez, pela atenção...

[Stanley Patez 0]

Consegui fazê-lo chegar no email, porém o email que aparece como de origem é estranho (rsrsrsrsrs) e o conteudo da mensagem que esta em html aparece com as tags todas a mostra e a mensagem do campo "mensagem" do formulário não chega. Tem como solucionarmos isso??? O que faltou no código que vc me passou foi:

mail($seuemail, $assunto, $conteudo, $headers);

[Stanley Patez 0]

Resolvi parcialmente os problemas, criei uma resposta para o email do cliente, configurei um redirecionamento caso a mensagem seja enviada normalmente e também uma mensagem caso não seja; configurei o assunto, o campo mensagem chega, porém, ainda tenho os seguintes problemas:

 

- A parte em html ($conteudo) chega sem formatação nenhuma, todas as tags estão lá, "sujando" a mensagem quando chega em meu e-mail;

- No lugar dos caracteres com acento aparecem ?? (duas interrogações);

- Os campos que dependem da escolha do cliente não conseguem ser capturados pelo php e chegam em branco no meu email.

 

Ta chegando la!!!!! :clap: :clap: :clap: :clap: :clap:

 

Mais alguem pra me ajudar????

[null2007 1]

Sim, era ponto e vírgula rs...

Vou postar um código que está funcionando 100% p/ te ajudar mais ainda ok..:
FORMULÁRIO (contato.php):

<?php
	/*só vai entrar aqui quando clicar no botão submit*/
	if (isset($_POST['submit'])){
		$nome     = $_POST['nome'];
		$email    = $_POST['email'];
		$telefone = $_POST['telefone'];
		$assunto  = $_POST['assunto'];
		$mensagem = nl2br($_POST['string']);
		$data = date('d/m/Y H:i');
		$ip = $_SERVER['REMOTE_ADDR'];

		/* Coloque o e-mail que receberá os dados: */
		$seuemail = "seuemail@dominio.com";

		/*Verifica se o campo nome foi preenchido para entrar no envio*/
		if ($nome != ""){
				/* enviando o email */
				$conteudo = "
							<html>
							<head>
								<title>Formulário preenchido e enviado através do WebSite</title>
							</head>
							<body style=\"background:#7F7E7E\">
								<table width=\"700\" height=\"1000\" border=\"0\" align=\"center\" cellpadding=\"0\" cellspacing=\"0\" id=\"TabCorpo\">
									<tr>
										<td valign=\"top\" style=\"font-family:'lucida grande',tahoma,verdana,arial,sans-serif; font-size:12px; color:#333333\">
											<b style=\"font-family:'lucida grande',tahoma,verdana,arial,sans-serif; font-size:16px; color:#333333\">Formulário preenchido e enviado através do WebSite</b><br /><br />
											<hr>
											<b>Nome:</b> $nome <br />
											<b>E-mail:</b> $email <br />
											<b>Telefone:</b> $telefone <br />
											<b>Assunto:</b> $assunto <br />
											<b>Mensagem:</b> $mensagem <br /><br /><br />
											<hr>
											<b>Enviado em:</b> $data <b>IP: </b>$ip
											<hr>
										</td>
									</tr>
								</table>
							</body>
							</html>
							";
				$headers = "MIME-Version: 1.0\r\n";
				$headers .= "Content-type: text/html; charset=iso-8859-1\r\n";
				$headers .= "From: $email \n";
				$enviar = mail($seuemail, $nome, $conteudo, $headers);
				/* exibindo msg de confirmação */
				print"<div class=\"msg_confirm_form\">Formulário enviado com sucesso!</div>";
				/*Redirecionando a página, caso queira. É só tirar o comentário. No 2000 é o tempo em que levará para redirecionar.*/
				/*
				print "
				<script type='text/javascript'>
					setTimeout('window.location=\"nomedapage.php\"', 2000);
				</script>";
				*/
		}else{
			print"<div class=\"msg_erro_form\">Erro ao enviar o formulário.</div>";
		}
	}
?>

<div id="form-contato">
	<form action="contato.php" enctype="multipart/form-data" method="post" id="formContato">
		<div id="cp-input">
			<p>Nome</p>
			<input type="text" name="nome" maxlength="50" value="<?php echo (isset($_POST['nome'])) ? $_POST['nome'] : ""; ?>" placeholder="Nome completo" />
			<p>E-mail</p>
			<input type="text" name="email" maxlength="50" value="<?php echo (isset($_POST['email'])) ? $_POST['email'] : ""; ?>" placeholder="Email" />
			<p>Telefone</p>
			<input type="text" name="telefone" maxlength="50" value="<?php echo (isset($_POST['telefone'])) ? $_POST['telefone'] : ""; ?>" placeholder="(048)9999-9999" />
			<p>Assunto</p>
			<input type="text" name="assunto" maxlength="50" value="<?php echo (isset($_POST['assunto'])) ? $_POST['assunto'] : ""; ?>" placeholder="Assunto" />
		</div>
		<div id="cp-textarea">
			<p>Mensagem</p>
			<textarea name="string" cols="35" rows="3" placeholder="Digite seu texto"><?php echo (isset($_POST['string'])) ? $_POST['string'] : ""; ?></textarea><br clear="all" />
			<div id="botForm">
				<input type="submit" name="submit" value="Enviar" title="Enviar o formulário" />
				<input type="reset" value="Limpar" title="Limpar os campos" />
			</div>
		</div>
	</form>
</div>

 

 

Tirei alguma coisinha rapidamente, dados pessoais.. Mas acredito que vai funcionar perfeitamente..

Qualquer coisa da um toque!

[rafa2098 1]

Como parece voce ja resolveu seu problema, com a ajuda do pessoal ae ( que por caso sao muito bons ) (:

 

mais se caso voce queira outra forma usando Banco de Dados.

 

Da pra seguir o procedimento adquirido acima do nosso amigo "null2007" o que mudaria e que vc criaria algumas tabelas no seu BD.

 

Ex:

 

- Serviço 1

 

<?php
			$con = mysql_connect( 'IP', 'user', 'senha' ) ;
			mysql_select_db( 'user', $con );
		?>
          <label for="cod_servico1">serviço1:</label><br />
		<select name="cod_servico1" id="cod_servico1">
			<option value=""></option>
		
          <?php
				$sql = "SELECT cod_servico1, sigla
						FROM Serviços
						ORDER BY sigla";
				$res = mysql_query( $sql );
				while ( $row = mysql_fetch_assoc( $res ) ) {
					echo '<option value="'.$row['cod_servico1'].'">'.$row['sigla'].'</option>';
				}
			?>

 

e mais ou menos dessa forma vc consegueria resolver seu problema usando PHP+MSQL

[Stanley Patez 0]

Olá rafa2098, obrigado pela sua dica, mas como vc mesmo disse, consegui resolver com essa última dica do null2007, na verdade, todos vcs são bons mesmo, dá pra perceber! :clap:

Ta chegando tudo beleza, sem problemas de acentuação ou das tags html (apenas as cores definidas para background, fontes, etc não funcionam). O único problema agora é que não chegam as informações marcadas pelos clientes nos campos de escolha, além de eu não saber como fazer pra que só cheguem as informações escolhidas por eles, pra não chegar um email enorme, com informações em branco por não terem sido escolhidas. Mais uma vez, obrigado, será que vcs podem me ajudar ainda nesse último caso???? :rolleyes: