-
Notifications
You must be signed in to change notification settings - Fork 4
/
demo.html
81 lines (81 loc) · 3.85 KB
/
demo.html
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
<html>
<head>
<meta charset="utf-8" />
<title>LocaliZAZ :: 2.0.0.0</title>
<script type="text/javascript" src="localizaz_demo.js"></script>
</head>
<body>
<center>
<!-- CABEÇALHO -->
<h1>LocaliZAZ :: v2.0.0.0</h1>
<h5>Desenvolvido por: Arthur "ArT_DsL" Dias dos Santos Lasso</h5>
<!-- -------- -->
<!-- CIDADES, ESTADOS E CÓDIGOS IBGE -->
<hr>
<h3>ESTADOS, CIDADES E CÓDIGOS DO IBGE <u>(ELEM. MULTIPLOS COMBINADOS)</u></h3>
<h4>Você pode utilizar dois ou mais elementos em conjunto, fazendo com que um retorne as
<br>informações necessárias do outro, um exemplo são os Estados, Cidades e os Códigos do IBGE,
<br>outro exemplo possível é utilizar o estados para selecionar os aeroportos, ao selecionar
<br>somente o estado serão retornados todos os aeroportos daquele mesmo estado, caso selecione
<br>a cidade será retornado os aeroportos somente daquela cidade.</h4>
<br>
<select id="estado_sb" name="estado_sb" onchange="muda_estado();"></select>
<input type="number" id="ibge_estado_input" name="ibge_estado_input" placeholder="Código IBGE Estado"/>
<select id="cidade_sb" name="cidade_sb" onchange="muda_cidade();"></select>
<input type="number" id="ibge_cidade_input" name="ibge_cidade_input" placeholder="Código IBGE Município"/>
<select id="iata_input" name="iata_input" onchange=""></select>
<input id="codpostal_input" name="codpostal_input" onchange="buscaDadosCEP();" placeholder="Digite seu CEP" />
<br><br>
<div id="resultado_cep" style="display: none;"></div>
<br><br>
<i><h5>"Código"<h5></i>
<textarea type="code" style="width: 800px; height: 90px;">
<select id="estado_sb" name="estado_sb" onchange="muda_estado();"></select>
<input type="number" id="ibge_estado_input" name="ibge_estado_input" placeholder="Código IBGE Estado"/>
<select id="cidade_sb" name="cidade_sb" onchange="muda_cidade();"></select>
<input type="number" id="ibge_cidade_input" name="ibge_cidade_input" placeholder="Código IBGE Município"/>
<select id="iata_input" name="iata_input" onchange=""></select>
<input id="codpostal_input" name="codpostal_input" onchange="buscaDadosCEP();" placeholder="Digite seu CEP" />
<div id="resultado_cep" style="display: none;"></div>
</textarea>
<br>
<br>
<hr>
<!-- -------- -->
<!-- ESTADOS E CIDADES -->
<h3>ESTADOS / CIDADES <u>(ELEM. MULTIPLOS)</u></h3>
<h4>Você pode utilizar dois elementos em conjunto, fazendo com que um retorne as
<br>que um retorne as informações necessárias do outro, um exemplo são os Estados e as Cidades.</h4>
<br>
<select id="estado_sb2" name="estado_sb2" onchange="muda_estado();"></select>
<select id="cidades_sb2" name="cidades_sb2"></select>
<br><br><br>
<i><h5>"Código"<h5></i>
<textarea type="code" style="width: 650px; height: 50px;"><select id="estado_sb" name="estado_sb" onchange="muda_estado();"></select>
<select id="cidades_sb" name="cidades_sb"></select>
</textarea>
<br>
<br>
<hr>
<!-- -------- -->
<!-- ESTADOS -->
<h3>ESTADOS <u>(ELEM. UNICO)</u></h3>
<h4>Você pode utilizar um elemento unico para realizar uma unica função.</h4>
<br>
<select id="estado_sb3" name="estado_sb3"></select>
<br><br><br>
<i><h5>"Código"<h5></i>
<textarea type="code" style="width: 500px; height: 50px;"><select id="estado_sb" name="estado_sb"></select></textarea>
<br>
<br>
<hr>
<!-- -------- -->
<!-- INFO -->
<h2><u>INFORMAÇÕES</u></h2>
<h4>É possível realizar diversas operações, basta realizar os ajustes pertinente ao necessário.
<br>Também é deveras recomendado utilizar o "localizaz.js" que se encontra na pasta <u>"/src/"</u> pois é o arquivo em modo produção.</h4>
<br>
Caso haja duvidas, recomendações, modificações, todas serão bem vindas!
</center>
</body>
</html>