Commit @2cfa8a2fe9e64e8a5b6425f2ada4e86fe214a661

정수빈 2024-11-19

2024/11/19 인증 휴대폰번호관리 팝업 추가

@2cfa8a2fe9e64e8a5b6425f2ada4e86fe214a661

159a5bd

2cfa8a2

src/main/webapp/publish/mypage_index_2024.html

--- src/main/webapp/publish/mypage_index_2024.html

+++ src/main/webapp/publish/mypage_index_2024.html


 			$('.security_set .tab_depth1 a').click(function () {
 				if ($(this).text().trim() == "ON") {
 					confirm("보안로그인 설정 후 로그인 시, 등록한 휴대폰번호로 추가 인증이 진행됩니다")
-				}else{
+				} else {
 					confirm("가입자 휴대폰번호로 본인인증 후 해제가 가능하며, 보안로그인 설정을 해제함으로써 발생하는 손해에 대하여 회사는 책임지지 않습니다.")
 				}
 			})

 				$(".ip_table tbody").prepend(ipTr);
 			});
 
-			
 		})
-
-
-
 	</script>
 </head>
 
 <body>
 	<div class="mask"></div>
+
+	<!-- 휴대폰인증 팝업 -->
+	<div class="tooltip-wrap">
+		<div class="popup-com certify_layer popup05" tabindex="0" data-tooltip-con="popup05" data-focus="popup05" data-focus-prev="popup05-close" style="width: 500px;">
+			<div class="popup_heading">
+				<p>휴대폰 인증</p>
+				<button type="button" class="tooltip-close" data-focus="popup05-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
+			</div>
+			<div class="layer_in">
+				<div class="hascont">
+					<table class="layer_tType1">
+						<caption>본인인증(step1) 표</caption>
+						<colgroup>
+							<col style="width: 95px">
+							<col style="width: auto">
+						</colgroup>
+						<tbody>
+							<tr>
+								<th>핸드폰번호</th>
+								<td>
+									<label for="" class="label">핸드폰번호 입력</label>
+									<input type="text" placeholder="‘-’없이 번호만 입력 " onfocus="this.placeholder=''" onblur="this.placeholder='‘-’없이 번호만 입력 '" class="inputLight" style="width: 200px;">
+									<button type="button" class="btnType btnType6" style="width:90px">인증요청</button>
+								</td>
+							</tr>
+							<tr>
+								<th>인증번호</th>
+								<td>
+									<label for="" class="label">인증번호 입력</label>
+									<input type="text" placeholder="인증번호 4자리 입력" onfocus="this.placeholder=''" onblur="this.placeholder='인증번호 4자리 입력'" class="inputLight" style="width: 200px;">
+									<button type="button" class="btnType btnType6" style="width:90px">확인</button>
+								</td>
+							</tr>
+						</tbody>
+					</table>
+					<div class="popup_btn_wrap2">
+						<button type="button" class="tooltip-close" data-focus="popup05-close" data-focus-next="popup05">닫기</button>
+					</div>
+				</div>
+			</div>
+		</div>
+	</div>
+	<!--// 휴대폰인증 팝업 -->
 
 
 	<div class="skip_menu"><a href="#cont" title="본문 바로가기" class="contGo">본문 바로가기</a></div>

 								<p>
 									<span>홍길동</span>회원님 반갑습니다
 								</p>
-								<button type="button" class="btnType">보안로그인</button>
+								<button type="button" class="btnType btn_security_login">보안로그인</button>
 							</div>
 							<div class="send_price">
 								<div class="price_title">나의<br>단가</div>

 									<p>인증에 사용할 휴대폰번호를 추가로 등록하여 관리할 수 있습니다. <br>
 										(등록 및 삭제 시 휴대폰 본인인증 필요)</p>
 								</div>
-								<button type="button" class="btn_plus"><img src="/publish/images/content/mypage_plus.png" alt="더보기"></button>
+								<button type="button" data-tooltip="popup05" class="btn_plus"><img src="/publish/images/content/mypage_plus.png" alt="더보기"></button>
 							</div>
 
 							<div class="table_wrap">

Add a comment

Open 0
Closed 0

List

