说明：第一对<div></div>的作用是当我们把鼠标移动到所上传的文件上时显示其相关信息；<iframe></iframe>标签的作用是供我们删除上传文件时做动作响应窗口的，即是将我们的删除动作在iframe中运行，目的是实现伪无刷新删除效果；最后一对<div></div>的作用是显示上传文件及文件夹的列表（2.4较以前版本对<body></body>标签中内容作了调整，老版该页面以<table></table>作为存放列表的容器，而新版直接将显示容器在js中生成，为了使文件显示div和iframe两组标签正常使用，故在body标签中加入一对<div></div>标签，使之能正常使用，在我的尝试中，倘若不这样修改似乎有错，当然不排除我方法不当的原因）
第二步，在文件的js代码区中加入：
复制代码 代码如下:
// add by jayliaoscu @ 2007-04-23 /*{{{{*/
// 显示文件显示层
function showDiv( fileUrl )
{
var name = fileUrl;
//获取文件类型
var suffix = name.substring(name.lastIndexOf(".")+1);
var div= document.getElementById("showFile");
div.content = "";
div.style.position = "absolute";
div.content += "<table cellpadding='3' cellspacing='1' bgcolor='#737357'><tbody><tr><td bgcolor='#C7C78F'><table cellpadding='0' cellspacing='0'><tbody><tr><td> <a href='javascript:'><font color='#000000'>关闭</font></a></td><td><a href='javascript:'><font color='#000000'>删除</font></a> </td></tr></tbody></table></td></tr>";
if (suffix=='gif' || suffix=="jpg" || suffix=="jpeg" || suffix=="bmp" || suffix=="png")
{
div.content += "<tr><td bgcolor='#C7C78F'><img src='" + fileUrl + "'></td></tr>";
}
else
{
div.content += "<tr><td bgcolor='#C7C78F'><strong>该类型不能预览</strong></td></tr>";
}
div.content += "</tbody></table>";
div.innerHTML = div.content;
div.style.display = "";
div.style.top = event.y+document.body.scrollTop+10;
div.style.left = event.x+document.body.scrollLeft+30;
}
// 隐藏文件显示层
function hiddenDiv()
{
var div= document.getElementById("showFile");
div.style.display ="none";
}
// 在iframe中删除文件
function delFile( fileUrl )
{
if(!confirm('你确定删除该文件？'))
return;
var url = '/fckeditor/del_file.php?filePath='+ fileUrl;
window.open(url, "iframe_del");
Refresh();
}
///*}}}*/
第三步，修改本页面原有js
修改：
复制代码 代码如下:
oListManager.Clear = function()
{
document.body.innerHTML = '' ;
}
为：
复制代码 代码如下:
oListManager.Clear = function()
{
hiddenDiv();
document.getElementById("body_content").innerHTML = '' ; // body_content为我们在body区域增加的div标签
}
找到：
复制代码 代码如下:
var sLink = '<a href="#">' ;
修改为：
复制代码 代码如下:
var sLink = '<a href="#">' ; // 即是文件信息显示功能
修改：
复制代码 代码如下:
function Refresh()
{
LoadResources( oConnector.ResourceType, oConnector.CurrentFolder ) ;
}
为：
复制代码 代码如下:
function Refresh()
{
hiddenDiv(); // 所作修改，为了刷新列表时默认隐藏文件显示层
LoadResources( oConnector.ResourceType, oConnector.CurrentFolder ) ;
}
修改函数：GetFoldersAndFilesCallBack，找到：
复制代码 代码如下:
document.body.innerHTML = oHtml.ToString() ;
修改为：
复制代码 代码如下: