Code - chominsoo4245/mjon

<%-- Class Name : EgovMainView.jsp Description : 메인화면 Modification Information 수정일 수정자 수정내용 ------- -------- --------------------------- 2011.08.31 JJY 경량환경 버전 생성 author : 실행환경개발팀 JJY since : 2011.08.31 --%> <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> <%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %> <%@ page import ="itn.com.cmm.LoginVO" %> <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta http-equiv="content-language" content="ko"> <title>경량환경 템플릿 포털사이트</title> <link href="<c:url value='/'/>css/default.css" rel="stylesheet" type="text/css" > <link rel="stylesheet" type="text/css" href="<c:url value="/css/main.css"/>" /> <script type="text/javascript" src="<c:url value="/js/egovframework/com/cmm/banner.js" />"></script> <script type="text/javascript" src="<c:url value="/js/jquery-1.9.1.min.js" />"></script> <script type="text/javascript" src="<c:url value="/js/egovframework/com/main.js" />"></script> <script src="<c:url value='/js/jquery.js' />"></script> <script src="http://code.jquery.com/jquery-latest.js"></script> </head> <script type="text/javascript"> $(document).ready(function(){ bn_start(); //롤링배너 //animeList("main_zone",${random}); //메인존 animeList("main_gallary",0); //갤러리 animeList("main_popupZone",0); //팝업존 $(".goStop").click(function(){ changeGoStopImgButton(this); }); $('#close').click(function() { $('#layer_pop').hide(); }); //레이어 팝업 띄우기 <c:if test="${fn:length(popupList) > 0 }"> <c:forEach var="popupListData" items="${popupList}" varStatus="status" end="10"> if(fnGetCookie('layer_${popupListData.popupId}') == null ){ $("#layer_pop_${popupListData.popupId}").fadeIn(); } </c:forEach> </c:if> //윈도우 팝업 띄우기 <c:if test="${fn:length(popupList) > 0 }"> <c:forEach var="popupListData" items="${popupList}" varStatus="status" end="10"> if(fnGetCookie('${popupListData.popupId}') == null ){ fn_openPopup('${popupListData.popupId}', '${popupListData.sortNum}','${popupListData.popupWidthSize}','${popupListData.popupVrticlSize}','${popupListData.popupWidthLc}','${popupListData.popupVrticlLc}'); } </c:forEach> </c:if> }); /*********공통***********************************/ function changeImage(imageObj, oriStr, newStr) { imageObj.attr("src", imageObj.attr("src").replace(oriStr, newStr)); } function changeInnerImage(obj, oriStr, newStr) { changeImage($("img:first", obj), oriStr, newStr); } function changeGoStopImgButton(obj) { obj = $(obj); var oriStr = "stop"; var newStr = "play"; if($("img:first", obj).attr("src").indexOf(oriStr) < 0) { oriStr = "play"; newStr = "stop"; } changeInnerImage(obj, oriStr, newStr); } function centerImage(obj,obj2) { var imageHeight, imageWidth, wrapperHeight, wrapperWidth; var container = null; if(obj.attr('id') == 'main_gallary'){ container = obj2; } else return; container.each(function(index){ imageHeight = $(this).find('img').height(); imageWidth = $(this).find('img').width(); if(imageWidth < 196 && imageWidth > 0){ $(this).find('img').css('width', "196px"); wrapperHeight = imageHeight*(196/imageWidth); $(this).find('img').css('max-height', wrapperHeight); $(this).find('img').css('height', wrapperHeight); $(this).find('img').css('margin-top', -((wrapperHeight-167)/2)); } if(imageHeight < 167 && imageHeight > 0){ $(this).find('img').css('height', "167px"); wrapperWidth = imageWidth*(167/imageHeight); $(this).find('img').css('max-width', wrapperWidth); $(this).find('img').css('width', wrapperWidth); $(this).find('img').css('margin-left', -((wrapperWidth-196)/2)); } $(this).find('img').css('display',"inline"); }); } function fn_openPopup(popupId,seq,width,height,x,y){ if(width < 200){ width = 200; } if(height < 200){ height = 200; } var openPopup = window.open('<c:url value='/sym/mms/EgovPopup.do'/>'+'?popupId='+popupId, 'pop_'+popupId,'width='+width+',height='+height+',top='+y+',left='+x); if (window.focus) {openPopup.focus()} } function fn_layerClose(popupId){ $("#layer_pop_"+popupId).fadeOut(); } /* ******************************************************** * 팝업창 오픈 쿠키 정보 OPEN ******************************************************** */ function fnGetCookie(name) { var prefix = name + "="; var cookieStartIndex = document.cookie.indexOf(prefix); if (cookieStartIndex == -1) return null; var cookieEndIndex = document.cookie.indexOf(";", cookieStartIndex + prefix.length); if (cookieEndIndex == -1) cookieEndIndex = document.cookie.length; return unescape(document.cookie.substring(cookieStartIndex + prefix.length, cookieEndIndex)); } /* ******************************************************** * 쿠키설정 ******************************************************** */ function fnSetCookiePopup( name, value, expiredays ) { var todayDate = new Date(); todayDate.setDate( todayDate.getDate() + expiredays ); document.cookie = name + "=" + escape( value ) + "; path=/; expires=" + todayDate.toGMTString() + ";" } /* ******************************************************** * 체크버튼 클릭시 ******************************************************** */ function fnPopupCheck(popupId , typeFlag) { fnSetCookiePopup( typeFlag+"_"+popupId , "done" , 1); fn_layerClose(popupId); } function viewContent(flag) { if(flag == '1'){ $('#content01').show(); $('#content02').hide(); }else{ $('#content01').hide(); $('#content02').show(); } } /*********공통***********************************/ </script> <body> <style> #popupTitle { padding: 2px 0 4px 4px; margin-bottom: 4px; background-color: #f1efef; } #popupIcon { padding-left: 4px; } #faq_div { height: 154px; } #main_facebook { width:562px; height:202px; float: left;overflow:hidden; background-color: #ffffff; margin: 8px 0 0 10px; background-image: url('/images/main/main_box3.png'); background-repeat:no-repeat;} #main_facebook #facebookTitle { height: 20px; padding: 8px 0px 4px 8px;} #main_facebook #facebookContents{ width:100%; padding: 16px 16px 16px 16px; } #facebookList ul li { width: 100%; height: 50px;} #facebookList ul li .thums { width: 35px; height: 40px; float: left; padding: 0 8px 0 0;} #facebookList ul li .lines { width: 510px; float: left; font-size: 13px; } #facebookList ul li .line1 { width: 490px; padding-bottom: 4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} #facebookList ul li .line1 a {font-size:11px; font-weight: bold;} #facebookList ul li .line2 { width: 490px; height: 23px; background-image: url('/images/common/back_dot.png'); list-style-position:inside; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #facebookList ul li .line2 a { color: gray; } </style> <noscript><p>자바스크립트를 지원하지 않는 브라우저에서는 일부 기능을 사용하실 수 없습니다.</p></noscript>  <div id="login_area"><%-- <c:import url="/EgovPageLink.do?link=main/inc/EgovIncTborder" /> --%></div>   <div id="wrap">  <div id="header"><%-- <c:import url="/sym/mms/EgovMainMenuHead.do?flag=MAIN" /> --%></div>   <div id="titlewrap"> <div class="main_img"><img src="<c:url value='/'/>images/header/img_portal_title.gif" width="719" height="94" alt="" /></div> <div class="main_login"> <% LoginVO loginVO = (LoginVO)session.getAttribute("LoginVO"); if(loginVO != null){ %> <ul> <li><h3>[로그인정보 제공(예시)]</h3></li> <li><%= loginVO.getName()%>님 로그인하셨습니다.</li> <li>로그인 :2011-08-30 12:45 (예)</li> <li>받은 쪽지 : 3건 (예)</li> </ul> <% } else { %>  <ul> <li> <input disabled="disabled" type="text" class="input_style" maxlength="25" title="아이디를 입력하세요." id="user_id" name="user_id" /> </li> <li> <input disabled="disabled" type="password" class="input_style" maxlength="25" title="비밀번호를 입력하세요." id="user_password" name="user_password" /> </li> </ul> <ul class="btn_area"> <li><input disabled="disabled" type="checkbox" id="idsave"><label for="idsave">아이디 저장</label></li> <li><a href="<c:url value='/uat/uia/egovLoginUsr.do'/>"><img alt="로그인" src="<c:url value='/'/>images/header/btn_login.gif" /></a></li> </ul> <div class="find_idpw">[메인화면 로그인위치 예시]</div> <% } %> </div> </div>  <div id="bodywrap"> <div id="leftcontent_wrap">  <div class="leftcontent01"> <div class="leftcontent01_title"><img src="<c:url value='/'/>images/header/img_leftcontent_title01.gif" width="228" height="31" alt="한번에 신청하는 민원" /></div> <div class="btn_detail01"><a href="#LINK" onclick="javascript:goMenuPage('2000000'); return false;" ><img src="<c:url value='/'/>images/header/btn_detailview.gif" width="71" height="17" alt="자세히 보기" title="자세히 보기 링크를 통해 샘플화면으로 이동합니다.(민원)" /></a></div> <div class="leftcontent01_btn"> <ul> <li><a href="#LINK"><img src="<c:url value='/'/>images/header/btn_leftcontent01.gif" width="70" height="87" alt="기술지원 필요 시 유지보수 민원" title="자세히 보기 링크를 통해 샘플화면으로 이동합니다.(민원)" /></a></li> <li><a href="#LINK"><img src="<c:url value='/'/>images/header/btn_leftcontent02.gif" width="67" height="87" alt="구매제품 A/S민원" title="자세히 보기 링크를 통해 샘플화면으로 이동합니다.(민원)" /></a></li> </ul> </div> </div>  <div class="leftcontent02"> <div class="leftcontent02_title"><A HREF="#LINK"><img src="<c:url value='/'/>images/header/img_leftcontent_title02.gif" width="210" height="71" alt="홍보물 정보 보기" title="기타자료에 대한 샘플링크 위치 표시입니다.(이동, 기능 없음)" /></A></div> <div class="btn_detail02"><a href="#LINK"><img src="<c:url value='/'/>images/header/btn_detailview.gif" width="71" height="17" alt="자세히 보기" title="기타자료에 대한 샘플링크 위치 표시입니다.(이동, 기능 없음)" /></a></div> </div>  <div class="leftcontent03"> <div class="leftcontent03_title" style="width: 255px;height: 80px;">팝업존 예시 / ${fn:length(popupList)}개 <br/ > <c:choose> <c:when test="${fn:length(popupList) > 0 }"> <c:forEach var="popupListData" items="${popupList}" varStatus="status" end="4"> <a href="javascript:fn_openPopup('<c:out value="${popupListData.popupId}"/>', '<c:out value="${popupListData.sortNum}"/>','${popupListData.popupWidthSize}','${popupListData.popupVrticlSize}','${popupListData.popupWidthLc}','${popupListData.popupVrticlLc}');" title="새창열림" > <img src="<c:url value='/'/>images/main/pop_icon_${status.count}.png" alt="${popupListData.popupTitleNm} 팝업창 보기" border="0"/> </a> </c:forEach> </c:when> </c:choose> </div> </div>  <div class="leftcontent03"> <div class="leftcontent03_title"> 사이버경고 테스트 <c:if test="${not empty cyberAlerMap.caLevel}"> ----------${ cyberAlerMap.caLevel }---------- </c:if> <a href="<c:url value='/uss/olp/qnn/EgovQustnrRespondInfoManageList.do'/>"> <img src="<c:url value='/'/>images/header/img_leftcontent_title03.gif" width="228" height="44" alt="포털설문참여" /> </a> </div> <%-- <c:forEach var="result" items="${qriList}" varStatus="status"> <div class="vote02"> <ul> <li><h3>${result.qestnrSj}</h3> <ul> <li> <a href="<c:url value='/uss/olp/qnn/EgovQustnrRespondInfoManageList.do'/>"> <img alt="참여하기" src="<c:url value='/'/>images/header/btn_vote.gif" /> </a> </li> </ul> </li> </ul> </div> </c:forEach> --%> </div> </div>  <div id="middlecontent_wrap"> <div id="news"> <ul> <li onclick="viewContent('1')" ><img alt="공지사항" src="<c:url value='/'/>images/header/tab01_on.gif" /></li> <li onclick="viewContent('2')" ><img alt="입찰정보" src="<c:url value='/'/>images/header/tab02_off.gif" /></li> <li class="li_line" ><span class="btn_more_board"><a href="<c:url value='/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_AAAAAAAAAAAA'/>"><img src="<c:url value='/'/>images/header/bg_more.gif" alt="게시물 더보기"/></a></span></li> </ul> </div> <div id="content01" style="display: visible; height:130px"> <ul> <c:forEach var="result" items="${notiList}" varStatus="status"> <li> <div class="boardtext"> <a href="<c:url value='/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000100'/>"> <c:if test="${result.replyLc!=0}"> <c:forEach begin="0" end="${result.replyLc}" step="1">   </c:forEach> <img src="<c:url value='/images/reply_arrow.gif'/>" alt="reply arrow"/> </c:if> <c:choose> <c:when test="${result.isExpired=='Y' || result.useAt == 'N'}"> <c:out value="${result.nttSj}" /> </c:when> <c:otherwise> <c:out value="${result.nttSj}" /> </c:otherwise> </c:choose> </a></div> <div class="date"><c:out value="${result.frstRegisterPnttm}"/></div></li> </c:forEach> </ul> </div> <div id="content02" style="display:none; height:130px" > <ul> <c:forEach var="result" items="${biddingList}" varStatus="status"> <li> <div class="boardtext"> <a href="<c:url value='/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000101'/>"> <c:if test="${result.replyLc!=0}"> <c:forEach begin="0" end="${result.replyLc}" step="1">   </c:forEach> <img src="<c:url value='/images/reply_arrow.gif'/>" alt="reply arrow"/> </c:if> <c:choose> <c:when test="${result.isExpired=='Y' || result.useAt == 'N'}"> <c:out value="${result.nttSj}" /> </c:when> <c:otherwise> <c:out value="${result.nttSj}" /> </c:otherwise> </c:choose> </a></div> <div class="date"><c:out value="${result.frstRegisterPnttm}"/></div></li> </c:forEach> </ul> </div> <div id="faq_div"> <div class="faq_img1"> <img alt="FAQ목록" src="<c:url value='/'/>images/header/img_middlecontent_title02.gif" /> <span class="btn_more_board"> <a href="<c:url value='/uss/olh/faq/FaqListInqire.do' />"> <img src="<c:url value='/'/>images/header/bg_more.gif" alt="FAQ더보기"/> </a> </span> </div> <div class="faq_img2"><img alt="프레임워크 경량화 서비스에 대해 자주 사용하는 질문 등에 대한 일반적인 답변들을 확인할 수 있습니다." src="<c:url value='/'/>images/header/img_middlecontent_subtitle.gif" /></div> <%-- <c:forEach var="result" items="${faqList}" varStatus="status"> <div class="faq_list"> <ul> <li class="q"><a href="<c:url value='/uss/olh/faq/FaqListInqire.do' />"><c:out value="${result.qestnSj}"/></a></li> <li class="a"><c:out value="${fn:substring(fn:escapeXml(result.answerCn), 0, 70)}" /></li> </ul> </div> </c:forEach> --%> </div> <div id="main_facebook"> <div id="facebookTitle">페이스북</div> <div id="facebookContents"> <ul> <li><span class="thums"> <c:forEach var="result" items="${facebookList}" varStatus="status"> <a href="${result.permalink_url}" target="_blank"> <img src="${result.imgUrl}" border="0" width="35" height="35"> </a> </span><span class="lines"><p class="line1"> <a href="${result.permalink_url}" target="_blank"> </a> </p><p class="line2"><a href="https://www.facebook.com/457530414275899/posts/2007688092593449/" '="" target="_blank">${result.line2}</a></p></span> </li> </c:forEach> </ul> </div> </div> </div>  <div id="rightcontent_wrap"> <div id="download_div"> <div class="download_img"> <a href="<c:url value='/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_BBBBBBBBBBBB'/>"> <img alt="최신게시물 목록" src="<c:url value='/'/>images/header/img_rightcontent_title01.gif" /> </a> </div> <ol> <c:set var="index" value="1"/> <c:forEach var="result" items="${bbsList}" varStatus="status"> <li><img src="<c:url value='/'/>images/header/num0${index}.gif" alt="" /> <a href="<c:url value='/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_BBBBBBBBBBBB'/>"> <c:out value="${fn:substring(fn:escapeXml(result.nttSj), 0, 18)}" /> </a> </li> <c:set var="index" value="${index+1}"/> </c:forEach> <c:if test="${fn:length(bbsList) == 0}" >  </c:if> <div id="main_popupZone"> <div id="popTitle"> <a href="javascript:" class="left"><img src="/images/common/icon_01pre.png" width="19" height="15" border="0" alt="알림판 이전 버튼"/></a> <a href="javascript:" class="goStop"><img src="/images/common/icon_01stop.png" width="19" height="15" border="0" alt="알림판 멈춤,재시작 버튼"/></a> <a href="javascript:" class="right"><img src="/images/common/icon_01next.png" width="19" height="15" border="0" alt="알림판 다음 버튼"/></a> </div> <div id="popContents"> <ul> <c:forEach var="result" items="${popupzoneList}" varStatus="status"> <li> <a href="${result.link}" target="${result.target}"> <%-- <img src="${result.images}" border="0" width="196" height="237" alt="${result.alt}"/> --%> <img alt="${result.content}" onerror="this.src='/images/no_img.jpg'" src='<c:url value='/cmm/fms/getImage.do'/>?atchFileId=<c:out value="${result.popupzoneImageFile}"/>' width="196" height="237" /> </a> </li> </c:forEach> </ul> </div> </div> </ol> </div> <div id="banner_div"> <div class="bnpadtop">링크</div> <div class="bnpadding"><a href="http://www.mois.go.kr/" target="_blank"><img src="<c:url value='/'/>images/header/banner_mois.png" alt="행정안전부" /></a></div> <div class="bnpadding"><a href="http://www.nia.or.kr/" target="_blank"><img src="<c:url value='/'/>images/header/banner_nia.png" alt="한국정보화진흥원" /></a></div> <div class="bnpadding"><a href="http://www.egovframe.go.kr/" target="_blank"><img src="<c:url value='/'/>images/header/banner_egovportal.gif" alt="전자정부표준프레임워크 포털" /></a></div> <div class="bnpadding"><a href="http://open.egovframe.go.kr/" target="_blank"><img src="<c:url value='/'/>images/header/banner_opencmm.gif" alt="오픈커뮤니티" /></a></div> </div> </div>  <div id="main_banner"> <div class="bannerTitle"> <img src="/images/main/banner.png" border="0" alt="배너목록"/><br/> <a href="javascript:" class="left"><img src="/images/btn/icon_01pre.png" width="19" height="15" border="0" alt="이전 배너로 이동 버튼"/></a> <a href="javascript:" class="goStop"><img src="/images/btn/icon_01stop.png" width="19" height="15" border="0" alt="배너 움직임 멈춤,재생 버튼"/></a> <a href="javascript:" class="right"><img src="/images/btn/icon_01next.png" width="19" height="15" border="0" alt="다음 배너로 이동 버튼"/></a> </div> <div id="bannerList" class="bannerList"> <ul> <c:forEach var="banner" items="${bannerList}" varStatus="status"> <li> <a href="${banner.linkUrl}" target="_blank" title="새창열림"> <%-- <img src="${banner.bannerImageFile}" border="0" width="160" height="40" alt="${banner.bannerDc}" /> --%> <img alt="${banner.bannerDc}" src='<c:url value='/cmm/fms/getImage.do'/>?atchFileId=<c:out value="${banner.bannerImageFile}"/>' border="0" width="160" height="40" /> </a> </li> </c:forEach> </ul> </div> </div> </div>  <c:if test="${fn:length(popupList) > 0}" > <style type="text/css"> .pop-layer .pop-container { padding: 20px 25px; } .pop-layer p.ctxt { color: #666; line-height: 25px; } .pop-layer .btn-r { width: 100%; margin: 10px 0 20px; padding-top: 10px; border-top: 1px solid #DDD; text-align: right; } .pop-layer { display: none; position: absolute; background-color: #fff; border: 5px solid #3571B5; z-index: 10; } </style> <c:forEach var="popupListData" items="${popupList}" varStatus="status" end="4"> <style type="text/css"> #layer_pop_${popupListData.popupId}{ top: ${popupListData.popupVrticlLc}px; left: ${popupListData.popupWidthLc}px; width: ${popupListData.popupWidthSize}px; height: auto; } </style> <div id="layer_pop_${popupListData.popupId}" class="pop-layer"> <div class="pop-container"> <div class="pop-conts">  ${popupListData.nttCn} <div class="btn-r"> <a href="#" onclick="fn_layerClose('${popupListData.popupId}'); return false;" class="btn-layerClose">Close</a><br/> 하루동안 창을 열지 않음 <input type="checkbox" name="chkPopup" value="" onClick="fnPopupCheck('${popupListData.popupId}' , 'layer')" title="하루동안창열지않기체크"> </div>  </div> </div> </div> </c:forEach> </c:if>  </div>  <div id="footer"><%-- <c:import url="/EgovPageLink.do?link=main/inc/EgovIncFooter" /> --%></div>  </div>  </body> </html> <% %>