1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
|
<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="headingOne">
<h5 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
Faça Parte dos associados Sivana
</a>
</h5>
</div>
<div id="collapseOne" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingOne">
<div class="panel-body">
<h1>Dados da Empresa</h1>
<form id="formulario" name="formulario" action="javascript:func()" method="post">
<div class="row">
<div class="col-md-6">
<label>Razão Social:</label>
<input type="text" class="form-control" id="razaosocial" name="razaosocial" required="required">
<label>Nome Fantasia:</label>
<input type="text" class="form-control" id="nomefantasia" name="nomefantasia">
<label>CNPJ:</label>
<input type="text" class="form-control cnpj" id="cnpj" name="cnpj" required="required">
<label>Insc. Estadual:</label>
<input type="text" class="form-control" id="ie" name="ie" cnpj>
<label>CEP:</label>
<input type="text" class="form-control cep" id="cep" name="cep" required="required" onBlur="getEndereco()">
<label>Endereço:</label>
<input type="text" class="form-control" id="rua" name="rua" >
<label>Número:</label>
<input type="text" class="form-control" id="numero" name="numero">
<label>Complemento:</label>
<input type="text" class="form-control" id="complemento" name="complemento">
</div>
<div class="col-md-6">
<label>Bairro:</label>
<input type="text" class="form-control" id="bairro" name="bairro">
<label>UF:*</label>
<select class="form-control" name="cod_estados" id="cod_estados" >
<option value="Selecione">Selecione um estado</option>
<?php
$sql = "SELECT cod_estados, sigla
FROM estados
ORDER BY sigla";
$res = mysql_query( $sql );
while ( $row = mysql_fetch_assoc( $res ) ) {
echo '<option value="'.$row['cod_estados'].'">'.$row['sigla'].'</option>';
}
?>
</select>
<label>Cidade:*</label>
<? if ($linha['cidade'] != '') { ?>
<input type="text" id="city" name="cod_cidades" value="<?= $linha['cidade']; ?>" class="form-control">
<? } else { ?>
<select name="tt" id="tt" class="form-control">
<option value="">-- Escolha um estado --</option>
</select>
<? } ?>
<div id="cod_cidade">
</div>
<label>Telefone:</label>
<input type="text" class="form-control fone" id="fone" name="fone">
<label>Celular:</label>
<input type="text" class="form-control fone" id="cell" name="cell">
<label>Fax:</label>
<input type="text" class="form-control" id="fax" name="fax">
<label>Email:</label>
<input type="email" class="form-control" id="email" name="email">
<label>Número de Funcionários:</label>
<input type="text" class="form-control" id="numf" name="numf">
</div>
</div>
<h1>Dados Proprietário</h1>
<div class="row">
<div class="col-md-6">
<label>Nome:</label>
<input type="text" class="form-control" id="nome" name="nome" required="required">
<label>Data de Nascimento:</label>
<input type="text" class="form-control data" id="datanas" name="datanas" >
<label>Estado Civil:</label>
<input type="text" class="form-control" id="civil" name="civil">
<label>Nacionalidade:</label>
<input type="text" class="form-control" id="nacionalidade" name="nacionalidade">
<label>CEP:</label>
<input type="text" class="form-control cep" id="cep2" name="cep2" onBlur="getEndereco2()" required="required">
<label>Endereço:</label>
<input type="text" class="form-control" id="rua2" name="rua2">
</div>
<div class="col-md-6">
<label>Número:</label>
<input type="text" class="form-control" id="numero2" name="numero2">
<label>Complemento:</label>
<input type="text" class="form-control" id="complemento2" name="complemento2">
<label>Bairro:</label>
<input type="text" class="form-control" id="bairro2" name="bairro2">
<label>Telefone:</label>
<input type="text" class="form-control fone" id="telefone" name="telefone" required="required">
</div>
</div>
<input type="submit" class="btn botao" value="Enviar Informações">
<div id="status" class="pull-right"></div>
</form>
</div>
</div>
</div>
</div>
<script src='ajax-cidades.js' type='text/javascript'></script>
<script src="js/mascara.js"></script>
<script type="text/javascript">
// Função Únida que fará a função
function getEndereco() {
// Se o campo CEP não estiver vazio
if($.trim($("#cep").val()) != ""){
/*
Para conectar no serviço e executar o json, precisamos usar a função
getScript do jQuery, o getScript e o dataType:"jsonp" conseguem fazer o cross-domain, os outros
dataTypes não possibilitam esta interação entre domÃnios diferentes
Estou chamando a url do serviço passando o parâmetro "formato=javascript" e o CEP digitado no formulário
http://cep.republicavirtual.com.br/web_cep.php?formato=javascript&cep="+$("#cep").val()
*/
$.getScript("http://cep.republicavirtual.com.br/web_cep.php?formato=javascript&cep="+$("#cep").val(), function(){
// o getScript dá um eval no script, então é só ler!
//Se o resultado for igual a 1
if(resultadoCEP["resultado"]==1){
// troca o valor dos elementos
$("#rua").val(unescape(resultadoCEP["tipo_logradouro"])+": "+unescape(resultadoCEP["logradouro"]));
$("#bairro").val(unescape(resultadoCEP["bairro"]));
$("#cidade").val(unescape(resultadoCEP["cidade"]));
$("#uf").val(unescape(resultadoCEP["uf"]));
}
});
}
}
function getEndereco2() {
// Se o campo CEP não estiver vazio
if($.trim($("#cep2").val()) != ""){
/*
Para conectar no serviço e executar o json, precisamos usar a função
getScript do jQuery, o getScript e o dataType:"jsonp" conseguem fazer o cross-domain, os outros
dataTypes não possibilitam esta interação entre domÃnios diferentes
Estou chamando a url do serviço passando o parâmetro "formato=javascript" e o CEP digitado no formulário
http://cep.republicavirtual.com.br/web_cep.php?formato=javascript&cep="+$("#cep").val()
*/
$.getScript("http://cep.republicavirtual.com.br/web_cep.php?formato=javascript&cep="+$("#cep2").val(), function(){
// o getScript dá um eval no script, então é só ler!
//Se o resultado for igual a 1
if(resultadoCEP["resultado"]==1){
// troca o valor dos elementos
$("#rua2").val(unescape(resultadoCEP["tipo_logradouro"])+": "+unescape(resultadoCEP["logradouro"]));
$("#bairro2").val(unescape(resultadoCEP["bairro"]));
$("#cidade2").val(unescape(resultadoCEP["cidade"]));
$("#uf2").val(unescape(resultadoCEP["uf"]));
}
});
}
}
</script>
<script>
$(function($) {
// Quando o formulário for enviado, essa funçao é chamada
$("#formulario").submit(function() {
//alert('numero 1');
var tipo = $("input[type=radio][name=tipo]:checked").val();
// Colocamos os valores de cada campo em uma variavel para facilitar a manipulacao
var tipo = $("input[type=radio][name=tipo]:checked").val();
// Colocamos os valores de cada campo em uma váriavel para facilitar a maniempresapulaçao
var razaosocial = $("#razaosocial").val();
var nomefantasia = $("#nomefantasia").val();
var cnpj = $("#cnpj").val();
var ie = $("#ie").val();
var cep = $("#cep").val();
var rua = $("#rua").val();
var numero = $("#numero").val();
var complemento = $("#complemento").val();
var bairro = $("#bairro").val();
var cod_estados = $("#cod_estados").val();
var cod_cidades = $("#cod_cidades").val();
var fone = $("#fone").val();
var cell = $("#cell").val();
var fax = $("#fax").val();
var email = $("#email").val();
var numf = $("#numf").val();
var nome = $("#nome").val();
var datanas = $("#datanas").val();
var civil = $("#civil").val();
var nacionalidade = $("#nacionalidade").val();
var cep2 = $("#cep2").val();
var rua2 = $("#rua2").val();
var numero2 = $("#numero2").val();
var complemento2 = $("#complemento2").val();
var bairro2 = $("#bairro2").val();
var telefone = $("#telefone").val();
// Exibe mensagem de carregamento
$("#status").html("Aguarde! Enviando mensagem");
$("#status").slideDown();
$("#enviar").hide();
// Fazemos a requisao ajax com o arquivo enviar.php e enviamos os valores de cada campo através do método POST
$.post('enviar-filia-se.php', {razaosocial: razaosocial, nomefantasia: nomefantasia, cnpj: cnpj, ie: ie, cep: cep, rua: rua, numero:numero, complemento:complemento, bairro:bairro, cod_estados:cod_estados, cod_cidades:cod_cidades, fone:fone, cell:cell, fax:fax, email:email, numf:numf, nome:nome,datanas:datanas,civil:civil,nacionalidade:nacionalidade, cep2:cep2, rua2:rua2, numero2:numero2, complemento2:complemento2,bairro2:bairro2, telefone:telefone }, function(resposta) {
// Quando terminada a requisiçao
// Exibe a div status
$("#status").slideDown();
// Se a resposta é um erro
if (resposta != false) {
// Exibe o erro na div
$("#status").html(resposta);
$("#enviar").show();
}
// Se resposta for false, ou seja, nao ocorreu nenhum erro
else {
// Exibe mensagem de sucesso
$("#status").html("Mensagem enviada com sucesso!");
// Limpando todos os campos
$("#nome").val("");
$("#fone").val("");
$("#email").val("");
$("#empresa").val("");
$("#assunto").val("");
$("#mensagem").val("");
$("#enviar").show();
}
});
});
});
</script>
|