当前位置:编程学习 > JAVA >>

CKEDITOR模态窗口提交表单时能不弹出新窗口吗?

按照http://www.iteye.com/topic/749437 该文章内容实现ckeditor在jsp下增加图片上传功能中遇到上传图片的模态窗口在表单提交时,总是弹出新窗口,我在

中间添加了。还是不管用,那位大侠能帮助解决一下?
以下是代码
修改控件代码:


function addUploadButton(editor){
CKEDITOR.on('dialogDefinition', function( ev ){
var dialogName = ev.data.name;
var dialogDefinition = ev.data.definition;
if ( dialogName == 'image' ){
var infoTab = dialogDefinition.getContents( 'info' );
infoTab.add({
type : 'button',
id : 'upload_image',
align : 'left',
label : '上传',
onClick : function( evt ){
var thisDialog = this.getDialog();
var txtUrlObj = thisDialog.getContentElement('info', 'txtUrl');
var txtUrlId = txtUrlObj.getInputElement().$.id;
addUploadImage(txtUrlId);
}
}, 'browse'); //place front of the browser button
}
});
}
function addUploadImage(theURLElementId){
var uploadUrl = "uploadimage.jsp"; //这是我自己的处理文件/图片上传的页面URL
var imgUrl = window.showModalDialog(uploadUrl,new Object(),'dialogHeight=70px;dialogWidth=400px;resizable:no;status:no;scroll:auto;'); 
//在upload结束后通过js代码window.returnValue=...可以将图片url返回给imgUrl变量。
var urlObj = document.getElementById(theURLElementId);
urlObj.value = imgUrl;
urlObj.fireEvent("onchange"); //触发url文本框的onchange事件,以便预览图片




<%@ page contentType="text/html; charset=UTF-8"%>
<%@ include file="/jsp/include/global.jsp"%>
<head  base target= "_self "> 
<base target="_self">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" >
<title>上传文件</title>
<%
String path = (String)request.getAttribute("path");  
%>
<script language="javascript">
  window.name = "_self";
    function update_onClick(){
        var ownerFile=document.getElementById('uploadFile').value;
        document.getElementById("_pagePath").value=ownerFile;   
        
        if(ownerFile==null || ownerFile==""){
            alert("请选择上传的文件!");
            return false;
        }    
            form.action="<venus:base/>/UpLoadFileAction.do?cmd=upLoadImage";
           form.target="_self";
            form.submit(); 
    }
    
 </script>
</head>
<body>
<div class="Pageheader"><span>上传文件</span></div>
<form name="form" method="post" enctype="multipart/form-data"  target="_self">
<table width="100%" border="0" cellspacing="0" cellpadding="0"  class="centtab">
    <tr>
        <td class="bt">
        <table class="table_noFrame" width="100%">
            <tr>
                <td align="right" nowrap="nowrap">请选择上传的文件:</td>
                <td align="left" nowrap="nowrap" >
                    <input tabindex="2" type="file" class="text_field" id="uploadFile" name="uploadFile"    

inputName="文件名称" />
                    <input tabindex="3" name="button_ok"    class="button_ellipse" type="button" value="上传" 

onClick="javascript:update_onClick()">
                    <input type="hidden" value="<%=null!=path ?path:""%>" name="pagePath" id="_pagePath" /> 
                 </td>
            </tr>
        </table>
        </td>
    </tr>
</table>
</form>

  <script type="text/javascript">  
var _pagePath = document.getElementById("_pagePath").value;   
if(null!=_pagePath  && ""!=_pagePath){   
    window.returnValue=_pagePath;    
    window.close();    
}   
</script>    
</body>
</html>

ckeditor JavaScript 图片 模类 --------------------编程问答--------------------
没有人能够解答吗?
补充:Java ,  Java EE
CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,