312 lines
15 KiB
Plaintext
312 lines
15 KiB
Plaintext
@model NP.Model.VMHome
|
|
|
|
<head>
|
|
<style>
|
|
.mainTop * {
|
|
font-family: 'Noto Sans KR', sans-serif;
|
|
font-size: 11pt;
|
|
letter-spacing: -0.05em;
|
|
font-weight: 400;
|
|
color: #fff;
|
|
line-height: 1.6em;
|
|
}
|
|
</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>
|
|
@section main{
|
|
<form id="indexForm" method="post">
|
|
<div id="main">
|
|
<div class="container">
|
|
<div class="mainTop">
|
|
<h2><span style="font:bold; font-size:50pt">YICTE</span> Smart Search</h2>
|
|
<p style="margin-top:0px">나에게 필요한 교육을 찾아드립니다.</p>
|
|
</div>
|
|
<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="" />
|
|
|
|
<input type="hidden" name="stringval" id="stringval" value="" />
|
|
<input type="hidden" name="stringval2" id="stringval2" value="" />
|
|
<input type="hidden" name="stringval3" id="stringval3" value="" />
|
|
<input type="hidden" name="stringval4" id="stringval4" value="" />
|
|
<input type="hidden" name="stringval5" id="stringval5" value="" />
|
|
<input type="hidden" name="stringval6" id="stringval6" value="" />
|
|
|
|
@if (Model.stringval == "0" || Model.stringval == null || Model.stringval == "")
|
|
{
|
|
<ul class="mainTab">
|
|
<li class="current" id="liTab1"><a href="#">법정교육</a></li>
|
|
<li id="liTab2"><a href="#">기타교육</a></li>
|
|
</ul>
|
|
|
|
<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', '0', '온라인교육');">온라인교육</a></li>
|
|
<li><a href="javascript:schIpt('1', '1', '교육장교육');">교육장교육</a></li>
|
|
<li><a href="javascript:schIpt('1', '2', '혼합교육');">혼합교육</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>등급</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>
|
|
}
|
|
else if (Model.stringval == "1")
|
|
{
|
|
<ul class="mainTab">
|
|
<li id="liTab1"><a href="#">법정교육</a></li>
|
|
<li class="current" id="liTab2"><a href="#">기타교육</a></li>
|
|
</ul>
|
|
<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', '0', '온라인교육');">온라인교육</a></li>
|
|
<li><a href="javascript:schIpt('1', '1', '교육장교육');">교육장교육</a></li>
|
|
<li><a href="javascript:schIpt('1', '2', '혼합교육');">혼합교육</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.CMsEtc)
|
|
{
|
|
<li><a href="javascript:schIpt('2', '@t.cgcode', '@t.cgname');">@t.cgname</a></li>
|
|
}
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li class="msCont">
|
|
<em></em>
|
|
<div class="msSel disable" id="msSel3">
|
|
</div>
|
|
</li>
|
|
<li class="msCont">
|
|
<em></em>
|
|
<div class="msSel disable" id="msSel4">
|
|
</div>
|
|
</li>
|
|
<li class="msCont">
|
|
<em></em>
|
|
<div class="msSel disable" id="msSel5">
|
|
</div>
|
|
</li>
|
|
<li><a href="#" class="msBtn">검색하기</a></li>
|
|
</ul>
|
|
}
|
|
</div>
|
|
</div>
|
|
</form>
|
|
}
|
|
<script type="text/javascript">
|
|
$(document).ready(function () {
|
|
initSearch();
|
|
|
|
$('#liTab1').click(function () {
|
|
$("#stringval").val("0");
|
|
$("#indexForm").submit();
|
|
});
|
|
$('#liTab2').click(function () {
|
|
$("#stringval").val("1");
|
|
$("#indexForm").submit();
|
|
});
|
|
|
|
$(".msBtn").click(function () {
|
|
if ($("#liTab1").hasClass("current")) {
|
|
$("#stringval").val("0");
|
|
}
|
|
else if ($("#liTab2").hasClass("current")) {
|
|
$("#stringval").val("1");
|
|
}
|
|
$("#stringval2").val($("#sch1").val());
|
|
$("#stringval3").val($("#sch2").val());
|
|
$("#stringval4").val($("#sch3").val());
|
|
$("#stringval5").val($("#sch4").val());
|
|
$("#stringval6").val($("#sch5").val());
|
|
$("#indexForm").attr("action", "/Course/SmartSearch").submit();
|
|
});
|
|
|
|
$('.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 && name == "승급교육") {
|
|
$('#msSel4 > span').text("승급가능등급");
|
|
$("#liGrade59").hide();
|
|
}
|
|
else if (num == 3 && name != "승급교육") {
|
|
$('#msSel4 > span').text("등급");
|
|
$("#liGrade59").show();
|
|
}
|
|
}
|
|
|
|
function initSearch() {
|
|
if ($("#liTab1").hasClass("current"))
|
|
{
|
|
$('#msSel2 > span').text("기술인분류");
|
|
$('#msSel3 > span').text("교육목적");
|
|
$('#msSel4 > span').text("등급");
|
|
$('#msSel5 > span').text("직무분야");
|
|
}
|
|
else if ($("#liTab1").hasClass("current"))
|
|
{
|
|
$('#msSel2 > span').text("교육선택");
|
|
$('#msSel3 > span').text("");
|
|
$('#msSel4 > span').text("");
|
|
$('#msSel5 > span').text("");
|
|
}
|
|
}
|
|
</script>
|
|
|
|
|