1. 주소 (카카오 주소 검색) 팝업 연동 및 데이터 받아오기 2. 생일 Date Picker 띄우고 데이터 받아오기 3. 전화번호 양식 만들기 4. TopNav 의 버튼들 색상 변경
39 lines
1.3 KiB
HTML
39 lines
1.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="ko">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<title>주소검색</title>
|
|
<script src="https://spi.maps.daum.net/imap/map_js_init/postcode.v2.js"></script>
|
|
<script>
|
|
window.onload = function() {
|
|
var layer = document.getElementById('layer');
|
|
new daum.Postcode({
|
|
oncomplete: function(data) {
|
|
var jibunAddress = data.jibunAddress || data.autoJibunAddress || "";
|
|
var postData = {
|
|
roadAddress: data.roadAddress,
|
|
jibunAddress: jibunAddress,
|
|
zonecode: data.zonecode,
|
|
};
|
|
window.opener.postMessage({
|
|
roadAddress: data.roadAddress,
|
|
jibunAddress: data.jibunAddress,
|
|
zonecode: data.zonecode
|
|
}, window.location.origin);
|
|
window.close();
|
|
},
|
|
width: "100%",
|
|
height: "100%"
|
|
}).embed(layer);
|
|
layer.style.display = "block";
|
|
};
|
|
</script>
|
|
<style>
|
|
html, body { margin:0; padding:0; width:100vw; height:100vh; background:#fff; }
|
|
#layer { width:100vw; height:100vh; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div id="layer"></div>
|
|
</body>
|
|
</html> |