tolag3/kcc_adr_advc_git
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

2024/03/19[웹접근성 수정] 팝업 table caption, 퀵메뉴

Browse Source
This commit is contained in:
subsub 2024-03-19 16:40:31 +09:00
parent c680274637
commit 57085bb327
12 changed files with 62 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/main/webapp/WEB-INF/jsp/web/kccadr/accdnt/apm/popup/adjstPayMentDetailPopup.jsp
View File

@ -106,7 +106,7 @@
<p>수수료 납부 금액</p> <button class="btn_popup_close tooltip-close" data-focus="fee_popup_close" title="팝업 닫기"><i></i></button>
</div>
<div class="popup_cont">
<table class="popup_tbType01 t_center">
<table class="popup_tbType01 popup_list t_center">
<caption> 수수료 납부 금액 : 신청내용, 금액등 정보제공 </caption>
<colgroup>
<col style="width: 50%;">

6
src/main/webapp/WEB-INF/jsp/web/kccadr/accdnt/ars/tab/docIssDetail.jsp
View File

@ -261,7 +261,7 @@
<p>수수료 납부 금액</p> <button class="btn_popup_close tooltip-close" data-focus="fee_popup_close" title="팝업 닫기"><i></i></button>
</div>
<div class="popup_cont">
<table class="popup_tbType01 t_center">
<table class="popup_list t_center">
<caption>어문저작물 목록 : 신청내용, 금액 등 정보제공</caption>
<colgroup>
<col style="width: 50%;">
@ -286,13 +286,13 @@
<table class="popup_tbType01" style="margin-top: 30px;">
<tbody>
<tr>
<th>계좌정보</th>
<th scope="row">계좌정보</th>
<td>
<p class="c_e40000">국민은행 60519014678208 예금주 : 홍길동</p>
</td>
</tr>
<tr>
<th>결제금액</th>
<th scope="row">결제금액</th>
<td>
<p><c:out value="${info.expense}" />원(납부기간 : <c:out value="${info.payEndDay }" />, 13:00까지)</p>
</td>

3
src/main/webapp/WEB-INF/jsp/web/kccadr/adjst/adjstReqRegistStep1.jsp
View File

