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

2024/01/25 팝업 닫을 때 포커싱 오류 수정

Browse Source
This commit is contained in:
subsub 2024-01-25 17:26:27 +09:00
parent ae1a3e815b
commit 5af6402e23
9 changed files with 41 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/main/webapp/WEB-INF/jsp/web/ve/aplct/fndtnEnhanceTrn/eduAplctDetail.jsp
View File

@ -328,7 +328,7 @@
<div class="btn_center"> <div class="btn_center">
</div> </div>
<div class="btn_right"> <div class="btn_right">
<button type="button" id="regBtn" class="btnType04" onclick="fn_eduRegPopup('<c:out value="${info.prcsAplctPrdOrd}"/>');" data-tooltip="target_confirm_popup"> <button type="button" id="regBtn" class="btnType04" onclick="fn_eduRegPopup('<c:out value="${info.prcsAplctPrdOrd}"/>');" data-info="<c:out value='${info.prcsAplctPrdOrd}'/>" data-tooltip="target_confirm_popup">
<c:choose> <c:choose>
<c:when test="${not empty info.aprvlCd}"> <c:when test="${not empty info.aprvlCd}">
<kc:code codeId="VE0003" code="${info.aprvlCd}"/> <kc:code codeId="VE0003" code="${info.aprvlCd}"/>

3
src/main/webapp/WEB-INF/jsp/web/ve/aplct/fndtnEnhanceTrn/eduAplctList.jsp
View File

