200 lines
9.2 KiB
Plaintext
200 lines
9.2 KiB
Plaintext
@model NP.Model.VMHome
|
|
<!doctype html>
|
|
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko" lang="ko">
|
|
|
|
<head>
|
|
<style>
|
|
.offTab {
|
|
padding-bottom : 0px;
|
|
margin-bottom : 0px;
|
|
}
|
|
</style>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, maximum-scale=1, shrink-to-fit=no">
|
|
<meta name="HandheldFriendly" content="True">
|
|
<meta name="MobileOptimized" content="320">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, minimal-ui">
|
|
<meta name="mobile-web-app-capable" content="yes">
|
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
|
<meta name="apple-mobile-web-app-status-bar-style" content="black">
|
|
<meta name="format-detection" content="telephone=no">
|
|
<meta name="viewport" content="width=device-width, user-scalable=no">
|
|
<meta name="Robots" content="ALL" />
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
|
<meta http-equiv="Content-Script-Type" content="text/javascript" />
|
|
<meta http-equiv="Content-Style-Type" content="text/css" />
|
|
<meta http-equiv="Cache-Control" content="no-cache" />
|
|
<meta http-equiv="Expires" content="0" />
|
|
<meta http-equiv="Pragma" content="no-cache" />
|
|
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr" />
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
|
|
|
<title>영남건설기술연구원</title>
|
|
|
|
<!-- css -->
|
|
<link rel="stylesheet" type="text/css" href="../css/common.css">
|
|
<link rel="stylesheet" type="text/css" href="../css/style.css">
|
|
<link rel="stylesheet" type="text/css" href="../css/mypage.css">
|
|
<link rel="stylesheet" type="text/css" href="../css/lecture.css">
|
|
<link rel="stylesheet" type="text/css" href="../css/slick.css">
|
|
<link rel="stylesheet" type="text/css" href="../css/animate.min.css">
|
|
|
|
<!-- js -->
|
|
<script type="text/javascript" src="../js/jquery-1.8.3.min.js"></script>
|
|
<script type="text/javascript" src="../js/placeholders.min.js"></script>
|
|
<script type="text/javascript" src="../js/slick.min.js"></script>
|
|
|
|
</head>
|
|
<body>
|
|
@section main{
|
|
<div id="main">
|
|
<div class="container">
|
|
<div class="mainTop">
|
|
<h2><span>YICTE</span> Smart Search</h2>
|
|
<p>나에게 필요한 교육을 찾아드립니다.</p>
|
|
</div>
|
|
<form action="">
|
|
<input type="hidden" id="sch1" value="" />
|
|
<input type="hidden" id="sch2" value="" />
|
|
<input type="hidden" id="sch3" value="" />
|
|
<input type="hidden" id="sch4" value="" />
|
|
<input type="hidden" id="sch5" value="" />
|
|
<ul class="mainSch">
|
|
<li class="msCont">
|
|
<em>SKILL</em>
|
|
<div class="msSel active" id="msSel1">
|
|
<span>교육유형</span>
|
|
<div>
|
|
<div>
|
|
<ul>
|
|
<li><a href="javascript:schIpt('1', '1', '온라인교육');">온라인교육</a></li>
|
|
<li><a href="javascript:schIpt('1', '0', '교육장교육');">교육장교육</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li class="msCont">
|
|
<em>JOB</em>
|
|
<div class="msSel disable" id="msSel2">
|
|
<span>직무분야</span>
|
|
<div>
|
|
<div>
|
|
<ul>
|
|
@foreach (var t in Model.ComCodes.Where(w => w.cgroup.ToString() == "typeman"))
|
|
{
|
|
<li><a href="javascript:schIpt('2', '@t.ccode', '@t.cname');">@t.cname</a></li>
|
|
}
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li class="msCont">
|
|
<em>OBJECT</em>
|
|
<div class="msSel disable" id="msSel3">
|
|
<span>교육목적</span>
|
|
<div>
|
|
<div>
|
|
<ul>
|
|
@foreach (var t in Model.ComCodes.Where(w => w.cgroup.ToString() == "typeedu"))
|
|
{
|
|
<li><a href="javascript:schIpt('3', '@t.ccode', '@t.cname');">@t.cname</a></li>
|
|
}
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li class="msCont">
|
|
<em>GRADE</em>
|
|
<div class="msSel disable" id="msSel4">
|
|
<span id="spnTypeGrade">등급</span>
|
|
<div>
|
|
<div>
|
|
<ul>
|
|
@foreach (var t in Model.ComCodes.Where(w => w.cgroup.ToString() == "typegrade"))
|
|
{
|
|
<li id="liGrade@(t.ccode)"><a href="javascript:schIpt('4', '@t.ccode', '@t.cname');">@t.cname</a></li>
|
|
}
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li class="msCont">
|
|
<em>TYPE</em>
|
|
<div class="msSel disable" id="msSel5">
|
|
<span>직무분야</span>
|
|
<div>
|
|
<div>
|
|
<ul>
|
|
@foreach (var t in Model.ComCodes.Where(w => w.cgroup.ToString() == "typejob"))
|
|
{
|
|
<li><a href="javascript:schIpt('5', '@t.ccode', '@t.cname');">@t.cname</a></li>
|
|
}
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li><a href="#" class="msBtn">검색하기</a></li>
|
|
</ul>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
}
|
|
|
|
|
|
</body>
|
|
</html>
|
|
<script type="text/javascript">
|
|
$(document).ready(function () {
|
|
$("#lblTypeGrade").text("등급");
|
|
});
|
|
|
|
$('.msSel span').click(function () {
|
|
if ($(this).parent().is('.active')) {
|
|
if ($(this).is('.on')) {
|
|
$(this).removeClass('on');
|
|
$(this).next().slideUp(300);
|
|
} else {
|
|
$('.msSel span').removeClass('on');
|
|
$('.msSel > div').slideUp(300);
|
|
$(this).addClass('on');
|
|
$(this).next().slideDown(300);
|
|
}
|
|
} else {
|
|
if ($(this).parent().attr('id') == 'msSel2') {
|
|
alert('교육유형을 선택해주세요.');
|
|
} else if ($(this).parent().attr('id') == 'msSel3') {
|
|
alert('직무분야를 선택해주세요.');
|
|
} else if ($(this).parent().attr('id') == 'msSel4') {
|
|
alert('교육목적을 선택해주세요.');
|
|
} else if ($(this).parent().attr('id') == 'msSel5') {
|
|
alert('등급을 선택해주세요.');
|
|
}
|
|
}
|
|
});
|
|
function schIpt(num, code, name) {
|
|
$('#sch' + num).val(code);
|
|
$('#msSel' + num + '>span').text(name);
|
|
$('.msSel > div').slideUp(300);
|
|
$('.msSel > span').removeClass('on');
|
|
$('#msSel' + (Number(num) + 1)).removeClass('disable');
|
|
$('#msSel' + (Number(num) + 1)).addClass('active');
|
|
$('#msSel' + (Number(num) + 1) + ' > div').slideDown(300);
|
|
|
|
if (num == 3 && code == 58 && name == "승급교육") {
|
|
$("#spnTypeGrade").html("승급가능등급");
|
|
$("#liGrade59").hide();
|
|
}
|
|
else {
|
|
$("#spnTypeGrade").html("등급");
|
|
$("#liGrade59").show();
|
|
}
|
|
};
|
|
</script>
|
|
|