manage_program.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ taglib prefix="c" uri="/WEB-INF/tag/c.tld" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<!-- image preview -->
<script src="js/flowplayer/jquery.tools.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/flowplayer/flowplayer-3.2.8.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" src="js/main.js"></script>
<style type="text/css">
#preview {
position: absolute;
border: 1px solid #ccc;
background: #333;
padding: 5px;
display: none;
color: #fff;
}
.overlay {
padding: 40px;
width: 576px;
display: none;
background-image: url(images/white.png);
}
.close {
background: url(images/close.png) no-repeat;
position: absolute;
top: 2px;
right: 5px;
display: block;
width: 35px;
height: 35px;
cursor: pointer;
}
#player {
height: 450px;
display: block;
}
</style>
<!-- image preview -->
<style type="text/css">
.programConfig {
width: 200px;
height: 400px;
border: 1px solid;
float: left;
}
.programArea {
border: 1px solid;
position: relative;
width: 600px;
height: 400px;
left: 250px;
margin: 30px;
}
.hid{
display: none;
}
</style>
<script type="text/javascript">
// 判断是add还是edit
var requestUrl = null;
// 如果是add，这programId为""，否则是edit
var programId = "";
var programAreaOrignalHtml = "";
var preview_programAreaOrignalHtml = "";
$(document).ready(function(){
programAreaOrignalHtml = $("#programArea").html();
preview_programAreaOrignalHtml = $('#preview_programArea').html();
//save clicked
$('#btnSaveProgram').click(function(){
var programName = $('#programName').val();
var programRemark = $('#programRemark').val();
var hours = $('#hours').val();
var minutes = $('#minutes').val();
var seconds = $('#seconds').val();
if(programName == null || programName == ""){
alert("请输入节目名称");
return false;
}
if(hours == "时"){
hours = '0';
}
if(minutes == "分"){
minutes = '0';
}
if(seconds == "秒"){
seconds = '0';
}
var programLength = (Number(hours)*60 + Number(minutes))*60 + Number(seconds);
if(programLength == '0'){
alert('播放时长必须大于1秒');
return false;
}
if($('#templateSelect').val()=='0'){
alert("请选择模板");
return false;
}
if(programRemark == null || programRemark == ""){
alert("请输入节目描述");
return false;
}
var jsonData = "";
var flag = "false";// break or not
$("#programArea div").each(function(data){
if(this.style.display != "none"){
var key = this.id;// template model id
var value1 = this.title; // template model dimension
var value2 = this.style.zIndex; // template model gradation
var value3 = this.id; // resource id
var value4 = $('#'+this.id).text();
if(value4.indexOf('双击')!=-1){
alert("请在模板中选择相应资源");
flag = "true";
}
jsonData += (key + ":" + value1 + ":" + value2 + ":" + value3 + ":" + value4 + "|");
}
});
// each model has selected resource
if(flag == "false"){
jsonData = jsonData.substring(0, jsonData.length - 1);
$.ajax({
type: "POST",
url: requestUrl,
dataType:"html",
data: {programId:programId,programName:programName,programRemark:programRemark,length:programLength,relation:jsonData},
success: function(data){
$.ajax({
type: "POST",
url: "/CPSolution/getProgramAction.html",
dataType:"html",
success: function(data){
alert("节目保存成功");
// delete html witch generated by jquery dialog
$("#footerWrap").nextAll().remove();
while (document.body.lastChild.nodeType === 3) {
document.body.removeChild(document.body.lastChild);
}
$("#content5").html(data);
$("#content5").show("slow");
},
error:function(){
alert($("#content5")+"加载失败");
}
});
},
error:function(){
alert("加载失败");
}
});
}else{
jsonData = "";
}
});
// initial music
$("a[rel='music']").each(function(obj){
$('#'+this.id).css('width','268px');
$f(""+this.id, "js/flowplayer/flowplayer-3.2.8.swf", {
// fullscreen button not needed here
plugins: {
controls: {
fullscreen: false,
height: 30,
autoHide: false
}
},
clip: {
autoPlay: false,
// optional: when playback starts close the first audio playback
onBeforeBegin: function() {
$f("player").close();
}
}
});
});
});
function selectResource(modeldiv){
var type = modeldiv.id.split("_")[1].substr(0,1);
if(type == "i"){
$("#imageSourceList").dialog({
height:520,
width:900,
modal:true
});
$("#imageSourceList a").click(function(){
$('#imageSourceList').dialog("destroy");
modeldiv.innerHTML = this.title;
});
}
if(type == "v"){
$("#videoSourceList").dialog({
height:520,
width:900,
modal:true
});
$("#videoSourceList a").click(function(){
$('#videoSourceList').dialog("destroy");
modeldiv.innerHTML = this.title;
});
}
if(type == "t"){
$("#textSourceList").dialog({
height:520,
width:900,
modal:true
});
$("#textSourceList a").click(function(){
$('#textSourceList').dialog("destroy");
modeldiv.innerHTML = this.title;
});
}
if(type == "a" ){
$("#audioSourceList").dialog({
height:520,
width:900,
modal:true
});
$("#audioSourceList a").click(function(){
$('#audioSourceList').dialog("destroy");
modeldiv.innerHTML = this.title;
});
}
}
// select template
function templateSelected(selectObj){
var selectedValue = selectObj.value;
if(selectedValue == "0"){
selectObj.options[0].selected=true;
$('#programArea').html(programAreaOrignalHtml);
}else{
// init programArea
$('#programArea').html(programAreaOrignalHtml);
// 将模板中的布局画到programArea中
$("#programArea div input").each(function(data){
var modelDiv = $("#"+(this.id)).parent();
modelDiv.css("display","none");
if(this.value.indexOf(selectedValue) != -1){
var size = this.value.split("_")[2]+"_"+this.value.split("_")[3];
if($('#resized').text() == ""){
if(size == "4_3"){
$('#programArea').css('width','800px');
$('#programArea').css('height','600px');
}
if(size == "5_4"){
$('#programArea').css('width','800px');
$('#programArea').css('height','640px');
}
if(size == "16_9"){
$('#programArea').css('width','800px');
$('#programArea').css('height','450px');
}
if(size == "3_4"){
$('#programArea').css('width','600px');
$('#programArea').css('height','800px');
}
if(size == "4_5"){
$('#programArea').css('width','640px');
$('#programArea').css('height','800px');
}
if(size == "9_16"){
$('#programArea').css('width','450px');
$('#programArea').css('height','800px');
}
$('#resized').text(size);
}
var dimensionVals = modelDiv.attr("title").split(",");
var leftVal = dimensionVals[0];
var topVal = dimensionVals[1];
var widthVal = parseInt(dimensionVals[2]) - parseInt(leftVal);
var heightVale = parseInt(dimensionVals[3]) - parseInt(topVal);
modelDiv.css("left",leftVal+"px");
modelDiv.css("top",topVal+"px");
modelDiv.css("width",widthVal);
modelDiv.css("height",heightVale);
modelDiv.css("display","");
modelDiv.css("position","absolute");
modelDiv.css("overflow","hidden");
if(this.id.split("_")[2] == "video"){
modelDiv.css("background","red");
}
if(this.id.split("_")[2] == "audio"){
modelDiv.css("background","black");
}
if(this.id.split("_")[2] == "image"){
modelDiv.css("background","blue");
}
if(this.id.split("_")[2] == "text"){
modelDiv.css("background","green");
}
if(this.id.split("_")[2] == "weather"){
modelDiv.css("background","gray");
}
if(this.id.split("_")[2] == "clock"){
modelDiv.css("background","gray");
}
}
});
$('#resized').text("");
}
}
function initAlertBox(){
$('#programName').val("");
$('#programRemark').val("");
$('#hours').val("时");
$('#minutes').val("分");
$('#seconds').val("秒");
$('#programArea').html(programAreaOrignalHtml);
$("#templateSelect").get(0).selectedIndex=0;
}
// 添加节目
function addProgram(){
// 设置save按钮的请求url为添加program
requestUrl = "/CPSolution/addProgramAction.html";
initAlertBox();
popupAlert("alertBoxAddProgram",1100,462,"content5");
// 使弹出框自适应高度
$('#alertBoxAddProgram').css("height","");
}
// 编辑节目
var Program = new function(){
/**
* 多选删除
*/
// 选中的id
this.selectedIDs = "";
this.checkboxSelectd = function(checkboxObj){
if(checkboxObj.checked == true){
this.selectedIDs += checkboxObj.id +",";
}else{
this.selectedIDs = this.selectedIDs.replace(checkboxObj.id + ",", "");
}
alert(Program.selectedIDs);
};
var hh = null;
var mm = null;
var ss = null;
this.preview = function(id){
$.ajax({
type: "POST",
url: "/CPSolution/previewGetProgram.html",
dataType:"json",
data: {id:id},
success: function(data){
var templateWidth = data.programDTO.templateWidth;
var templateHeight = data.programDTO.templateHeight;
//让模板自动填充高度
$('#preview_programArea').css("width",templateWidth+"px");
$('#preview_programArea').css("height",templateHeight+"px");
var onebyoneSize = data.programDTO.onebyoneList.length;
for(var i = 0; i < onebyoneSize; i++){
var resource = data.programDTO.onebyoneList[i].resource;
var resourceName = data.programDTO.onebyoneList[i].resourceName;
var dimension = data.programDTO.onebyoneList[i].dimension;
var direction = data.programDTO.onebyoneList[i].direction;
var gradation = data.programDTO.onebyoneList[i].gradation;
var dimensionVals = dimension.split(",");
var leftVal = dimensionVals[0];
var topVal = dimensionVals[1];
var widthVal = parseInt(dimensionVals[2]) - parseInt(leftVal);
var heightVale = parseInt(dimensionVals[3]) - parseInt(topVal);
var modelDiv = document.createElement("div");// 创建遮罩层
modelDiv.style.position = "absolute";// 遮罩层位置
modelDiv.style.zIndex = gradation;// 遮罩层zIndex
modelDiv.style.left = leftVal + "px";// 遮罩层zIndex
modelDiv.style.top = top + "px";// 遮罩层zIndex
modelDiv.style.width = widthVal + "px";// 设置遮罩层宽度
modelDiv.style.height = heightVale + "px";// 设置遮罩层宽度
modelDiv.style.display = "";// 设置遮罩层宽度
modelDiv.style.overflow = "hidden";// 设置遮罩层宽度
if(resource.split('_')[1].indexOf('image') != -1){
$(modelDiv).html('<img width="'+widthVal+'" height="'+heightVale+'" src="/resource/Images/'+resourceName+'" />');
}
document.getElementById('preview_programArea').appendChild(modelDiv);
/*
modelDiv.css("left",leftVal+"px");
modelDiv.css("top",topVal+"px");
modelDiv.css("width",widthVal);
modelDiv.css("height",heightVale);
modelDiv.css("display","");
modelDiv.css("position","absolute");
modelDiv.css("overflow","hidden");
*/
}
popupAlert('preview_programArea', templateWidth, templateHeight, 'content5');
},
error:function(){
alert("加载失败");
}
});
};
this.edit = function(id){
$.ajax({
type: "POST",
url: "/CPSolution/editGetProgram.html",
dataType:"json",
data: {id:id},
success: function(data){
// 设置save按钮的请求url为编辑program
requestUrl = "/CPSolution/editProgram.html";
programId = id;
initAlertBox();
popupAlert("alertBoxAddProgram",1100,462,"content5");
//让模板自动填充高度
$('#alertBoxAddProgram').css("height","");
$('#programName').val(data.programDTO.name);
var allseconds = data.programDTO.length;
// 给hh mm ss赋值
Program.time_To_hhmmss(allseconds);
$('#hours').val(hh);
$('#minutes').val(mm);
$('#seconds').val(ss);
$('#programRemark').val(data.programDTO.remark);
// 设置select默认选中项
$('#templateSelect').val(data.programDTO.templateId);
$('#templateSelect').trigger("change");
var size = data.programDTO.onebyoneList.length;
var templateID = data.programDTO.templateId;
for(var i = 0; i < size; i++){
var resourceId = data.programDTO.onebyoneList[i].resource;
var resourceName = data.programDTO.onebyoneList[i].resourceName;
var hiddenId = resourceId+"_"+resourceId.split("_")[1].replace(/\d+/g,'');
$('#'+resourceId).html('<input type="hidden" id="'+hiddenId+'" value="'+templateID+'"/>'+resourceName);
}
},
error:function(){
alert("加载失败");
}
});
};
this.time_To_hhmmss = function (seconds){
//传入的时间为空或小于0
if(seconds==null||seconds<0){
return;
}
//得到小时
hh=seconds/3600|0;
seconds=parseInt(seconds)-hh*3600;
//得到分
mm=seconds/60|0;
//得到秒
ss=parseInt(seconds)-mm*60;
};
// pre-view video
this.replaceFlvUrl = function(aObj,url){
$('#player').attr('href',url);
var player = $f("player","js/flowplayer/flowplayer-3.2.8.swf",{
clip: {
autoPlay: true,
autoBuffering: true
}
});
$("#flowplayerdiv").overlay( {
// use the Apple effect for overlay
effect : 'apple',
// when overlay is opened, load our player
onLoad : function() {
},
// when overlay is closed, unload our player
onClose : function() {
}
});
// play the clip specified in href- attribute with Flowplayer
$("#flowplayerdiv").overlay().load();
};
};
var programSelectAll = false;
$("#programCheckboxTh").bind("click",function(){
Program.selectedIDs = "";
if(programSelectAll){
$("#programForm [type='checkbox']").removeAttr("checked");//取消全选
Program.selectedIDs = "";
programSelectAll = false;
}else{
$("#programForm [type='checkbox']").each(function(){
//alert(this.id);
//alert(this.name);
Program.selectedIDs += this.id+",";
if(!this.checked){
$("#programForm [type='checkbox']").attr("checked",'true');//全选
programSelectAll = true;
//return false;
}
});
}
alert(Program.selectedIDs);
return false;
});
/*
$("#hours").keyup(function(){ //keyup事件处理
$(this).val($(this).val().replace(/\D|^0/g,''));
}).bind("paste",function(){ //CTRL+V事件处理
$(this).val($(this).val().replace(/\D|^0/g,''));
}).css("ime-mode", "disabled"); //CSS设置输入法不可用
$("#minutes").keyup(function(){ //keyup事件处理
$(this).val($(this).val().replace(/\D|^0/g,''));
}).bind("paste",function(){ //CTRL+V事件处理
$(this).val($(this).val().replace(/\D|^0/g,''));
}).css("ime-mode", "disabled"); //CSS设置输入法不可用
$("#seconds").keyup(function(){ //keyup事件处理
$(this).val($(this).val().replace(/\D|^0/g,''));
}).bind("paste",function(){ //CTRL+V事件处理
$(this).val($(this).val().replace(/\D|^0/g,''));
}).css("ime-mode", "disabled"); //CSS设置输入法不可用
*/
</script>
</head>
<body>
<div>
<input type="button" value="添加节目" onclick="javascript:addProgram()">
</div>
<br>
<s:if test="#request.programList.size()==0">
<span>暂无数据</span>
</s:if>
<s:else>
<form id="programForm" name="programForm" method="post" action="">
<table class="sTable tdNowap900">
<thead>
<tr>
<th id="programCheckboxTh" style="cursor: pointer;color: #AB8617;"><strong>全选</strong></th>
<th><strong>名称</strong></th>
<th><strong>备注</strong></th>
<th><strong>最后更新</strong></th>
<th><strong>作者</strong></th>
<th><strong>时长(秒)</strong></th>
<th><strong>模板(ID)</strong></th>
<th><strong>节目资源</strong></th>
<th><strong>预览</strong></th>
<th><strong>删除 </strong></th>
<th><strong>编辑 </strong></th>
</tr>
</thead>
<s:iterator value="programList" id="" status="" var="programObj">
<tr class="oddRow">
<td>
<c:if test="${programObj.canBeDelete == false}">
不能选择
</c:if>
<c:if test="${programObj.canBeDelete == true}">
<input type="checkbox" id="${programObj.id }" onchange="javascript:Program.checkboxSelectd(this)">
</c:if>
</td>
<td>${programObj.name }</td>
<td title="${programObj.remark }">${programObj.remark }</td>
<td>${programObj.createtime }</td>
<td>${programObj.createby }</td>
<td>${programObj.length }</td>
<td title="${programObj.templateId }">${programObj.templateId }</td>
<td>
<a class="hrefColor" onmouseout="javascript:hidTip('resourcediv_${programObj.id }');" onmouseover="javascript:showTip('resourcediv_${programObj.id }');" href="javascript:void(0);">资源列表</a>
<div id="resourcediv_${programObj.id }" style="margin-left:60px;width:340px;display: none;z-index: 3000;background: gray;position: absolute;">
<s:iterator value="#programObj.onebyoneList" status="indexid" var="onebyone">
<div style="float: left;clear: both;color: white;text-align: left;">
${indexid.index+1 }.资源名称：${onebyone.resourceName }<br />
资源坐标：${onebyone.dimension }
</div>
</s:iterator>
</div>
</td>
<td><a class="hrefColor" href="javascript:Program.preview('${programObj.id }');">预览</a></td>
<td>
<ul>
<li>
<c:if test="${programObj.canBeDelete == false}">
<div style="cursor: help;" title="由于播表中已经使用到此节目，不能删除，若要删除，请先删除使用到此节目的播表">不能删除</div>
</c:if>
<c:if test="${programObj.canBeDelete == true}">
<a class="hrefColor" href="javascript:delXmlContetnAjaxCall('${programObj.id }','program','content5')">删除</a>
</c:if>
</li>
</ul>
</td>
<td><a class="hrefColor" href="javascript:Program.edit('${programObj.id }')">编辑</a></td>
</tr>
</s:iterator>
</table>
<p>
<a href="javascript:delSelectedXmlContetnAjaxCall(Program.selectedIDs,'program','content5')" class="deleteLink">删除所有选择的节目</a>
</p>
</form>
</s:else>
<!-- add program -->
<div id="alertBoxAddProgram" style="display: none;">
<div id="programConfig" style="float:left;z-index: 1000;">
<div style="margin: 10px 0 0 20px;">节目名称：<label class="smallInput"><input id="programName" class="inputS" type="text" size="28" name="programName"></label></div>
<div style="margin: 10px 0 0 20px;">播放时长：<label class="smallInput"><input id="hours" class="inputS" type="text" size="28" name="hours" onblur="javascript:if(this.value=='')this.value='0'" onfocus="javascript:this.value=''" onKeyUp="this.value=this.value.replace(/\D/g,'')" ></label></div>
<div style="margin: 10px 0 0 20px;;"><label class="smallInput"><input id="minutes" class="inputS" type="text" size="28" name="minutes" onblur="javascript:if(this.value=='')this.value='0'" onfocus="javascript:this.value=''" onKeyUp="this.value=this.value.replace(/\D/g,'')" ></label></div>
<div style="margin: 10px 0 0 20px;"><label class="smallInput"><input id="seconds" class="inputS" type="text" size="28" name="seconds" onblur="javascript:if(this.value=='')this.value='0'" onfocus="javascript:this.value=''" onKeyUp="this.value=this.value.replace(/\D/g,'')" ></label></div>
<div style="margin: 10px 0 0 20px;">选择模板：<label class="smallInput"><s:select id="templateSelect" onchange="javascript:templateSelected(this)" name="template" list="templateList" listKey="id" listValue="name" headerKey="0" headerValue="请选择模板" label="请选择模板" cssStyle="width:100%"/></label></div>
<div style="margin: 10px 0 0 20px;">节目描述：<label class="textareaDiv"><textarea id="programRemark" class="textarea" rows="5" cols="80" name="programRemark"></textarea><br></label></div>
<div style="position: relative;cursor: pointer;margin:10px 0 0 20px;float: left;">
<span id="btnSaveProgram">保存</span>
</div>
<div style="position: relative;cursor: pointer;margin:10px 0 0 20px;float: left;">
<span id="btnCancelProgram" onclick="initAlertBox();">重置</span>
</div>
</div>
<div id="programArea" class="programArea">
<s:iterator value="templateList" var="templateObj">
<s:iterator value="#templateObj.models" var="model">
<c:if test="${model.type =='weather'}">
<div title="${model.dimension}" id="${model.id }" style="z-index: ${model.gradation }; display:none;text-align:center;font-size:12px;color:white;" ><input id="${model.id }_${model.type }" type="hidden" value="${templateObj.id }_${templateObj.size}">天气区域</div>
</c:if>
<c:if test="${model.type =='clock'}">
<div title="${model.dimension}" id="${model.id }" style="z-index: ${model.gradation }; display:none;text-align:center;font-size:12px;color:white;" ><input id="${model.id }_${model.type }" type="hidden" value="${templateObj.id }_${templateObj.size}">时钟区域</div>
</c:if>
<c:if test="${model.type =='text'}">
<c:if test="${model.direction =='static'}">
<div ondblclick="javascript:selectResource(this)" title="${model.dimension}" id="${model.id }" style="z-index: ${model.gradation }; display:none;text-align:center;font-size:12px;color:white;" ><input id="${model.id }_${model.type }" type="hidden" value="${templateObj.id }_${templateObj.size}">双击我选择${model.type }类型资源</div>
</c:if>
<c:if test="${model.direction !='static'}">
<div ondblclick="javascript:selectResource(this)" title="${model.dimension}" id="${model.id }" style="z-index: ${model.gradation }; display:none;text-align:center;font-size:12px;color:white;" ><input id="${model.id }_${model.type }" type="hidden" value="${templateObj.id }_${templateObj.size}"><marquee direction="${model.direction }">双击我选择${model.type }类型资源</marquee></div>
</c:if>
</c:if>
<c:if test="${model.type !='weather' && model.type !='time' && model.type !='text'}">
<div ondblclick="javascript:selectResource(this)" title="${model.dimension}" id="${model.id }" style="z-index: ${model.gradation }; display:none;text-align:center;font-size:12px;color:white;" ><input id="${model.id }_${model.type }" type="hidden" value="${templateObj.id }_${templateObj.size}">双击我选择${model.type }类型资源</div>
</c:if>
</s:iterator>
</s:iterator>
</div>
<div id="resized" style="height:1px; margin-top:-1px;clear: both;overflow:hidden;"></div>
</div>
<!-- add program -->
<div id="videoSourceList" class="hid">
<table class="sTable">
<thead>
<tr>
<th><strong>视频名称</strong></th>
<th><strong>视频备注</strong></th>
<th><strong>预览</strong></th>
<th><strong>选择</strong></th>
</tr>
</thead>
<s:iterator value="videoList" id="" status="" var="video">
<tr class="oddRow">
<td class="firstCol">${video.resourceName }</td>
<td>${video.paramRemark }</td>
<td class="secondCol" onclick="javascript:Program.replaceFlvUrl(this,'/resource/Flvs/${video.flvname }');">点击预览</td>
<td class="secondCol"><a title="${video.resourceName }" href="javascript:void(0);">点击选择</a></td>
</tr>
</s:iterator>
</table>
</div>
<!-- image -->
<div id="imageSourceList" class="hid">
<table class="sTable">
<thead>
<tr>
<th><strong>图片名称</strong></th>
<th><strong>图片备注</strong></th>
<th><strong>预览</strong></th>
<th><strong>选择</strong></th>
</tr>
</thead>
<s:iterator value="imageList" id="" status="" var="image">
<tr class="oddRow">
<td class="firstCol">${image.resourceName }</td>
<td>${image.paramRemark }</td>
<td class="secondCol"><span style="cursor: pointer;" id="/resource/Images/${image.resourceName }" class="preview" title="Lake and a mountain">预览</span></td>
<td class="secondCol"><a title="${image.resourceName }" href="javascript:void(0);">点击选择</a></td>
</tr>
</s:iterator>
</table>
</div>
<!-- audio -->
<div id="audioSourceList" class="hid">
<table class="sTable">
<thead>
<tr>
<th><strong>音频名称</strong></th>
<th><strong>音频备注</strong></th>
<th><strong>试听</strong></th>
<th><strong>选择</strong></th>
</tr>
</thead>
<s:iterator value="audioList" id="" status="" var="audio">
<tr class="oddRow">
<td class="firstCol">${audio.resourceName }</td>
<td>${audio.paramRemark }</td>
<td class="secondCol"><div style="width: 170px;overflow: hidden;padding-left: 50px;"><a rel="music" id="music${audio.id }" style="display:block;width:648px;height:30px;" href="/resource/Audios/${audio.resourceName }"></a></div></td>
<!-- <td class="secondCol" onclick="javascript:unsupport();">点击试听</td>-->
<td class="secondCol"><a title="${audio.resourceName }" href="javascript:void(0);">点击选择</a></td>
</tr>
</s:iterator>
</table>
</div>
<!-- text -->
<div id="textSourceList" class="hid">
<table class="sTable">
<thead>
<tr>
<th><strong>文本名称</strong></th>
<th><strong>文本备注</strong></th>
<th><strong>预览</strong></th>
<th><strong>选择</strong></th>
</tr>
</thead>
<s:iterator value="textList" id="" status="" var="text">
<tr class="oddRow">
<td class="firstCol">${text.resourceName }</td>
<td>${text.resourceName }</td>
<td class="secondCol" title="${text.paramRemark }" style="cursor: pointer;">预览</td>
<td class="secondCol"><a title="${text.resourceName }" href="javascript:void(0);">点击选择</a></td>
</tr>
</s:iterator>
</table>
</div>
<!-- flowplayer div -->
<div id="flowplayerdiv" class="overlay" style="background-image: url(images/white.png)">
<a id="player" href="/resource/Flvs/1332676825470_2.flv"></a>
</div>
<div id="preview_programArea" class="programArea" style="display: none;">
</div>
</body>
</html>
此页面提供添加、编辑、预览及删除节目配置的功能，包括设置节目名称、播放时长、选择模板并添加各类资源。
扫一扫
4万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