@ -162,7 +162,8 @@ function fn_countryCodeToggle(){
<span><input type="radio" id="rpplRelation${status.index}_2" ${list.rpplRelation eq '02' ? 'checked' : ''} name="adjstRpplList[${status.index}].rpplRelation" value="02" ><label for="rpplRelation${status.index}_2">신청인의 직원</label></span>
<span><input type="radio" id="rpplRelation${status.index}_3" ${list.rpplRelation eq '03' ? 'checked' : ''} name="adjstRpplList[${status.index}].rpplRelation" value="03" ><label for="rpplRelation${status.index}_3">신청인의 가족</label></span>
<span><input type="radio" id="rpplRelation${status.index}_4" ${list.rpplRelation eq '04' ? 'checked' : ''} name="adjstRpplList[${status.index}].rpplRelation" value="04" ><label for="rpplRelation${status.index}_4">기타</label></span>
<form:input path="adjstRpplList[${status.index}].rpplRelationEtc" id="rpplRelationEtc${status.index}" size="30" maxLength="50" value="${list.rpplRelationEtc}" disabled="${list.rpplRelation eq '04' ? '' : 'true'}"/>
<label for="rpplRelationEtc${status.index}" class="label">기타 입력</label>
<form:input path="adjstRpplList[${status.index}].rpplRelationEtc" id="rpplRelationEtc${status.index}" size="30" maxLength="50" value="${list.rpplRelationEtc}" readonly="${list.rpplRelation eq '04' ? '' : 'true'}"/>
</div>
</td>
</tr>

2
src/main/webapp/WEB-INF/jsp/web/kccadr/adjst/adjstReqRegistStep3.jsp
View File

@ -155,7 +155,7 @@ function fn_adjstReq_preview_02() {
<th scope="row" class="callingdata_row">
<p class="req_text"><span>필수입력 항목</span>*</p>
<p>신청 원인</p>
<button class="btnType01 btn_adr_search examBtn" data-tooltip="fee_info_popup" onclick="AdjstReq.openExamplePop('02'); return false;" title="예문 팝업 열림">예문</button>
<button class="btnType01 btn_adr_search examBtn" data-tooltip="fee_info_popup01" onclick="AdjstReq.openExamplePop('02'); return false;" title="예문 팝업 열림">예문</button>
<span>조정신청에 이르게 된 사건의 배경<br>(객관적 사실 위주로 기술)</span>
</th>
<td>

3
src/main/webapp/WEB-INF/jsp/web/kccadr/adjst/popup/adjstReqOpenExamplePop.jsp
View File

@ -12,7 +12,7 @@
<head>
<title>조정신청 예문보기</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<!-- <script type="text/javascript" src="/kccadrPb/usr/script/popup.js"></script> -->
<script type="text/javascript" src="/kccadrPb/usr/script/popup.js"></script>
<script type="text/javaScript" language="javascript">
$(document).ready(function(){
$('.work_flow_wrap').each(function(){
@ -31,6 +31,7 @@ $(document).ready(function(){
activeTarget.remove();
$('[data-tooltip="fee_info_popup"]').eq(0).focus();
$(".mask").hide();
console.log("이거니?")
});
/* $(".popup_wrap").css("position","absolute"); */
/* $(".popup_wrap").draggable(); */

13
src/main/webapp/WEB-INF/jsp/web/kccadr/adjst/popup/adjstReqOpenExamplePop2.jsp
View File

@ -26,9 +26,9 @@ $(document).ready(function(){
});
}else{
$(".tooltip-close").click(function(){
var activeTarget = $('[data-tooltip-con="fee_info_popup"]');
var activeTarget = $('[data-tooltip-con="fee_info_popup01"]');
activeTarget.remove();
$('[data-tooltip="fee_info_popup"]').eq(1).focus();
$('[data-tooltip="fee_info_popup01"]').focus();
});
}
@ -42,9 +42,10 @@ $(document).ready(function(){
console.log('perId : ', perId);
$(perId).val($('#exmpVal').val().trim().replaceAll("<br/>", "\r\n"));
var activeTarget = $('[data-tooltip-con="fee_info_popup"]');
var activeTarget = $('[data-tooltip-con="fee_info_popup01"]');
activeTarget.remove();
$(".mask").hide();
$('[data-tooltip="fee_info_popup01"]').focus();
});
/* $(".popup_wrap").draggable(); */
@ -52,10 +53,10 @@ $(document).ready(function(){
</script>
</head>
<body>
<div class="popup_wrap fee_info_popup" style="max-width: 880px;" tabindex="0" data-tooltip-con="fee_info_popup" data-focus="fee_info_popup" data-focus-prev="fee_info_popup_close">
<div class="popup_wrap fee_info_popup01" style="max-width: 880px;" tabindex="0" data-tooltip-con="fee_info_popup01" data-focus="fee_info_popup01" data-focus-prev="fee_info_popup01_close">
<input type="hidden" id="exmpCd" name="exmpCd" value="${exmp.exmpCd }"/>
<div class="popup_tit">
<p>조정신청 예문</p> <button class="btn_popup_close tooltip-close" data-focus="fee_info_popup_close" title="팝업 닫기"><i></i></button>
<p>조정신청 예문</p> <button class="btn_popup_close tooltip-close" data-focus="fee_info_popup01_close" title="팝업 닫기"><i></i></button>
</div>
<div class="popup_cont">
<c:if test="${not empty exmp.exmpCd}">
@ -86,7 +87,7 @@ $(document).ready(function(){
</table>
<div class="btn_wrap">
<!-- <button class="btnType01 tooltip-close" data-focus="fee_info_popup_close" data-focus-next="fee_info_popup">닫기</button> -->
<button class="btnType01" id="redBtn" data-focus-next="fee_info_popup">붙여넣기</button>
<button class="btnType01" id="redBtn" data-focus-next="fee_info_popup01">붙여넣기</button>
</div>
</div>
</div>

3
src/main/webapp/WEB-INF/jsp/web/kccadr/adjstExp/mainExpPage.jsp
View File

@ -16,6 +16,7 @@
<style>
.today_close label{position: relative;}
ul.list li:nth-child(n+1) .list_top{margin-bottom: 0;}
.baro_cont [readonly="readonly"]{background:#666;}
</style>
<script src="/kccadrPb/usr/script/swiper.min.js"></script>
@ -295,7 +296,7 @@ function goExpPage(num) {
전자조정시스템 접수 사건 : 온라인 신청, 우편 발급
</p>
</a>
<button type="button" onclick="goExpPage(4);" disabled="disabled">서비스 준비중</button>
<button type="button" onclick="goExpPage(4);" readonly="readonly" style="pointer-events:none;">서비스 준비중</button>
</div>
</div>
</li>

2
src/main/webapp/kccadrPb/usr/css/common.css
View File

File diff suppressed because one or more lines are too long

3
src/main/webapp/kccadrPb/usr/css/content.css
View File

@ -60,7 +60,8 @@
.hover_content_wrap {position:relative;width: 100%;}
.hover_content_wrap .hover_content_box {display:none;position:absolute;left:0;top:30px;width:370px;padding:15px 20px;font-size:16px;line-height:24px;color:#fff;background:#000;border-radius:5px;box-sizing:border-box;z-index:1;}
.hover_content_wrap .hover_content_box:after {content:'';position:absolute;left:57px;top:-18px;width:26px;height:18px;background:url(/kccadrPb/usr/image/icon_hover_arrow.png) no-repeat left top;}
.hover_content_wrap:hover .hover_content_box,.hover_content_wrap:focus-within button+.hover_content_box,.hover_content_wrap a:focus+.hover_content_box {display:block;}
.hover_content_wrap:hover .hover_content_box,.hover_content_wrap:focus-within button+.hover_content_box,.hover_content_wrap:focus-within .hover_content_box,.hover_content_wrap a:focus+.hover_content_box {display:block;}
.hover_content_wrap .hover_content_box:focus-visible{outline:5px solid #4f75c4;}
/* //서브 공통 */
/* 로그인 */

2
src/main/webapp/kccadrPb/usr/css/reset.css
View File

@ -34,7 +34,7 @@ textarea{color: #666;font-size: 20px;font-weight: 300; font-family: 'Noto Sans K
input::placeholder,input[type="text"]::placeholder,input[type="password"]::placeholder,input[type="text"]:-ms-input-placeholder,input[type="password"]:-ms-input-placeholder{color: #666 !important; font-size: 16px !important;}
input[type="text"]:focus::placeholder,input[type="password"]:focus::placeholder{color: transparent;}
input:disabled,input[disabled="disabled"],input:read-only,input[readonly="readonly"]{background-color: #eee !important; color: #aaa !important; font-size: 16px;}
input:disabled,input[disabled="disabled"],input:read-only,input[readonly="readonly"]{background-color: #eee !important; color: #777 !important; font-size: 16px;}
button:disabled,button[disabled="disabled"]{background-color: #eee !important; color: #777 !important; border: none !important;}
select:disabled,select[disabled="disabled"]{background-color: #eee !important; color: #777 !important; border: none !important;}

7
src/main/webapp/kccadrPb/usr/script/content.js
View File

@ -138,6 +138,13 @@ $(document).ready(function () {
}
});
$(".hover_content_box").each(function(index,item){
if($(item).text() !== ""){
$(item).attr("tabindex","0");
}else{}
})
/* table sort 버튼 */
/*

36
src/main/webapp/kccadrPb/usr/script/popup.js
View File

@ -99,8 +99,8 @@ function popupboardCaptionToggle(){
if (bdWid > 640) {
var subTit = $(".tb_tit_wrap p").text();
var itmText = "";
$(".popup_tbType01").each(function(idx,tb){
if($(tb).closest(".popup_wrap").find(".popup_tit").children('p').text()=="조정관련 민원서식 다운로드" || $(tb).closest(".popup_wrap").find(".popup_tit").children('p').text()=="종결 조정사건 목록" ){
$(".popup_tbType01,.popup_list").each(function(idx,tb){
if($(tb).closest(".popup_wrap").find(".popup_tit").children('p').text()=="조정관련 민원서식 다운로드" || $(tb).closest(".popup_wrap").find(".popup_tit").children('p').text()=="종결 조정사건 목록" || $(tb).closest(".popup_wrap").is(".list_popup")){
var title = $(tb).closest(".popup_wrap").find(".popup_tit").children('p').text();
var thLength = $(tb).find("thead>tr>th").length;
$(tb).find("caption").remove();
@ -115,7 +115,37 @@ function popupboardCaptionToggle(){
});
$(tb).prepend("<caption>"+title+" : "+itmText + "등의 정보제공</caption>");
}else{
}else if($(tb).closest('.popup_wrap').find(".popup_tit").children('p').text() == "수수료 납부 금액"){
var title = $(tb).closest(".popup_wrap").find(".popup_tit").children('p').text();
if($(tb).find("thead").length>0 && $(tb).find('tbody').children("th").length == "0"){
var thLength = $(tb).find("thead>tr>th").length;
$(tb).find("caption").remove();
$(tb).find("thead>tr>th").each(function(index,item){
itmText += $(item).text();
if (index === thLength - 1) {
//마지막 th일 경우 - ,가 들어가면 안됨.
itmText;
} else {
itmText += ", ";
}
});
}else{
var thLength = $(tb).find("tbody>tr>th").length;
itmText = "";
$(tb).find("tbody>tr>th").each(function(index,item){
itmText += $(item).text();
if (index === thLength - 1) {
//마지막 th일 경우 - ,가 들어가면 안됨.
itmText;
} else {
itmText += ", ";
}
});
}
$(tb).prepend("<caption>"+title+" : "+itmText + "등의 정보제공</caption>");
}
else{
var thLength = $(tb).find("tbody>tr>th").length;
$(tb).find("tbody>tr>th").each(function(index,item){
itmText += $(item).text();