Code - chominsoo4245/mjon

<%-- Class Name : researchList.jsp Description : 만족도(조회,삭제) JSP Modification Information 수정일 수정자 수정내용 ------- -------- --------------------------- 2009.03.03 JJY 최초 생성 2011.08.31 JJY 경량환경 버전 생성 author : 공통서비스 개발팀 JJY since : 2009.03.03 --%> <%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> <%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %> <%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %> <%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%> <%@ taglib prefix="double-submit" uri="http://www.egovframe.go.kr/tags/double-submit/jsp" %> <%@ taglib prefix="ui" uri="http://egovframework.gov/ctl/ui"%> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" > <meta http-equiv="content-language" content="ko"> <title>만족도 결과</title> <script type="text/javaScript" language="javascript" defer="defer"> function fn_research_year(){ var searchForm = document.searchForm ; searchForm.yearSearch.value = $('#yearSearch').val(); searchForm.menuNm.value = $('#mcTitle').val(); searchForm.submit(); } function fn_board_link_page(pageNo){ document.listForm.pageIndex.value = pageNo; document.listForm.action = "<c:url value='/uss/research/researchList.do'/>"; document.listForm.submit(); } function fnList() { document.searchForm.submit(); } </script> <style> /* Vertical Bar Graph */ .vGraph{ padding:20px 0;} .vGraph ul{ margin:0; padding:0; height:200px; border-bottom:1px solid #ddd;border-top:0; border-right:0; font-size:11px; list-style:none;} .vGraph ul:after{ content:""; display:block; clear:both;} .vGraph li{ float:left; display:inline; width:6%; height:100%; margin:0 7%; position:relative; text-align:center; white-space:nowrap;} .vGraph li:last-child p{display:} .vGraph .gTerm{ position:relative; font-size:13px;font-weight:300;display:inline-block; width:100%; height:20px; line-height:20px; margin:0 -100% 0 0; padding:200px 0 0 0; vertical-align:bottom; color:#767676;} .vGraph .gTerm2{ position:relative; font-size:13px;font-weight:300;display:inline-block; width:100%; height:20px; line-height:20px; margin:0 -75% 0 0; padding:200px 0 0 0; vertical-align:bottom; color:#767676;} .vGraph .gTerm p{margin-left:-15px;} .vGraph .gTerm2 p{margin-left:-5px;} .vGraph .gBar{ position:relative; display:inline-block; width:100%; margin:-1px 0 0 0; border:1px solid #ccc; border-bottom:0; background:#e9e9e9; vertical-align:bottom;} .vGraph .gBar span{ position:absolute; width:100%; top:-20px; left:0; color:#767676;} /* Star Rating */ .star_v {margin-right:100px;} .starRating, .starRating span{ display:inline-block; height:14px;margin-right:70px; height:14px; background:transparent url(/img/post/icoFiveStar.gif) no-repeat; overflow:hidden;} .starRating{ width:79px; vertical-align:middle;} .starRating span{ font-size:0; line-height:0; vertical-align:top; text-indent:-100px; *text-indent:0; background-position:0 -14px;} </style> </head> <body> <form:form commandName="researchVO" name="listForm" method="post"> <form:hidden path="pageIndex" /> <form:hidden path="mcTitle" /> <form:hidden path="mcIdx" /> <div class="contWrap"> <div class="pageTitle"> <div class="pageIcon"><img src="/pb/img/pageTitIcon4.png" alt=""></div> <h2 class="titType1 c_222222 fwBold">${researchVO.mcTitle} 만족도 결과</h2> <p class="tType6 c_999999">사이트별로 만족도 결과를 확인할수 있습니다.</p> </div> <div class="pageCont"> <div class="listSerch"> 연도조회 : <form:select path="yearSearch" cssClass="use"> <c:set var="year_s" value="${yearMax+1}" /> <form:option value="0" label="전체" /> <c:forEach var="i" begin="${yearMin}" end="${yearMax}" step="1"> <c:set var="year_s" value="${year_s-1}" /> <form:option value="${year_s}" label="${year_s}" /> </c:forEach> </form:select> <input type="button" class="btnType3" value="검색" onclick="fn_research_year(); return false;"> <input type="button" class="btnType3 bg_888888" value="목록" onclick="location.href='/uss/ion/sat/satisMenuList.do?siteId=<c:out value='${researchVO.siteId}'/>'; return false;"> </div> <p class="popre_count">${researchVO.mcTitle} 만족도<br>평가인원: <c:out value="${satResultCnt.sfCnt}"/>명</p> <c:set var="research_text" value="(매우만족)" /> <c:set var="research_text2" value="(만족)" /> <c:set var="research_text3" value="(보통)" /> <c:set var="research_text4" value="(불만족)" /> <c:set var="research_text5" value="(매우불만족)" /> <c:set var="i" value="0" /> <div class="popre_body"> <div class="popre_inbox"> <div class="vGraph"> <ul> <c:forEach var="satResult" items="${satResult}" varStatus="status"> <li> <c:set var="i" value="${i+1}" /> <c:if test="${i == 1}"> <c:set var="research_text" value=" (매우만족)" /> <span class="gTerm"><p class="star_v"><span class="starRating"><span style="width:100%;">5점</span></span></p>(매우만족)</span> <span class="gBar" style="height:${satResult.sfRat}%"><span>${satResult.sfCnt }명(${satResult.sfRat}%) </span></span> </c:if> <c:if test="${i == 2}"> <c:set var="research_text" value="    (만족)" /> <span class="gTerm"><p><span class="starRating"><span style="width:80%">4점</span></span></p>(만족)</span> <span class="gBar" style="height:${satResult.sfRat}%"><span>${satResult.sfCnt }명(${satResult.sfRat}%) </span></span> </c:if> <c:if test="${i == 3}"> <c:set var="research_text" value="    (보통)" /> <span class="gTerm"><p><span class="starRating"><span style="width:60%">3점</span></span></p>(보통)</span> <span class="gBar" style="height:${satResult.sfRat}%"><span>${satResult.sfCnt }명(${satResult.sfRat}%) </span></span> </c:if> <c:if test="${i == 4}"> <c:set var="research_text" value="   (불만족)" /> <span class="gTerm"><p><span class="starRating"><span style="width:40%">2점</span></span></p>(불만족)</span> <span class="gBar" style="height:${satResult.sfRat}%"><span>${satResult.sfCnt }명(${satResult.sfRat}%) </span></span> </c:if> <c:if test="${i == 5}"> <c:set var="research_text" value="(매우불만족)" /> <span class="gTerm"><p><span class="starRating"><span style="width:20%">1점</span></span></p>(매우불만족)</span> <span class="gBar" style="height:${satResult.sfRat}%"><span>${satResult.sfCnt }명(${satResult.sfRat}%) </span></span> </c:if> </li> </c:forEach> </ul> </div> </div> </div> </div> </div> </form:form> <form name="searchForm" method="get" action="<c:url value='/uss/ion/sat/satisResult.do'/>"> <input name="yearSearch" type="hidden" /> <input name="menuNo" type="hidden" value="${researchVO.menuNo}" /> <input name="siteId" type="hidden" value="${researchVO.siteId}" /> <input name="mcTitle" id="mcTitle" type="hidden" value="${researchVO.mcTitle}" /> <input name="menuNm" type="hidden"/> </form> </body> </html>