이준호 전자조정시스템 고도화 커밋
- (사용자) 튜토리얼 추가
This commit is contained in:
LJH
parent
91d6817fe2
commit
8147910346
@ -1717,4 +1717,13 @@ public class AdjstReqWebController {
|
||||
return oj;
|
||||
}
|
||||
|
||||
/**
|
||||
* 조정신청 구분선택 - 안내화면
|
||||
*/
|
||||
@RequestMapping("/web/kccadr/adjst/adjstReqRegistTutorial.do")
|
||||
public String adjstReqRegistTutorial() throws Exception {
|
||||
|
||||
return "/web/kccadr/adjst/adjstReqRegistTutorial";
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@ -116,6 +116,7 @@
|
||||
<pattern>/*Ajax.do</pattern>
|
||||
<pattern>/kcc/mail/intSendMailForm.do</pattern>
|
||||
<pattern>/web/adminContent.do</pattern>
|
||||
<pattern>/web/kccadr/adjst/adjstReqRegistTutorial.do</pattern>
|
||||
</decorator>
|
||||
|
||||
<!-- 관리자 게시글 작성, 템플릿 미리보기(헤더풋터 없음) -->
|
||||
|
||||
@ -63,16 +63,23 @@ function fnGoCrtfc(){
|
||||
location.href="<c:url value='/web/kccadr/accdnt/crtfc/crtfcRegist.do'/>";
|
||||
|
||||
}
|
||||
function tutorialPop(){
|
||||
var form = document.popForm;
|
||||
commonPopWindowopenForm("/web/kccadr/adjst/adjstReqRegistTutorial.do" , "50000", "50000", "tutorialPop", $("#popForm"));
|
||||
}
|
||||
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<form id="popForm" name="popForm" method="post">
|
||||
</form>
|
||||
<form id="${KccadrConstants.STEP0}" name="${KccadrConstants.STEP0}" method="post">
|
||||
<!-- cont -->
|
||||
<div class="cont_wrap sub02_1" id="sub">
|
||||
<div class="inner">
|
||||
<div class="cont_tit">
|
||||
<h2>조정신청</h2>
|
||||
<input type="button" value="튜토리얼"/>
|
||||
<input type="button" value="튜토리얼" onclick="tutorialPop();"/>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
@ -0,0 +1,160 @@
|
||||
<%@ page contentType="text/html; charset=utf-8"%>
|
||||
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
|
||||
<%@ taglib prefix="ui" uri="http://egovframework.gov/ctl/ui"%>
|
||||
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
|
||||
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
|
||||
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
|
||||
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
|
||||
<%@ taglib prefix="un" uri="http://jakarta.apache.org/taglibs/unstandard-1.0" %>
|
||||
<%
|
||||
response.setHeader("Cache-Control","no-store");
|
||||
response.setHeader("Pragma","no-cache");
|
||||
response.setDateHeader("Expires",0);
|
||||
if (request.getProtocol().equals("HTTP/1.1")) response.setHeader("Cache-Control", "no-cache");
|
||||
%>
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html lang="ko">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>조정안내 < 튜토리얼 < 저작권 전자조정시스템</title>
|
||||
|
||||
<!-- css -->
|
||||
<link rel="stylesheet" href="/kccadrPb/tutorial/css/reset.css">
|
||||
<link rel="stylesheet" href="/kccadrPb/tutorial/css/tutorial.css">
|
||||
|
||||
<!-- script -->
|
||||
<script src="/kccadrPb/tutorial/script/jquery-3.5.0.js"></script>
|
||||
<script type="text/javascript">
|
||||
$(document).ready(function(){
|
||||
|
||||
$(".left_mask").click(function(){
|
||||
var imgSrc = $("img").prop("src");
|
||||
if(imgSrc.indexOf("19.gif") > -1){
|
||||
$("img").attr("src","/kccadrPb/tutorial/image/18.gif");
|
||||
$("body,html").animate({scrollTop : 600}, 400);
|
||||
}else if(imgSrc.indexOf("18.gif") > -1){
|
||||
$("img").attr("src","/kccadrPb/tutorial/image/17.gif");
|
||||
$("body,html").animate({scrollTop : 400}, 400);
|
||||
}else if(imgSrc.indexOf("17.gif") > -1){
|
||||
$("img").attr("src","/kccadrPb/tutorial/image/16.gif");
|
||||
$("body,html").animate({scrollTop : 400}, 400);
|
||||
}else if(imgSrc.indexOf("16.gif") > -1){
|
||||
$("img").attr("src","/kccadrPb/tutorial/image/15.gif");
|
||||
$("body,html").animate({scrollTop : 300}, 400);
|
||||
}else if(imgSrc.indexOf("15.gif") > -1){
|
||||
$("img").attr("src","/kccadrPb/tutorial/image/14.gif");
|
||||
$("body,html").animate({scrollTop : 600}, 400);
|
||||
}else if(imgSrc.indexOf("14.gif") > -1){
|
||||
$("img").attr("src","/kccadrPb/tutorial/image/13.gif");
|
||||
$("body,html").animate({scrollTop : 400}, 400);
|
||||
}else if(imgSrc.indexOf("13.gif") > -1){
|
||||
$("img").attr("src","/kccadrPb/tutorial/image/12.gif");
|
||||
$("body,html").animate({scrollTop : 550}, 400);
|
||||
}else if(imgSrc.indexOf("12.gif") > -1){
|
||||
$("img").attr("src","/kccadrPb/tutorial/image/11.gif");
|
||||
$("body,html").animate({scrollTop : 400}, 400);
|
||||
}else if(imgSrc.indexOf("11.gif") > -1){
|
||||
$("img").attr("src","/kccadrPb/tutorial/image/10.gif");
|
||||
$("body,html").animate({scrollTop : 0}, 400);
|
||||
}else if(imgSrc.indexOf("10.gif") > -1){
|
||||
$("img").attr("src","/kccadrPb/tutorial/image/09.gif");
|
||||
$("body,html").animate({scrollTop : 0}, 400);
|
||||
}else if(imgSrc.indexOf("09.gif") > -1){
|
||||
$("img").attr("src","/kccadrPb/tutorial/image/08.gif");
|
||||
$("body,html").animate({scrollTop : 600}, 400);
|
||||
}else if(imgSrc.indexOf("08.gif") > -1){
|
||||
$("img").attr("src","/kccadrPb/tutorial/image/07.gif");
|
||||
$("body,html").animate({scrollTop : 400}, 400);
|
||||
}else if(imgSrc.indexOf("07.gif") > -1){
|
||||
$("img").attr("src","/kccadrPb/tutorial/image/06.gif");
|
||||
$("body,html").animate({scrollTop : 400}, 400);
|
||||
}else if(imgSrc.indexOf("06.gif") > -1){
|
||||
$("img").attr("src","/kccadrPb/tutorial/image/05.gif");
|
||||
}else if(imgSrc.indexOf("05.gif") > -1){
|
||||
$("img").attr("src","/kccadrPb/tutorial/image/04.gif");
|
||||
$("body,html").animate({scrollTop : 0}, 400);
|
||||
}else if(imgSrc.indexOf("04.gif") > -1){
|
||||
$("img").attr("src","/kccadrPb/tutorial/image/03.gif");
|
||||
$("body,html").animate({scrollTop : 400}, 400);
|
||||
}else if(imgSrc.indexOf("03.gif") > -1){
|
||||
$("img").attr("src","/kccadrPb/tutorial/image/02.gif");
|
||||
}else if(imgSrc.indexOf("02.gif") > -1){
|
||||
$("img").attr("src","/kccadrPb/tutorial/image/01.gif");
|
||||
$("body,html").animate({scrollTop : 0}, 400);
|
||||
}
|
||||
});
|
||||
|
||||
$(".right_mask").click(function(){
|
||||
var imgSrc = $("img").prop("src");
|
||||
if(imgSrc.indexOf("01.gif") > -1){
|
||||
$("img").attr("src","/kccadrPb/tutorial/image/02.gif");
|
||||
$("body,html").animate({scrollTop : 400}, 400);
|
||||
}else if(imgSrc.indexOf("02.gif") > -1){
|
||||
$("img").attr("src","/kccadrPb/tutorial/image/03.gif");
|
||||
}else if(imgSrc.indexOf("03.gif") > -1){
|
||||
$("img").attr("src","/kccadrPb/tutorial/image/04.gif");
|
||||
$("body,html").animate({scrollTop : 0}, 400);
|
||||
}else if(imgSrc.indexOf("04.gif") > -1){
|
||||
$("img").attr("src","/kccadrPb/tutorial/image/05.gif");
|
||||
$("body,html").animate({scrollTop : 400}, 400);
|
||||
}else if(imgSrc.indexOf("05.gif") > -1){
|
||||
$("img").attr("src","/kccadrPb/tutorial/image/06.gif");
|
||||
$("body,html").animate({scrollTop : 400}, 400);
|
||||
}else if(imgSrc.indexOf("06.gif") > -1){
|
||||
$("img").attr("src","/kccadrPb/tutorial/image/07.gif");
|
||||
$("body,html").animate({scrollTop : 400}, 400);
|
||||
}else if(imgSrc.indexOf("07.gif") > -1){
|
||||
$("img").attr("src","/kccadrPb/tutorial/image/08.gif");
|
||||
$("body,html").animate({scrollTop : 600}, 400);
|
||||
}else if(imgSrc.indexOf("08.gif") > -1){
|
||||
$("img").attr("src","/kccadrPb/tutorial/image/09.gif");
|
||||
$("body,html").animate({scrollTop : 0}, 400);
|
||||
}else if(imgSrc.indexOf("09.gif") > -1){
|
||||
$("img").attr("src","/kccadrPb/tutorial/image/10.gif");
|
||||
$("body,html").animate({scrollTop : 0}, 400);
|
||||
}else if(imgSrc.indexOf("10.gif") > -1){
|
||||
$("img").attr("src","/kccadrPb/tutorial/image/11.gif");
|
||||
$("body,html").animate({scrollTop : 400}, 400);
|
||||
}else if(imgSrc.indexOf("11.gif") > -1){
|
||||
$("img").attr("src","/kccadrPb/tutorial/image/12.gif");
|
||||
$("body,html").animate({scrollTop : 500}, 400);
|
||||
}else if(imgSrc.indexOf("12.gif") > -1){
|
||||
$("img").attr("src","/kccadrPb/tutorial/image/13.gif");
|
||||
$("body,html").animate({scrollTop : 500}, 400);
|
||||
}else if(imgSrc.indexOf("13.gif") > -1){
|
||||
$("img").attr("src","/kccadrPb/tutorial/image/14.gif");
|
||||
$("body,html").animate({scrollTop : 600}, 400);
|
||||
}else if(imgSrc.indexOf("14.gif") > -1){
|
||||
$("img").attr("src","/kccadrPb/tutorial/image/15.gif");
|
||||
$("body,html").animate({scrollTop : 300}, 400);
|
||||
}else if(imgSrc.indexOf("15.gif") > -1){
|
||||
$("img").attr("src","/kccadrPb/tutorial/image/16.gif");
|
||||
$("body,html").animate({scrollTop : 400}, 400);
|
||||
}else if(imgSrc.indexOf("16.gif") > -1){
|
||||
$("img").attr("src","/kccadrPb/tutorial/image/17.gif");
|
||||
$("body,html").animate({scrollTop : 400}, 400);
|
||||
}else if(imgSrc.indexOf("17.gif") > -1){
|
||||
$("img").attr("src","/kccadrPb/tutorial/image/18.gif");
|
||||
$("body,html").animate({scrollTop : 600}, 400);
|
||||
}else if(imgSrc.indexOf("18.gif") > -1){
|
||||
$("img").attr("src","/kccadrPb/tutorial/image/19.gif");
|
||||
$("body,html").animate({scrollTop : 300}, 400);
|
||||
}
|
||||
|
||||
});
|
||||
})
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<div class="mask">
|
||||
<div class="left_mask"></div>
|
||||
<div class="right_mask"></div>
|
||||
</div>
|
||||
<div class="tutorial">
|
||||
<img src="/kccadrPb/tutorial/image/01.gif" alt="">
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Reference in New Issue
Block a user