...	...	@@ -27,7 +27,7 @@
27	27	$('.security_set .tab_depth1 a').click(function () {
28	28	if ($(this).text().trim() == "ON") {
29	29	confirm("보안로그인 설정 후 로그인 시, 등록한 휴대폰번호로 추가 인증이 진행됩니다")
30		- }else{
	30	+ } else {
31	31	confirm("가입자 휴대폰번호로 본인인증 후 해제가 가능하며, 보안로그인 설정을 해제함으로써 발생하는 손해에 대하여 회사는 책임지지 않습니다.")
32	32	}
33	33	})
...	...	@@ -38,16 +38,55 @@
38	38	$(".ip_table tbody").prepend(ipTr);
39	39	});
40	40
41		-
42	41	})
43		-
44		-
45		-
46	42	</script>
47	43	</head>
48	44
49	45	<body>
50	46	<div class="mask"></div>
	47	+
	48	+ <!-- 휴대폰인증 팝업 -->
	49	+ <div class="tooltip-wrap">
	50	+ <div class="popup-com certify_layer popup05" tabindex="0" data-tooltip-con="popup05" data-focus="popup05" data-focus-prev="popup05-close" style="width: 500px;">
	51	+ <div class="popup_heading">
	52	+ <p>휴대폰 인증</p>
	53	+ <button type="button" class="tooltip-close" data-focus="popup05-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
	54	+ </div>
	55	+ <div class="layer_in">
	56	+ <div class="hascont">
	57	+ <table class="layer_tType1">
	58	+ <caption>본인인증(step1) 표</caption>
	59	+ <colgroup>
	60	+ <col style="width: 95px">
	61	+ <col style="width: auto">
	62	+ </colgroup>
	63	+ <tbody>
	64	+ <tr>
	65	+ <th>핸드폰번호</th>
	66	+ <td>
	67	+ <label for="" class="label">핸드폰번호 입력</label>
	68	+ <input type="text" placeholder="‘-’없이 번호만 입력 " onfocus="this.placeholder=''" onblur="this.placeholder='‘-’없이 번호만 입력 '" class="inputLight" style="width: 200px;">
	69	+ <button type="button" class="btnType btnType6" style="width:90px">인증요청</button>
	70	+ </td>
	71	+ </tr>
	72	+ <tr>
	73	+ <th>인증번호</th>
	74	+ <td>
	75	+ <label for="" class="label">인증번호 입력</label>
	76	+ <input type="text" placeholder="인증번호 4자리 입력" onfocus="this.placeholder=''" onblur="this.placeholder='인증번호 4자리 입력'" class="inputLight" style="width: 200px;">
	77	+ <button type="button" class="btnType btnType6" style="width:90px">확인</button>
	78	+ </td>
	79	+ </tr>
	80	+ </tbody>
	81	+ </table>
	82	+ <div class="popup_btn_wrap2">
	83	+ <button type="button" class="tooltip-close" data-focus="popup05-close" data-focus-next="popup05">닫기</button>
	84	+ </div>
	85	+ </div>
	86	+ </div>
	87	+ </div>
	88	+ </div>
	89	+ <!--// 휴대폰인증 팝업 -->
51	90
52	91
53	92	<div class="skip_menu"><a href="#cont" title="본문 바로가기" class="contGo">본문 바로가기</a></div>
...	...	@@ -171,7 +210,7 @@
171	210	<p>
172	211	<span>홍길동</span>회원님 반갑습니다
173	212	</p>
174		- <button type="button" class="btnType">보안로그인</button>
	213	+ <button type="button" class="btnType btn_security_login">보안로그인</button>
175	214	</div>
176	215	<div class="send_price">
177	216	<div class="price_title">나의<br>단가</div>
...	...	@@ -302,7 +341,7 @@
302	341	<p>인증에 사용할 휴대폰번호를 추가로 등록하여 관리할 수 있습니다. <br>
303	342	(등록 및 삭제 시 휴대폰 본인인증 필요)</p>
304	343	</div>
305		- <button type="button" class="btn_plus"><img src="/publish/images/content/mypage_plus.png" alt="더보기"></button>
	344	+ <button type="button" data-tooltip="popup05" class="btn_plus"><img src="/publish/images/content/mypage_plus.png" alt="더보기"></button>
306	345	</div>
307	346
308	347	<div class="table_wrap">

Delete comment