@ -156,6 +156,7 @@ $(document).ready(function(){
$applyButton.css('background-color', '#888'); $applyButton.css('background-color', '#888');
/*24.01.23 웹접근성 검사를 위하여 title 추가*/ /*24.01.23 웹접근성 검사를 위하여 title 추가*/
$applyButton.attr('title','비활성화됨'); $applyButton.attr('title','비활성화됨');
$applyButton.removeAttr('data-tooltip');
} }
}); });
@ -461,7 +462,7 @@ $(document).ready(function(){
</td> </td>
<td class="aplctBtn"> <td class="aplctBtn">
<%-- <button type="button" class="btnType04" onclick="fncEduReg('<c:out value="${list.prcsAplctPrdOrd}"/>');" disabled>신청</button> --%> <%-- <button type="button" class="btnType04" onclick="fncEduReg('<c:out value="${list.prcsAplctPrdOrd}"/>');" disabled>신청</button> --%>
<button type="button" class="btnType04" onclick="fn_eduRegPopup('<c:out value="${list.prcsAplctPrdOrd}"/>', '<c:out value="${list.eduAplctOrd}"/>');" title="팝업 열림" disabled>신청</button> <button type="button" class="btnType04" data-tooltip="target_confirm_popup" data-info="<c:out value='${list.prcsAplctPrdOrd}'/>" onclick="fn_eduRegPopup('<c:out value="${list.prcsAplctPrdOrd}"/>', '<c:out value="${list.eduAplctOrd}"/>');" title="팝업 열림" disabled>신청</button>
</td> </td>
</c:if> </c:if>
</tr> </tr>

16
src/main/webapp/WEB-INF/jsp/web/ve/aplct/fndtnEnhanceTrn/popup/eduAplctPop.jsp
View File

@ -45,7 +45,10 @@ $(document).ready(function(){
identifier: "searchStartDt", identifier: "searchStartDt",
incrementYears:100, incrementYears:100,
} }
setTimeout(function(){
$('.dBirth .duet-date__input').attr("title","생년월일을 선택하세요.");
},10)
$('#fldSelect').change(function(){ $('#fldSelect').change(function(){
console.log($(this).val()); console.log($(this).val());
console.log($(this).val() == '99'); console.log($(this).val() == '99');
@ -59,6 +62,13 @@ $(document).ready(function(){
} }
}) })
$(".tooltip-close").click(function(){
var activeTarget = $('[data-tooltip-con="target_confirm_popup"]');
activeTarget.hide();
$('[data-info="${vEPrcsDetailVO.prcsAplctPrdOrd}"][data-tooltip="target_confirm_popup"]').focus();
});
// $('#fld').hide(); // $('#fld').hide();
}); });
@ -157,9 +167,9 @@ $(document).ready(function(){
<input type="hidden" name="eduAplctOrd" value="${vEPrcsDetailVO.eduAplctOrd}"> <input type="hidden" name="eduAplctOrd" value="${vEPrcsDetailVO.eduAplctOrd}">
<!-- 신청인정보 --> <!-- 신청인정보 -->
<div class="tooltip-wrap q_pop"> <div class="tooltip-wrap q_pop">
<div class="popup_wrap popType01" tabindex="0" data-tooltip-con="target_confirm_popup" data-focus="target_confirm_popup" data-focus-prev="target_confirm_popup_close"> <div class="popup_wrap popType01" tabindex="0" data-info="<c:out value='${vEPrcsDetailVO.prcsAplctPrdOrd}'/>" data-tooltip-con="target_confirm_popup" data-focus="target_confirm_popup" data-focus-prev="target_confirm_popup_close">
<div class="popup_tit"> <div class="popup_tit">
<p id="popNm">신청인정보</p> <p id="popNm">신청인1정보</p>
<button class="btn_popup_close tooltip-close" data-focus="target_confirm_popup_close" title="팝업 닫기"><i></i></button> <button class="btn_popup_close tooltip-close" data-focus="target_confirm_popup_close" title="팝업 닫기"><i></i></button>
</div> </div>
<div class="popup_cont"> <div class="popup_cont">

2
src/main/webapp/WEB-INF/jsp/web/ve/aplct/otsdCprtnPrcs/lctrAplct/lctrAplctReg.jsp
View File

@ -564,7 +564,7 @@
${list.prcsNm} ${list.prcsNm}
</td> </td>
<td>${list.chasiCnt}</td> <td>${list.chasiCnt}</td>
<td><button type="button" class="btnType01" data-tooltip="${list.prcsOrd}" onclick="selectPrcsDetailListPop(this, '${list.prcsOrd}');" title="팝업 열림">보기</button></td> <td><button type="button" class="btnType01" data-tooltip="${list.prcsOrd}" data-info="${list.prcsOrd}" onclick="selectPrcsDetailListPop(this, '${list.prcsOrd}');" title="팝업 열림">보기</button></td>
<td> <td>
<label for="checkPrcs${status.index}" class="label">교육신청 체크</label> <label for="checkPrcs${status.index}" class="label">교육신청 체크</label>
<input type="checkbox" name="onlnPrcsOrd" id="checkPrcs${status.index}" value="<c:out value='${list.prcsOrd}'/>" ${list.checkYn eq 'Y' ? 'checked' : ''}> <input type="checkbox" name="onlnPrcsOrd" id="checkPrcs${status.index}" value="<c:out value='${list.prcsOrd}'/>" ${list.checkYn eq 'Y' ? 'checked' : ''}>

2
src/main/webapp/WEB-INF/jsp/web/ve/aplct/sspnIdtmt/eduAplctDetail.jsp
View File

@ -401,7 +401,7 @@
</div> </div>
<div class="btn_right" class="aplctBtn"> <div class="btn_right" class="aplctBtn">
<%-- <button type="button" class="btnType04" id="regBtn" data-info="<c:out value="${info.prcsAplctPrdOrd}"/>" data-tooltip="target_confirm_popup" >신청</button> --%> <%-- <button type="button" class="btnType04" id="regBtn" data-info="<c:out value="${info.prcsAplctPrdOrd}"/>" data-tooltip="target_confirm_popup" >신청</button> --%>
<button type="button" class="btnType04" data-tooltip="" <button type="button" class="btnType04" data-info="<c:out value='${list.prcsAplctPrdOrd}'/>" data-tooltip="sub36_pop02"
onclick="fncAplctPopup('<c:out value="${list.prcsAplctPrdOrd}"/>','','','10','select' onclick="fncAplctPopup('<c:out value="${list.prcsAplctPrdOrd}"/>','','','10','select'
,'','','' ,'','',''
)" title="팝업 열림">신청</button> )" title="팝업 열림">신청</button>

3
src/main/webapp/WEB-INF/jsp/web/ve/aplct/sspnIdtmt/eduAplctList.jsp
View File

@ -88,6 +88,7 @@ $(document).ready(function(){
$applyButton.css('background-color', '#888'); $applyButton.css('background-color', '#888');
/*24.01.23 웹접근성 검사를 위하여 title 추가*/ /*24.01.23 웹접근성 검사를 위하여 title 추가*/
$applyButton.attr('title','비활성화됨'); $applyButton.attr('title','비활성화됨');
$applyButton.removeAttr('data-tooltip');
} }
}); });
@ -701,7 +702,7 @@ $(document).ready(function(){
<%-- <button type="button" class="btnType04" onclick="fncEduReg('<c:out value="${list.prcsAplctPrdOrd}"/>');">신청</button> --%> <%-- <button type="button" class="btnType04" onclick="fncEduReg('<c:out value="${list.prcsAplctPrdOrd}"/>');">신청</button> --%>
<%-- <button type="button" class="btnType04" data-info="<c:out value="${list.prcsAplctPrdOrd}"/>" data-tooltip="target_confirm_popup" >신청</button> --%> <%-- <button type="button" class="btnType04" data-info="<c:out value="${list.prcsAplctPrdOrd}"/>" data-tooltip="target_confirm_popup" >신청</button> --%>
<!-- --> <!-- -->
<button type="button" class="btnType04" data-tooltip="" <button type="button" class="btnType04" data-info="<c:out value='${list.prcsAplctPrdOrd}'/>" data-tooltip="sub36_pop02"
onclick="fncAplctPopup('<c:out value="${list.prcsAplctPrdOrd}"/>','','','10','select' onclick="fncAplctPopup('<c:out value="${list.prcsAplctPrdOrd}"/>','','','10','select'
,'','','' ,'','',''
)" title="팝업 열림">신청</button> )" title="팝업 열림">신청</button>

5
src/main/webapp/WEB-INF/jsp/web/ve/aplct/sspnIdtmt/popup/eduAplctPop.jsp
View File

@ -45,7 +45,10 @@ $(document).ready(function(){
identifier: "searchStartDt", identifier: "searchStartDt",
incrementYears:100, incrementYears:100,
} }
setTimeout(function(){
$('.dBirth .duet-date__input').attr("title","생년월일을 선택하세요.");
},10)
$('#fldSelect').change(function(){ $('#fldSelect').change(function(){
console.log($(this).val()); console.log($(this).val());
console.log($(this).val() == '99'); console.log($(this).val() == '99');

18
src/main/webapp/WEB-INF/jsp/web/ve/aplct/sspnIdtmt/popup/eduAplctPopList.jsp
View File

@ -203,7 +203,17 @@ $(document).ready(function(){
btnLast.attr('data-focus-next','sub36_pop02'); btnLast.attr('data-focus-next','sub36_pop02');
btnLast.attr('data-focus','sub36_pop02_close'); btnLast.attr('data-focus','sub36_pop02_close');
*/ */
// 레이어팝업 포커싱 이동 수정
$(".tooltip-close").click(function(){
var activeTarget = $('[data-tooltip-con="sub36_pop02"]');
activeTarget.hide();
$('[data-info="${vEEduChasiVO.prcsAplctPrdOrd}"][data-tooltip="sub36_pop02"]').focus();
});
setTimeout(function(){
$('#dBirth .duet-date__input').attr("title","생년월일을 선택하세요.");
},10)
}) })
</script> </script>
<!-- 일정 상세 --> <!-- 일정 상세 -->
@ -222,7 +232,7 @@ $(document).ready(function(){
<input type="hidden" name="qestnrId" id="qestnrId" value="${chasiSrvyList[0].qestnrId}"> <input type="hidden" name="qestnrId" id="qestnrId" value="${chasiSrvyList[0].qestnrId}">
<input type="hidden" name="qestmInfoSize" id="qestmInfoSize" value="${fn:length(chasiSrvyList)}"> <input type="hidden" name="qestmInfoSize" id="qestmInfoSize" value="${fn:length(chasiSrvyList)}">
<div class="popup_wrap popType01" tabindex="0" data-tooltip-con="sub36_pop02" data-focus="sub36_pop02" data-focus-prev="sub36_pop02_close"> <div class="popup_wrap popType01" data-info="${vEEduChasiVO.prcsAplctPrdOrd}" tabindex="0" data-tooltip-con="sub36_pop02" data-focus="sub36_pop02" data-focus-prev="sub36_pop02_close">
<div class="popup_tit"> <div class="popup_tit">
<p>교육대상자 확인</p> <button class="btn_popup_close tooltip-close" data-focus="sub36_pop02_close" title="팝업 닫기"><i></i></button> <p>교육대상자 확인</p> <button class="btn_popup_close tooltip-close" data-focus="sub36_pop02_close" title="팝업 닫기"><i></i></button>
</div> </div>
@ -238,7 +248,7 @@ $(document).ready(function(){
</colgroup> </colgroup>
<tbody> <tbody>
<tr> <tr>
<th scope=“row”>성명</th> <th scope="row">성명</th>
<td> <td>
<label for="trgtNm" class="label">성명 입력</label> <label for="trgtNm" class="label">성명 입력</label>
<input type="text" id="trgtNm"> <input type="text" id="trgtNm">
@ -369,7 +379,7 @@ $(document).ready(function(){
</div> </div>
<div class="btn_center"> <div class="btn_center">
<button type="button" class="btnType05" onclick="fn_new_confirm('${vEEduChasiVO.prcsAplctPrdOrd}')">제출</button> <button type="button" class="btnType05" onclick="fn_new_confirm('${vEEduChasiVO.prcsAplctPrdOrd}')">제출</button>
<button type="button" class="btnType02 tooltip-close" id="target_confirm_popup-close" data-focus="target_confirm_popup-close" data-focus-next="target_confirm_popup">취소</button> <button type="button" class="btnType02 tooltip-close" id="target_confirm_popup-close" data-focus="sub36_pop02_close" data-focus-next="sub36_pop02">취소</button>
</div> </div>
<div class="btn_right"> <div class="btn_right">
</div> </div>

6
src/main/webapp/WEB-INF/jsp/web/ve/comm/selectPrcsDetailList.jsp
View File

@ -14,12 +14,12 @@
<script type="text/javascript"> <script type="text/javascript">
$(document).ready(function() { $(document).ready(function() {
boardCaptionDetailToggle3(); /* boardCaptionDetailToggle3();
boardCaptionDetailToggle4(); boardCaptionDetailToggle4(); */
// 레이어팝업 포커싱 이동 수정 // 레이어팝업 포커싱 이동 수정
$(".tooltip-close").click(function(){ $(".tooltip-close").click(function(){
$('[data-tooltip="${vEEduAplctVO.prcsOrd}"]').focus(); $('[data-info="${vEEduAplctVO.prcsOrd}"]').focus();
}); });