FCKEditor增加带确认的“删除”功能和图片预览功能

知识无界限，和大家一起分享。

   增加"删除"功能

 

 

【frmresourceslist.html】

 <script src="js/jquery-1.4.4.js" type="text/javascript"></script>

 

 

oListManager.GetFileRowHtml = function (fileName, fileUrl, fileSize) {
    // Build the link to view the folder.  
    var sLink = '<a id="aLink" href="#" onclick="OpenFile(/'' + ProtectPath(fileUrl) + '/');return false;" alt="' + ProtectPath(fileUrl) + '" onmouseover="$(/'#ShowImg img/').attr(/'src/',/'' + ProtectPath(fileUrl) + '/');$(/'#ShowImg/').removeClass(/'hide/');"  onmouseout="$(/'#ShowImg img/').attr(/'src/',/'images/loading.gif/');$(/'#ShowImg/').addClass(/'hide/');">';
    //var sLink = '<a href="#" mce_href="#"  onclick="OpenFile(/'' + ProtectPath(fileUrl) + '/');return false;">';

    // Get the file icon.  
    var sIcon = oIcons.GetIcon(fileName);

    return '<tr>' + '<td width="16">' + sLink + '<img alt="" src="images/icons/' + sIcon + '.gif" mce_src="images/icons/' + sIcon + '.gif" width="16" height="16"  border="0"> <//a>' +
         '<//td><td> ' + sLink + fileName +
         '<//a> <a href="#" mce_href="#" onclick="if(confirm(/'您确定要删除吗?/'))deleteFile(/'' + ProtectPath(fileUrl) + '/');else  return false;" style="color: #FF9933;" mce_style="color: #FF9933;"> 删除 <//a>' + '<//td><td align="right" nowrap> ' + fileSize + ' KB' + '<//td><//tr>';
} 

 

 

【common.js】
//***************************** 图片删除功能 （感谢原作者）***************************************  
var req;                    //定义变量，用来创建xmlhttprequest对象   
 
//产生不重复的随机数  
var rn = Math.ceil(Math.random() * 1000000);  
var rnch = rn;  
 
function rndnum() {  
    while (rn == rnch) rn = Math.ceil(Math.random() * 1000000);  
    rnch = rn;  
    return rn;  
}  
 
// 删除文件,Ajax开始  
function deleteFile(file) {  
    var url = "FCKdel_file.aspx?filePath=" + escape(file) + "&UD=" + rndnum();                  //要请求的服务端地址     
    if (window.XMLHttpRequest)                                                                  //非IE浏览器及IE7(7.0及以上版本)，用xmlhttprequest对象创建     
    {  
        req = new XMLHttpRequest();  
    }  
    else if (window.ActiveXObject)                                                              //IE(6.0及以下版本)浏览器用activexobject对象创建,如果用户浏览器禁用了ActiveX,可能会失败.     
    {  
        req = new ActiveXObject("Microsoft.XMLHttp");  
    }  
      
    if (req)                                                                                    //成功创建xmlhttprequest  
    {  
        req.open("GET", url, true);                                                             //与服务端建立连接(请求方式post或get，地址,true表示异步)     
        req.onreadystatechange = callback;                                                      //指定回调函数     
        req.send(null);                                                                         //发送请求     
    }  
}  
 
function callback() {      
    Refresh();      //刷新一下   
} 

 

 

增加预览功能

【 frmresourceslist.html】

 oHtml.Append('<div id="ShowImg" class="hide"><img src="images/loading.gif" width="200px" height="150px" alt="" /></div>');

 

 

 【browser.css】

#ShowImg
{
 border: 1px solid #D3D2BA;
 background-color: #fff;
 position: absolute;
 top: 20px;
 left: 300px;
 padding:3px;
}

.hide
{
 display:none;
}