picture_set_param.jsp
来源:互联网 发布:电视直播软件下载 编辑:程序博客网 时间:2024/05/25 20:01
<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> <%@ include file="common/tablib.jsp" %><link rel="STYLESHEET" type="text/css" href="css/dhtmlxcolorpicker.css"><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><script>window.dhx_globalImgPath = "imgs/dhtmlx/dhtmlxCombo/"</script><script src="dhtmlx/dhtmlxcommon.js"></script><script src="dhtmlx/dhtmlxcolorpicker.js"></script><script src="js/util/jquery-1.4.4.js"></script><script src="js/util/ibus_util.js"></script><script src="js/util/boc_invoker.js"></script><title>图片单元属性设置</title><style>body,html{overflow:auto;width:100%; height:100%;}.edit-div{ text-align:center; border:1px solid #a4bed4; margin:2px; height:320px; background:#fff;}.edit-tab{line-height:25px; margin-top:10px;}.edit-tab th{ text-align:right; padding-right:10px; font-weight:lighter; width:25%; vertical-align:top; padding-top:3px;}.edit-tab td{ text-align:left;}.edit-tab td span{ color:#FF0000; padding-left:5px;}.edit-tab .sel-img{height:110px; width:300px; background:#fff; border:1px solid #7f9db9; overflow:auto}.edit-tab .sel-img ul{list-style:none;margin:0px; padding:0px;}.edit-tab .sel-img li{float:left; list-style:none;text-align:left; margin:5px;}</style></head> <body style="background:#f1f8ff;"> <input type="hidden" id="targetId" value="<%=request.getParameter("targetId") %>"/><div ><table width="450" border="0" cellspacing="0" cellpadding="0" class="edit-tab"><tr><th>背景色</th><td> <input id="color" style="width: 30px;"><input type="button" id="a2" value="选择颜色"></td></tr><tr><th>背景图来源</th><td><select id="source" name="source" rel="no_init_style" style="width: 100px;" onchange="selecttype()"><option value="default" selected="selected">系统</option><option value="custom">自定义</option></select></td></tr><tr id="tr_background"><th>背景图片</th><td><!--<div class="sel-img">--><select id="sltBr" onchange="changeBackground()"><option value="0" select="selected">请选择</option></select><img src="" id="imgbackground" style="display:none" width="350"><!--</div>--></td></tr><form id="form_background" name="form_background" action="<%=request.getContextPath()%>/FileMgrAction.do?method=uploadPicture&type=0" enctype="multipart/form-data" method="post" target="hidden_frame"><tr id="tr_backgroundpath" style="display:none"><th>背景图片地址</th><td> <input type="file" id="background" name="background" style="width:280px" /></td></tr><tr id="tr_logopath" style="display:none"><th>logo图片地址</th><td> <input type="file" id="logo" name="logo" style="width:280px"/></td></tr><span id="msg"></span><br> <!--<font color="red">支持JPG,JPEG,GIF,BMP,SWF,RMVB,RM,AVI文件的上传</font> --><iframe name='hidden_frame' id="hidden_frame" style='display:none'></iframe></form><tr id="tr_logo"><th>logo图片</th><td><select id="sltLogo" onchange="changeLogo()"><option value="0" select="selected">请选择</option></select><img src="" id="imgLogo" style="display:none" width="350"></td></tr><tr><th>对齐方式</th><td><select id="aligntype" name="aligntype" rel="no_init_style" style="width: 100px;"><option value="left" selected="selected">居左</option><option value="center">居中</option><option value="right">居右</option></select></td></tr></table></div><div id="srcDiv" style="position: relative;padding-top:5px; text-align:center;"><input type="button" id="ensure" name="ensure" value="确 定" rel="no_init_style" class="winensurebnt" onclick="ensureButton()"/><input type="button" name="cancel" value="取 消" rel="no_init_style" class="winclosedbnt" onclick="cancelButton()"/></div> </body><script type="text/javascript"> var tabarId = document.getElementById("targetId").value;var designerObj = parent.getSelfDesigner(tabarId);//var myCP1 = new dhtmlXColorPickerInput('color');var myCP1 = new dhtmlXColorPicker(null, null, true, true);myCP1.setImagePath(path+"/jsp/developcenter/unitdesigner/picture/imgs/dhtmlx/dhtmlxColorPicker/");myCP1.init(); myCP1.linkTo("color", "a2"); InitSlt(); function InitSlt(){ var clientController = new ClientBOController("picture_boc","loadBackground"); //clientController.addParameter("path",path); bocInvoker.bocName = "BOControllerAction"; bocInvoker.bocMethod = "executeBoc"; var imgStr = bocInvoker.invokeSynchronized(clientController); //alert(imgStr); if (imgStr!="") {var Imgs = imgStr.split(","); var obj = document.getElementById("sltBr"); for(var i = 0; i < Imgs.length; i++){ var opt = document.createElement("option"); opt.value = opt.innerHTML = Imgs[i]; obj.appendChild(opt); }} clientController = new ClientBOController("picture_boc","loadLogo"); //clientController.addParameter("path",path); bocInvoker.bocName = "BOControllerAction"; bocInvoker.bocMethod = "executeBoc"; imgStr = bocInvoker.invokeSynchronized(clientController); //alert(imgStr); if (imgStr!="") {Imgs = imgStr.split(","); var obj = document.getElementById("sltLogo"); for(var i = 0; i < Imgs.length; i++){ var opt = document.createElement("option"); opt.value = opt.innerHTML = Imgs[i]; obj.appendChild(opt); }} } function changeBackground(){ var select = document.getElementById("sltBr").value; var image = document.getElementById("imgbackground"); if (select=="0") {image.style.display="none";image.src = "";}else{ image.style.display=""; image.src = path+"/jsp/developcenter/unitdesigner/picture/imgs/background/"+select; } } function changeLogo(){ var select = document.getElementById("sltLogo").value; var image = document.getElementById("imgLogo"); if (select=="0") {image.style.display="none";image.src = "";}else{ image.style.display=""; image.src = path+"/jsp/developcenter/unitdesigner/picture/imgs/logo/"+select; } }(function(){//加载背景颜色//document.getElementById("color").value = designerObj.pictureUIObj.color;myCP1.setColor(designerObj.pictureUIObj.color);document.getElementById("color").style.backgroundColor = designerObj.pictureUIObj.color;//加载对齐方式var aligntypeSelect = document.getElementById("aligntype");for(var i=0;i<aligntypeSelect.length;i++){var selectedValue = aligntypeSelect.options[i].value;if(designerObj.pictureUIObj.align == selectedValue){aligntypeSelect.options[i].selected = "selected";break;}}//加载logo地址if (designerObj.pictureUIObj.logo.filepath!="") { var select = document.getElementById("sltLogo"); //alert("filename="+designerObj.pictureUIObj.logo.filename); select.value = designerObj.pictureUIObj.logo.filename; document.getElementById("imgLogo").style.display=""; document.getElementById("imgLogo").src = path+"/jsp/developcenter/unitdesigner/picture/imgs/logo/"+select.value;}//加载背景图地址if (designerObj.pictureUIObj.background.filepath!="") { var select = document.getElementById("sltBr"); //alert(designerObj.pictureUIObj.logo.filename); select.value = designerObj.pictureUIObj.background.filename; document.getElementById("imgbackground").style.display=""; document.getElementById("imgbackground").src = path+"/jsp/developcenter/unitdesigner/picture/imgs/background/"+select.value;}})();//改变图片来源选项function selecttype(){var selecttype=document.getElementById("source").valueif(selecttype=="default"){document.getElementById("tr_background").style.display="";document.getElementById("tr_logo").style.display="";document.getElementById("tr_backgroundpath").style.display="none";document.getElementById("tr_logopath").style.display="none";}else if(selecttype=="custom"){document.getElementById("tr_background").style.display="none";document.getElementById("tr_logo").style.display="none";document.getElementById("tr_backgroundpath").style.display="";document.getElementById("tr_logopath").style.display="";}}//点击确定按钮function ensureButton(){applyButton();//cancelButton();}//点击取消按钮function cancelButton(){designerObj.dhxWins.window("Picture").close();}//点击应用按钮function applyButton(){ //设置背景颜色designerObj.pictureUIObj.color = document.getElementById("color").style.backgroundColor;//设置对齐方式var aligntype = document.getElementById("aligntype");designerObj.pictureUIObj.align = aligntype.options[aligntype.selectedIndex].value;parent.document.getElementById(tabarId).style.textAlign = designerObj.pictureUIObj.align;parent.document.getElementById(tabarId).style.background = designerObj.pictureUIObj.color;var selecttype=document.getElementById("source").value; var filepath = ""; if(selecttype=="default"){ //背景图 var selectimg = document.getElementById("sltBr").value; if (selectimg=="0") {designerObj.pictureUIObj.background.filepath = ""; designerObj.pictureUIObj.background.filename = ""; designerObj.pictureUIObj.background.filetype = ""; parent.document.getElementById(tabarId).style.backgroundImage = "";} else { designerObj.pictureUIObj.background.filepath = path+"/jsp/developcenter/unitdesigner/picture/imgs/background/" + selectimg; designerObj.pictureUIObj.background.filename = selectimg; designerObj.pictureUIObj.background.filetype = selectimg.substring(selectimg.lastIndexOf(".")); parent.document.getElementById(tabarId).style.backgroundImage = "url(" + designerObj.pictureUIObj.background.filepath + ")";}//logo图selectimg = document.getElementById("sltLogo").value;if (selectimg=="0") {designerObj.pictureUIObj.logo.filepath = ""; designerObj.pictureUIObj.logo.filename = ""; designerObj.pictureUIObj.logo.filetype = ""; parent.document.getElementById("logo").src = ""; parent.document.getElementById("logo").style.display="none";} else { designerObj.pictureUIObj.logo.filepath = path+"/jsp/developcenter/unitdesigner/picture/imgs/logo/" + selectimg; designerObj.pictureUIObj.logo.filename = selectimg; designerObj.pictureUIObj.logo.filetype = selectimg.substring(selectimg.lastIndexOf(".")); parent.document.getElementById("logo").style.display="";parent.document.getElementById("logo").src = designerObj.pictureUIObj.logo.filepath;}cancelButton(); }else{ var filepath = document.getElementById("background").value; if (filepath != "") { var filetype = filepath.substring(filepath.lastIndexOf(".")+1); if ("gif,jpg,png,icon,bmp".indexOf(filetype.toLowerCase())==-1) { alert("背景图片只能上传gif/jpg/png/icon/bmp类型的图片文件!"); return; } } filepath = document.getElementById("logo").value;if (filepath != "") { var filetype = filepath.substring(filepath.lastIndexOf(".")+1); if ("gif,jpg,png,icon,bmp".indexOf(filetype.toLowerCase())==-1) { alert("logo图片只能上传gif/jpg/png/icon/bmp类型的图片文件!"); return; } } jQuery("#form_background").submit(); callback("正在上传,请稍后。。。"); //window.setTimeout( "upload()", 5000 ); //jQuery("#form_logo").submit(); //alert(document.getElementById("background").value); //alert("上传图片"); //alert(document.getElementById("form_background").action); //document.getElementById("form_background").submit(); //jQuery("#form_background").submit(); //jQuery("#form_logo").submit();}}function change(){ var filepath = document.getElementById("background").value; if (filepath != "") { //上传背景图片var filename = filepath.substring(filepath.lastIndexOf("\\")+1);designerObj.pictureUIObj.background.filepath = path+"/jsp/developcenter/unitdesigner/picture/imgs/background/" + filename; designerObj.pictureUIObj.background.filename = filename; designerObj.pictureUIObj.background.filetype = filename.substring(filename.lastIndexOf(".")); parent.document.getElementById(tabarId).style.backgroundImage = "url(" + designerObj.pictureUIObj.background.filepath + ")"; //alert(designerObj.pictureUIObj.background.filepath);}else{ //设置背景图片为空 designerObj.pictureUIObj.background.filepath = ""; designerObj.pictureUIObj.background.filename = ""; designerObj.pictureUIObj.background.filetype = ""; parent.document.getElementById(tabarId).style.backgroundImage = "";}filepath = "";filepath = document.getElementById("logo").value;if (filepath != "") { //上传logo图片var filename = filepath.substring(filepath.lastIndexOf("\\")+1); designerObj.pictureUIObj.logo.filepath = path+"/jsp/developcenter/unitdesigner/picture/imgs/logo/" + filename; designerObj.pictureUIObj.logo.filename = filename; designerObj.pictureUIObj.logo.filetype = filename.substring(filename.lastIndexOf(".")); parent.document.getElementById("logo").style.display="";parent.document.getElementById("logo").src = designerObj.pictureUIObj.logo.filepath;//alert(designerObj.pictureUIObj.background.filepath);}else{ //设置logo图片为空 designerObj.pictureUIObj.logo.filepath = ""; designerObj.pictureUIObj.logo.filename = ""; designerObj.pictureUIObj.logo.filetype = ""; parent.document.getElementById("logo").src = ""; parent.document.getElementById("logo").style.display="none";}cancelButton();}function callback(msg){ //document.getElementById("file").outerHTML = document.getElementById("file").outerHTML; document.getElementById("msg").innerHTML = "<font color=red>"+msg+"</font>"; } </script></html>