-
Notifications
You must be signed in to change notification settings - Fork 0
/
zipcode.html
154 lines (141 loc) · 5.59 KB
/
zipcode.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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<title>資料處理線上工具</title>
<link rel="apple-touch-icon" sizes="180x180" href="./apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="./favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="./favicon-16x16.png">
<link rel="manifest" href="./site.webmanifest">
<link rel="mask-icon" href="./safari-pinned-tab.svg" color="#5bbad5">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="theme-color" content="#ffffff">
<!-- Bootstrap core CSS -->
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="css/app.css" rel="stylesheet">
<style>
#mainArea{
min-height: 850px;
}
</style>
</head>
<body>
<!-- Navigation -->
<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
<div class="container">
<a class="navbar-brand" href="#">資料處理愛好者俱樂部</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive"
aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link" href="index.html">一維資料
<span class="sr-only">(current)</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="sets.html">集合運算
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="vlookup.html">資料查閱
</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="zipcode.html">郵遞區號
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="fstring.html">字串格式化
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="sublime.html" target="_blank">編輯器
</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- Page Content -->
<div class="container" id="mainArea">
<!-- Page Heading -->
<!-- <h1 class="my-4">資料處理線上工具
<small>Data Processing Online Tool</small>
</h1> -->
<div class="mb-4"></div>
<div class="row">
<div class="col-lg-6 portfolio-item">
<div class="card h-100 border-primary">
<div class="card-body">
<h4 class="card-title">
<a href="#">查詢資料</a>
</h4>
<textarea class="form-control" rows="16" id="raw" autofocus>苗栗縣銅鑼鄉銅科南路6號
南投縣竹山鎮集山路2段345號
臺北市大安區羅斯福路4段1號
嘉義縣太保市故宮大道大道888號
臺北市中正區南昌路1段1號
屏東縣瑪家鄉北葉村風景104號
宜蘭縣宜蘭市復興路2段101號
金門縣金沙鎮西園里文化路450巷52號
臺南市東區大學路一號
新北市淡水區中正路28巷1號
桃園市大溪區普濟路大道21-3號
霧峰區柳豐路500號</textarea>
</div>
</div>
</div>
<div class="col-lg-6 portfolio-item">
<div class="card h-100 border-primary">
<div class="card-body">
<h4 class="card-title">
<a href="#">查詢結果</a>
</h4>
<textarea class="form-control" rows="16" id="dictionary"></textarea>
</div>
</div>
</div>
</div>
<!-- /.row -->
<div class="row">
<div class="col-lg-12">
<p class="border p-2 rounded">查詢資料如無縣市，只有鄉鎮市區，若屬於獨特的項目也可以查詢到 😉</p>
<!-- BUTTON SECTION -->
<button id="zipCodeBtn" class="btn btn-info mr-3">郵遞區號查詢</button>
<!-- END OF BUTTON SECTION -->
</div>
</div>
</div>
<!-- /.container -->
<!-- Footer -->
<footer class="py-3 bg-dark">
<div class="container text-white">
<a class="text-info font-weight-bold" href="https://sdwh.github.io/about">About Developer</a> /
<a class="text-info font-weight-bold" href="https://github.com/sdwh/DataHelper">Github</a>
<div class="float-right">
Update: 2023-11-25
</div>
</div>
<!-- /.container -->
</footer>
<!-- Bootstrap core JavaScript -->
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/2.1.2/sweetalert.min.js" integrity="sha512-AA1Bzp5Q0K1KanKKmvN/4d3IRKVlv9PYgwFPvm32nPO6QS8yH1HO7LbgB1pgiOxPtfeg5zEn2ba64MUcqJx6CA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.21/lodash.min.js" integrity="sha512-WFN04846sdKMIP5LKNphMaWzU7YpMyCU245etK3g/2ARYbPK9Ub18eG+ljU96qKRCWh+quCY7yefSmlkQw1ANQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="./js/jquery.hotkeys.js"></script> <!-- https://github.com/jeresig/jquery.hotkeys -->
<script>
var pageLock = "page/index";
</script>
<script src="./js/zipcode.js"></script>
<script src="./js/app.js"></script>
</body>
</html>