Commit @c97a3bb12bfc466e6af0014f7ce4f88fa966ffeb

Eunjipark 2025-02-20

2025/02/20 문자전송 > 안심번호 사용 관련 안내 추가

@c97a3bb12bfc466e6af0014f7ce4f88fa966ffeb

0c28a42

c97a3bb

src/main/webapp/WEB-INF/jsp/web/msgdata/MsgDataSMLView.jsp

--- src/main/webapp/WEB-INF/jsp/web/msgdata/MsgDataSMLView.jsp

+++ src/main/webapp/WEB-INF/jsp/web/msgdata/MsgDataSMLView.jsp


 	document.popForm.method = "post"; 
 	if(pageUrl == "adrvertisement1"){
 		window.open("about:blank", 'infoPop', 'width=790, height=800, top=100, left=100, fullscreen=no, menubar=no, status=no, toolbar=no, titlebar=yes, location=no, scrollbars=1');	
+	}else if(pageUrl == "selectMsgDataView3"){
+		window.open("about:blank", 'infoPop', 'width=600, height=550, top=100, left=100, fullscreen=no, menubar=no, status=no, toolbar=no, titlebar=yes, location=no, scrollbars=1');	
 	}else{
 		window.open("about:blank", 'infoPop', 'width=790, height=350, top=100, left=100, fullscreen=no, menubar=no, status=no, toolbar=no, titlebar=yes, location=no, scrollbars=1');	
 	}

 	document.popForm.target = "infoPop";
 	document.popForm.submit();
 }
