Joung Jiwon

우편번호 api 추가 및 css 8차 수정

......@@ -38,7 +38,8 @@ a:focus {
}
.btn:hover {
background-color: #ced4da;
color:darkgrey !important;
background-color: white;
}
.tm-section-pad-top {
......@@ -218,16 +219,17 @@ a:focus {
.tm-down-arrow {
font-size:15px;
color: white;
color: white !important;
border: 2px none white;
border-radius: 3%;
padding: 10px 22px 8px;
transition: all 0.3s ease;
background:transparent;
}
.tm-down-arrow:hover,
.tm-down-arrow:focus {
color: grey;
color: darkgrey !important;
background: white;
}
......@@ -347,7 +349,6 @@ select::-ms-expand {
}
.input-home {
display : relative;
grid-area: input-home; }
.question-grade { grid-area: question-grade; }
......
......@@ -81,14 +81,14 @@
<div class="grid-container">
<div class="question-field question-home">어디에 사나요?</div>
<div class="input-field input-home">
<input type="button" class="button-address" onclick="sample4_execDaumPostcode()" value="우편번호 찾기"><br>
<input type="text" id="sample4_roadAddress" placeholder="도로명주소">
<input type="button" class="button-address" onclick="home_execDaumPostcode()" value="우편번호 찾기"><br>
<input type="text" id="home-address" placeholder="도로명주소">
<span id="guide" style="color:#999;display:none"></span>
</div>
<div class="question-field question-school">무슨 학교에 다니나요?</div>
<div class="input-school">
<input type="button" class="button-address" onclick="sample4_execDaumPostcode()" value="우편번호 찾기"><br>
<input type="text" id="sample4_roadAddress" placeholder="도로명주소">
<input type="button" class="button-address" onclick="school_execDaumPostcode()" value="우편번호 찾기"><br>
<input type="text" id="school-address" placeholder="도로명주소">
<span id="guide" style="color:#999;display:none"></span>
</div>
<div class="question-field question-grade">몇학년인가요?</div>
......@@ -107,7 +107,7 @@
</div></div>
</div>
<a href="#result" class="button2 text-center tm-down-arrow-link">
<button style= "color:black" class="fas fa-3x fa-caret-down tm-down-arrow" type="button" onclick="semester();return false;">계산
<button style= "color:black" class="fas fa-3x fa-caret-down tm-down-arrow" type="button" onclick="semester();return false;">계산해보
</button>
</a>
</div>
......@@ -168,7 +168,7 @@
<script src="js/bootstrap.min.js"></script>
<script src="https://t1.daumcdn.net/mapjsapi/bundle/postcode/prod/postcode.v2.js"></script>
<script> //도로명주소
function sample4_execDaumPostcode() {
function home_execDaumPostcode() {
new daum.Postcode({
oncomplete: function(data) {
// 팝업에서 검색결과 항목을 클릭했을때 실행할 코드를 작성하는 부분.
......@@ -179,7 +179,7 @@
// 우편번호와 주소 정보를 해당 필드에 넣는다.
document.getElementById("sample4_roadAddress").value = roadAddr;
document.getElementById("home-address").value = roadAddr;
// 참고항목 문자열이 있을 경우 해당 필드에 넣는다.
......
No preview for this file type