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

2024/02/08 웹접근성 1차 심사 후 수정

Browse Source
This commit is contained in:
ITN_디자인팀 2024-02-08 12:05:36 +09:00
parent c67a1fb592
commit 70772f0219
7 changed files with 64 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/main/webapp/WEB-INF/jsp/web/main/mainPage.jsp
View File

@ -245,7 +245,7 @@ function instrChk(){
<div class="slide_control">
<div class="inner">
<div class="swiper-pagination"></div>
<button type="button" class="slide_pause" title="슬라이드 일시정지"></button>
<button type="button" class="slide_pause slide_util" title="슬라이드 일시정지"></button>
</div>
</div>
</div>
@ -401,7 +401,7 @@ function instrChk(){
<div class="swiper-button-prev"></div>
<p class="slide_number"><span class="cur_number">1</span>/ <span class="all_number">5</span></p>
<div class="swiper-button-next"></div>
<button type="button" class="slide_pause" title="슬라이드 일시정지"></button>
<button type="button" class="slide_pause notify_slide_util" title="슬라이드 일시정지"></button>
</div>
</div>
<div class="content">

1
src/main/webapp/WEB-INF/jsp/web/ve/aplct/tngrVisitEdu/eduAplct/eduAplctReg.jsp
View File

@ -1197,6 +1197,7 @@ function _chkChasiTime(p_this){
tr.find('select[name=divCd]').val(value.divCd);
tr.find('input[name=trgt]').val(value.trgt);
tr.find('input[name=prsnl]').val(value.prsnl);
},1000)
// console.log('tr :: ', tr);

6
src/main/webapp/visitEdu/usr/publish/css/content.css
View File

@ -125,7 +125,7 @@
.list_util:only-child{width: 100%;}
.list_util select{width: 150px; height: 40px; border: 1px solid #d5d5d5; border-radius: 5px; padding-left: 14px; font-size: 16px; color: #222; background-image: url(../../../adm/publish/image/icon_cont_select.png); background-repeat: no-repeat; background-position: calc(100% - 15px) center; margin-right: 3px; color: #555;}
.list_util input{width: 280px; height: 38px; border: 1px solid #d5d5d5; border-radius: 5px; padding: 0 0 0 14px; font-size: 16px; margin-right: 3px;}
.list_util input::placeholder,.list_util input:-ms-input-placeholder{font-size: 16px; color: #999;}
.list_util input::placeholder,.list_util input:-ms-input-placeholder{font-size: 16px; color: #666;}
.list_util button{width: 80px; height: 40px; font-size: 18px; font-weight: 400; background-color: #ed5908; color: #fff; vertical-align: middle; border-radius: 5px; transition: all 0.1s linear;}/* background-color: #f48105 */
.list_util button:hover{box-shadow: 0 0 5px rgba(0,0,0,0.3); background-color: #d62b09; transition: all 0.1s linear;}
.list_util .btn_info{width: auto; background-color: #f5f5f5; color: #555; padding: 0 15px;}
@ -175,7 +175,7 @@
input {border: 1px solid #d5d5d5; border-radius: 5px;}
input[type="text"] {height: 40px; padding: 0 15px; font-size: 16px; color: #222; box-sizing: border-box;}
input[type="text"]:read-only {background-color: #f5f5f5; border: 1px solid #d5d5d5;}
input[type="text"]::placeholder {color: #999;}
input[type="text"]::placeholder {color: #666;}
input[type="text"]:valid {color: #555;}
input[type="checkbox"]+label {color: #555; font-size: 16px; font-weight: 400; line-height: 1; vertical-align: middle;}
input[type="radio"]+label {color: #555; font-size: 16px; font-weight: 400; line-height: 1; vertical-align: middle;}
@ -261,7 +261,7 @@ select.selType1 {height: 40px; border: 1px solid #d5d5d5; border-radius: 5px; pa
.tb_type01>table>tbody>tr>td input[type="checkbox"]+label {margin-right: 10px;}
.tb_type01>table>tbody>tr>td input[type="password"] {height: 40px;padding: 0 15px; border-radius: 5px; font-size: 16px;}
.tb_type01>table>tbody>tr>td textarea {width: 100%; height: 90px; margin: 9px 0; font-size: 16px; padding: 10px 15px; box-sizing: border-box;}
.tb_type01>table>tbody>tr>td textarea::placeholder {color: #999;}
.tb_type01>table>tbody>tr>td textarea::placeholder {color: #666;}
.tb_type01>table>tbody>tr>td>.btnType01 {height: 40px; padding: 0 20px; font-size: 17px; vertical-align: middle; margin-left: 3px; border-radius: 5px;}
.tb_type01 table tbody tr td .responseItem {margin-bottom: 10px;}
.tb_type01 table tbody tr td .responseItem:last-child {margin-bottom: 0;}

8
src/main/webapp/visitEdu/usr/publish/script/content.js
View File

@ -667,6 +667,12 @@ function addEduClassCopyTngr(target) {
var duetdateleng = $("duet-date-picker").length + 1;
cloneObj.find(".calendar_th").append('<div class="calendar_wrap"><duet-date-picker identifier="date" class="startDate' + duetdateleng + '" name="eduHopeDt"></duet-date-picker></div>');
//웹접근성>달력 버튼 title추가
setTimeout(function(){
cloneObj.find(".duet-date__toggle").attr("title","달력팝업 열림");
},100)
if (target == 'addClassRowClsrm') {
len = parent.find('tbody > tr').not('.calendar_wrap tr').length;
@ -1204,7 +1210,7 @@ function boardCaptionToggle03() {
}else{
$(itm).find("table").prepend("<caption>" + subTit + " : " + thText + "등의 정보제공 </caption>");
}
} else {
$(itm).find("caption").remove();
if($(itm).is(".tb_type02_write")){

3
src/main/webapp/visitEdu/usr/publish/script/duetdatepicker.js
View File

@ -46,6 +46,9 @@ $(window).on('load',function(){
setTimeout(function(){
$(".startDate .duet-date__input").attr("title","검색 시작날짜를 YYYY.MM.DD 형식으로 입력해주세요");
$(".endDate .duet-date__input").attr("title","검색 종료날짜를 YYYY.MM.DD 형식으로 입력해주세요");
//웹접근성>달력 버튼 title추가
$(".duet-date__input-wrapper .duet-date__toggle").attr("title","달력팝업 열림");
},100)

4
src/main/webapp/visitEdu/usr/publish/script/duetdatepicker2.js
View File

@ -10,6 +10,10 @@ $(window).on('load',function(){
$(itm).attr("name","eduHopeDt"+idx);
$(itm).attr("id","eduHopeDt"+idx);
})
//웹접근성>달력 버튼 title추가
$(".duet-date__input-wrapper .duet-date__toggle").attr("title","달력팝업 열림");
/*$(".startDate .duet-date__input").attr("name","eduHopeDt1");
$(".startDate .duet-date__input").attr("id","eduHopeDt1");*/
},100);

46
src/main/webapp/visitEdu/usr/publish/script/main.js
View File

@ -59,7 +59,7 @@ $(document).ready(function () {
}
});
// 슬라이드 포커싱 시 멈춤/재생
/*슬라이드 포커싱 시 멈춤/재생 (백업)
$('.visual_slide .swiper-slide a').focusin(function(){
visualSlide.autoplay.stop();
});
@ -87,6 +87,49 @@ $(document).ready(function () {
}
});
$(".notify .slide_pause").click(function () { // 중지버튼 눌렀을때
if ($(this).hasClass('slide_play')) {
$(this).removeClass('slide_play').attr('title', '슬라이드 일시정지').addClass("slide_pause");
notifySlide.autoplay.start();
} else {
$(this).removeClass('slide_pause').attr('title', '슬라이드 재생').addClass("slide_play");
notifySlide.autoplay.stop();
}
});*/
// 웹접근성 슬라이드 포커싱 시 멈춤/재생 수정
$('.visual_slide .swiper-slide a').focusin(function(){
visualSlide.autoplay.stop();
$(".visual_slide .slide_util").addClass('slide_play').attr('title', '슬라이드 재생')
});
/*$('.visual_slide .swiper-slide a').focusout(function(){
visualSlide.autoplay.start();
})*/
$('.notify_slide .swiper-slide').focusin(function(){
notifySlide.autoplay.stop();
$(".notify .notify_slide_util").addClass('slide_play').attr('title', '슬라이드 재생')
});
/*$('.notify_slide .swiper-slide').focusout(function(){
notifySlide.autoplay.start();
})*/
$(".visual_slide .slide_pause").click(function (e) { // 중지버튼 눌렀을때
if ($(this).hasClass('slide_play')) {
$(this).removeClass('slide_play').attr('title', '슬라이드 일시정지').addClass("slide_pause");
visualSlide.autoplay.start();
} else {
$(this).removeClass('slide_pause').attr('title', '슬라이드 재생').addClass("slide_play");
visualSlide.autoplay.stop();
}
});
$(".notify .slide_pause").click(function () { // 중지버튼 눌렀을때
if ($(this).hasClass('slide_play')) {
$(this).removeClass('slide_play').attr('title', '슬라이드 일시정지').addClass("slide_pause");
@ -96,5 +139,4 @@ $(document).ready(function () {
notifySlide.autoplay.stop();
}
});
})