+
 
 $(document).on('click', '.addressregi_btn', function() {
 	var tableData = tableL.getRows();

 										<label for="" class="label">받는 번호입력</label>
 										<!-- <input type="text" placeholder="번호를 입력하세요" onfocus="this.placeholder=''" onblur="this.placeholder='번호를 입력하세요'" style="width:340px;"> -->
 <!-- 												oninput="this.value = this.value.replace(/[^0-9.\n]/g, '').replace(/(\..*)\./g, '$1');" -->
-										<textarea name="callTo" id="callTo" cols="30" rows="10" class="receipt_num" 
+										<textarea name="callTo" id="callTo" cols="30" rows="10" class="receipt_num phone_num" 
 												placeholder="번호를 입력하세요" 
 												onfocus="this.placeholder=''" 
 												onblur="this.placeholder='번호를 입력하세요'" 

 										<!-- <button type="button" class="btnType btnType6">번호추가</button> -->
 										<div class="btn_popup_wrap">
 											<button type="button" class="btnType btnType6 btn_add_number addCallToF">번호추가<i class="qmMark"></i></button>
-											<span style="display:block;margin:10px 0 0 0;"><span class="vMiddle">*</span> 중복번호는 한번만 추가됩니다.</span>
+											<span style="display:block;margin:8px 0 0 0;"><span class="vMiddle">*</span> 중복번호는 한번만 추가됩니다.</span>
+											<button type="button" class="button info info_guide" onclick="infoPop('selectMsgDataView3');">* 일부 안심번호(050*)는 발송이 제한될 수 있습니다.</button>
 											<div class="error_hover_cont send_hover_cont">
 <!-- 												<p>휴대폰 번호 입력 시 해당 휴대폰 번호에 대한 형식이 어긋나거나 휴대폰 번호에 오류가 있는지 등을 검사하는 기능</p> -->
 												<p>줄바꿈(Enter) 기준으로 핸드폰 번호 입력이 가능합니다.</p>

0c28a42

c97a3bb

src/main/webapp/WEB-INF/jsp/web/pop/infoListPop.jsp

--- src/main/webapp/WEB-INF/jsp/web/pop/infoListPop.jsp

+++ src/main/webapp/WEB-INF/jsp/web/pop/infoListPop.jsp

...	...	@@ -38,6 +38,48 @@
38	38	</div>
39	39	</c:when>
40	40
	41	+ <c:when test="${pageType == 'selectMsgDataView3'}">
	42	+ <!-- 문자전송 안심번호 사용안내 -->
	43	+ <div class="info_popup ad_layer adpopup01 info_guide_popup" style="min-width:500px;">
	44	+ <div class="popup_heading">
	45	+ <p>안심번호(050*) 문자 발송 서비스 이용 제한 안내</p>
	46	+ </div>
	47	+ <div class="layer_in">
	48	+ <ul class="info_list">
	49	+ <li>
	50	+ <strong>① SMS(단문)</strong>
	51	+ <ul class="sub_te">
	52	+ <li>0503 : 0503-0~8 발송 가능, 그 외 발송 불가</li>
	53	+ <li>0508 : 0508-6~7 발송 가능, 그 외 발송 불가</li>
	54	+ <li>0509 : 발송 불가</li>
	55	+ <li>0502~0507 : 모두 발송 가능</li>
	56	+ </ul>
	57	+ </li>
	58	+ <li class="center">
	59	+ <strong>② LMS(장문</strong>)
	60	+ <ul class="sub_te">
	61	+ <li>0502, 0508, 0509 : 발송 불가</li>
	62	+ <li>0503 : 0503-0~8 발송 가능, 그 외 발송 불가</li>
	63	+ <li>0504~0507 : 모두 발송 가능</li>
	64	+ </ul>
	65	+ </li>
	66	+ <li>
	67	+ <strong>③ MMS(그림문자)</strong>
	68	+ <ul class="sub_te">
	69	+ <li>0502, 0506, 0508, 0509 : 발송 불가</li>
	70	+ <li>0503 : 0503-5~7 발송 가능, 그 외 발송 불가</li>
	71	+ <li>0504, 0505, 0507 : 모두 발송 가능</li>
	72	+ </ul>
	73	+ </li>
	74	+ </ul>
	75	+ <div class="info_guide_sub">
	76	+ <p>※ 발송 불가 번호는 전송 시 <span>수신오류(발송실패)</span> 처리됩니다.</p>
	77	+ <p>※ 보다 상세한 사항은 문자온 고객센터로 문의해 주시기 바랍니다.</p>
	78	+ </div>
	79	+ </div>
	80	+ </div>
	81	+ </c:when>
	82	+
41	83	<c:when test="${pageType == 'adrvertisement1'}">
42	84	<!--광고문자 관련법규 안내 팝업 -->
43	85	<div class="info_popup ad_layer adpopup01" style="min-width:773px;">

0c28a42

c97a3bb

src/main/webapp/publish/css/content.css

--- src/main/webapp/publish/css/content.css

+++ src/main/webapp/publish/css/content.css


 .tb_wrap1{height:302px; overflow-y: auto; position:relative; border:1px solid #ccc; border-radius:5px;}
 .tb_wrap1 table.type4 th{position: sticky; top:0; z-index: 1; background-color:#ededed;}
 
+/*문자전송_안심번호 안내 추가*/
+.top_content .send_general .send_left .tType1 .btn_popup_wrap .info_guide{margin: -11px 0 0 0; text-align: left; line-height: 1.3; font-size: 14px; color: #e40000; font-weight: 400;}
+.top_content .send_general .send_left .tType1 .btn_popup_wrap .info_guide:hover{text-decoration: underline;}
+.tType1 tbody tr td.putText textarea.phone_num{height: 84px;}
+
 
 @keyframes rotate-loading {
 	0% {transform:rotate(0)}

 	.sub .election .receipt_number_table_wrap .list_bottom{width:100%;}
 	.sub .election .list_bottom .list_bottom_right button{height:30px;font-size:14px;letter-spacing:-1.4px;}
 	.sub .election .list_bottom .pagination button{display:inline-flex;width:25px;height:30px;align-items:center;justify-content:center;}
+	
+	/*문자전송_안심번호 안내 추가*/
+	.top_content .send_general .send_left .tType1 .btn_popup_wrap .info_guide{margin: -11px 0 0 0; margin: 0 0 0 11px; text-indent: -11px;}
+	.tType1 tbody tr td.putText textarea.phone_num{height: 103px;}
 }
 
 @media only screen and (max-width:1380px){

0c28a42

c97a3bb

src/main/webapp/publish/css/popupLayer.css

--- src/main/webapp/publish/css/popupLayer.css

+++ src/main/webapp/publish/css/popupLayer.css


 .tabulator .tabulator-header .tabulator-col .tabulator-col-content{background-color: #ededed;}
 .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title-holder .tabulator-col-title{position: relative; z-index: 1;}
 
-
+/*문자전송_안심번호 안내 추가 팝업*/
+.info_guide_popup .layer_in .info_list .center{margin: 6px 0;}
+.info_guide_popup .layer_in .info_list li:before{content: normal;}
+.info_guide_popup .layer_in .info_list li .sub_te{margin: 0 0 0 8px;}
+.info_guide_popup .layer_in .info_list li .sub_te li:before{content: '-'; position: absolute; left: 0; top: 0; font-size: 15px; font-weight: 300; line-height: 26px;}
+.info_guide_popup .layer_in .info_guide_sub{margin: -20px 0 0 0; font-size: 14px; color: #666; font-weight: 300; line-height: 1.5;}
+.info_guide_popup .layer_in .info_guide_sub span{color: #222; font-weight: 400;}
 
 /* ie */
 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

0c28a42

c97a3bb

src/main/webapp/publish/js/content.js

--- src/main/webapp/publish/js/content.js

+++ src/main/webapp/publish/js/content.js


   	
   	// 번호추가 ? 호버 시 팝업
   	$(".btn_add_number .qmMark").mouseover(function(){
-		$(this).parents(".btnType").next().next(".send_hover_cont").addClass("on");
+		$(this).parents(".btnType").siblings(".send_hover_cont").addClass("on");
 	})
 	$(".btn_add_number .qmMark").mouseleave(function(){
-		$(this).parents(".btnType").next().next(".send_hover_cont").removeClass("on");
+		$(this).parents(".btnType").siblings(".send_hover_cont").removeClass("on");
   	})
   	
   	

Add a comment

Open 0
Closed 0

List

...	...	@@ -3201,6 +3201,8 @@
3201	3201	document.popForm.method = "post";
3202	3202	if(pageUrl == "adrvertisement1"){
3203	3203	window.open("about:blank", 'infoPop', 'width=790, height=800, top=100, left=100, fullscreen=no, menubar=no, status=no, toolbar=no, titlebar=yes, location=no, scrollbars=1');
	3204	+ }else if(pageUrl == "selectMsgDataView3"){
	3205	+ window.open("about:blank", 'infoPop', 'width=600, height=550, top=100, left=100, fullscreen=no, menubar=no, status=no, toolbar=no, titlebar=yes, location=no, scrollbars=1');
3204	3206	}else{
3205	3207	window.open("about:blank", 'infoPop', 'width=790, height=350, top=100, left=100, fullscreen=no, menubar=no, status=no, toolbar=no, titlebar=yes, location=no, scrollbars=1');
3206	3208	}
...	...	@@ -3208,6 +3210,7 @@
3208	3210	document.popForm.target = "infoPop";
3209	3211	document.popForm.submit();
3210	3212	}
	3213	+
3211	3214
3212	3215	$(document).on('click', '.addressregi_btn', function() {
3213	3216	var tableData = tableL.getRows();
...	...	@@ -4217,7 +4220,7 @@
4217	4220	<label for="" class="label">받는 번호입력</label>
4218	4221	<!-- <input type="text" placeholder="번호를 입력하세요" onfocus="this.placeholder=''" onblur="this.placeholder='번호를 입력하세요'" style="width:340px;"> -->
4219	4222	<!-- oninput="this.value = this.value.replace(/[^0-9.\n]/g, '').replace(/(\..*)\./g, '$1');" -->
4220		- <textarea name="callTo" id="callTo" cols="30" rows="10" class="receipt_num"
	4223	+ <textarea name="callTo" id="callTo" cols="30" rows="10" class="receipt_num phone_num"
4221	4224	placeholder="번호를 입력하세요"
4222	4225	onfocus="this.placeholder=''"
4223	4226	onblur="this.placeholder='번호를 입력하세요'"
...	...	@@ -4225,7 +4228,8 @@
4225	4228	<!-- <button type="button" class="btnType btnType6">번호추가</button> -->
4226	4229	<div class="btn_popup_wrap">
4227	4230	<button type="button" class="btnType btnType6 btn_add_number addCallToF">번호추가<i class="qmMark"></i></button>
4228		- <span style="display:block;margin:10px 0 0 0;"><span class="vMiddle">*</span> 중복번호는 한번만 추가됩니다.</span>
	4231	+ <span style="display:block;margin:8px 0 0 0;"><span class="vMiddle">*</span> 중복번호는 한번만 추가됩니다.</span>
	4232	+ <button type="button" class="button info info_guide" onclick="infoPop('selectMsgDataView3');">* 일부 안심번호(050*)는 발송이 제한될 수 있습니다.</button>
4229	4233	<div class="error_hover_cont send_hover_cont">
4230	4234	<!-- <p>휴대폰 번호 입력 시 해당 휴대폰 번호에 대한 형식이 어긋나거나 휴대폰 번호에 오류가 있는지 등을 검사하는 기능</p> -->
4231	4235	<p>줄바꿈(Enter) 기준으로 핸드폰 번호 입력이 가능합니다.</p>

...	...	@@ -2394,6 +2394,11 @@
2394	2394	.tb_wrap1{height:302px; overflow-y: auto; position:relative; border:1px solid #ccc; border-radius:5px;}
2395	2395	.tb_wrap1 table.type4 th{position: sticky; top:0; z-index: 1; background-color:#ededed;}
2396	2396
	2397	+/문자전송_안심번호 안내 추가/
	2398	+.top_content .send_general .send_left .tType1 .btn_popup_wrap .info_guide{margin: -11px 0 0 0; text-align: left; line-height: 1.3; font-size: 14px; color: #e40000; font-weight: 400;}
	2399	+.top_content .send_general .send_left .tType1 .btn_popup_wrap .info_guide:hover{text-decoration: underline;}
	2400	+.tType1 tbody tr td.putText textarea.phone_num{height: 84px;}
	2401	+
2397	2402
2398	2403	@keyframes rotate-loading {
2399	2404	0% {transform:rotate(0)}
...	...	@@ -2589,6 +2594,10 @@
2589	2594	.sub .election .receipt_number_table_wrap .list_bottom{width:100%;}
2590	2595	.sub .election .list_bottom .list_bottom_right button{height:30px;font-size:14px;letter-spacing:-1.4px;}
2591	2596	.sub .election .list_bottom .pagination button{display:inline-flex;width:25px;height:30px;align-items:center;justify-content:center;}
	2597	+
	2598	+ /문자전송_안심번호 안내 추가/
	2599	+ .top_content .send_general .send_left .tType1 .btn_popup_wrap .info_guide{margin: -11px 0 0 0; margin: 0 0 0 11px; text-indent: -11px;}
	2600	+ .tType1 tbody tr td.putText textarea.phone_num{height: 103px;}
2592	2601	}
2593	2602
2594	2603	@media only screen and (max-width:1380px){

...	...	@@ -1252,7 +1252,13 @@
1252	1252	.tabulator .tabulator-header .tabulator-col .tabulator-col-content{background-color: #ededed;}
1253	1253	.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title-holder .tabulator-col-title{position: relative; z-index: 1;}
1254	1254
1255		-
	1255	+/문자전송_안심번호 안내 추가 팝업/
	1256	+.info_guide_popup .layer_in .info_list .center{margin: 6px 0;}
	1257	+.info_guide_popup .layer_in .info_list li:before{content: normal;}
	1258	+.info_guide_popup .layer_in .info_list li .sub_te{margin: 0 0 0 8px;}
	1259	+.info_guide_popup .layer_in .info_list li .sub_te li:before{content: '-'; position: absolute; left: 0; top: 0; font-size: 15px; font-weight: 300; line-height: 26px;}
	1260	+.info_guide_popup .layer_in .info_guide_sub{margin: -20px 0 0 0; font-size: 14px; color: #666; font-weight: 300; line-height: 1.5;}
	1261	+.info_guide_popup .layer_in .info_guide_sub span{color: #222; font-weight: 400;}
1256	1262
1257	1263	/* ie */
1258	1264	@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

...	...	@@ -390,10 +390,10 @@
390	390
391	391	// 번호추가 ? 호버 시 팝업
392	392	$(".btn_add_number .qmMark").mouseover(function(){
393		- $(this).parents(".btnType").next().next(".send_hover_cont").addClass("on");
	393	+ $(this).parents(".btnType").siblings(".send_hover_cont").addClass("on");
394	394	})
395	395	$(".btn_add_number .qmMark").mouseleave(function(){
396		- $(this).parents(".btnType").next().next(".send_hover_cont").removeClass("on");
	396	+ $(this).parents(".btnType").siblings(".send_hover_cont").removeClass("on");
397	397	})
398	398
399	399

Delete comment