点击变色
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ page import="java.util.List" %>
<%@ include file="/htss/commonJsp/commonHeadJsp.jsp"%>
<%@ page import="com.htss.shankHand.vo.AnnounVo"%>
<link href="<%=request.getContextPath() %>/htss/js/video-js-4.6.4/video-js/video-js.css" rel="stylesheet">
<link rel="stylesheet" href="<%=request.getContextPath()%>/htss/js/pdf/web/viewer.css"/>
<link rel="resource" type="application/l10n" href="<%=request.getContextPath()%>/htss/js/pdf/web/locale/locale.properties"/>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="google" content="notranslate">
<style type="text/css">
#outerContainer * {
box-sizing: content-box;
-webkit-box-sizing: content-box;
}
.eaicon-pdf {
width: 80%;
margin: 40px auto 0px;
height: 158px;
background-image: url(htss/img/tongzhi.png);
background-repeat: no-repeat;
background-position: top center;
font-size: 16px;
font-family: 微软雅黑;
text-align: center;
padding-top: 90px;
}
.inform-left {
width: 80%;
height: 100%;
overflow-y: auto;
-webkit-box-sizing: content-box;
text-align: center;
margin: 0 auto;
background-image: url(htss/img/need3.png);
-moz-background-size:100% 100%;
background-size:100% 100%;
background-repeat: repeat;
}
.none-inform-left {
width: 80%;
height: 100%;
overflow-y: auto;
-webkit-box-sizing: content-box;
text-align: center;
margin: 0 auto;
background-image: url(htss/img/need.png);
-moz-background-size:100% 100%;
background-size:100% 100%;
background-repeat: repeat;
}
.color { color:red }
</style>
</head>
<body>
<div style="width: 100%;height: 100%;">
<!-- 主内容区开始 -->
<div class="ea-detail-main" style="padding:0;height: 100%;">
<div class="ea-detail-sm-nopad pull-left" style="width:20%; height:100%; overflow-y:auto;background-color:#f4f4f4">
<ul id="dragdiv" style="list-style-type:none; padding:0;">
<c:forEach items="${queryList }" var="AnnounVoList" varStatus="status">
<li><div class="eaicon-pdf ea-poointer" onClick="file_play('${AnnounVoList.id }'); changeoption();">${AnnounVoList.title }</div></li>
</c:forEach>
</ul>
</div>
<%
List<AnnounVo> announVoList =(List)request.getAttribute("queryList");
if(announVoList.size()==0)
{ %>
<div class="none-inform-left"></div>
<%
}
else{ %>
<div id="moviePdfContent" class="inform-left" >
<iframe id="Informshow" frameborder="0" width="100%" height="99%" src=""> </iframe>
</div>
<%
}%>
</div>
<!-- 主内容区结束 -->
</div>
<script src=\'#\'" ) %>/htss/js/video-js-4.6.4/video-js/video.js"></script>
<!-- 拖曳 -->
<script src=\'#\'" ) %>/htss/js/drag/jquery.dragsort-0.5.1.min.js"></script>
<script>
//点击变色
var ul = document.getElementById('dragdiv');
var lis = ul.getElementsByTagName('li');
for(var i=0;i<lis.length;i++){
lis[i].onclick = function(){
tdonclick(this);
}
}
function tdonclick(obj){
for( var o=0; o<lis.length; o++ ){
if( lis[o] == obj ){
lis[o].className = 'color';
}
else{
lis[o].className = '';
}
}
}
$(function(){
// $("#dragdiv").dragsort();
})
function file_play(id){
document.getElementById("Informshow").src=\'#\'" ) %>/InformShowAction.do?cmd=getDetailInform&id="+id;
}
//禁止ctrl键
function key() {
if(event.ctrlKey){
event.returnValue=false;
event.stopPropagation();
return false;
}
}
document.onkeydown=key;
</script>
</body>
</html>