📄 imagebox.js
字号:
ImageBox = {
body : null,
show : function(url)
{
var box = jspp.window.frmView;
if (box)
{
if (box.tray)
{
box.delTray();
}
ImageBox.body.innerHTML = "如果您不能看到图片，它可能是一个非图片文件<br/>" +
"<img src=\"" + url + "\" border=\"0\" /><br/>" +
"<a href=\"" + url + "\" target=\"_blank\">点此下载</a><br/>";
}
else
{
box = new xWindow("frmView", "width=300,height=200,overflowX=auto,overflowY=auto");
box.setCaption(jspp.Caption + " 文件预览");
var obj = ImageBox.body = document.createElement("DIV");
obj.style.width = "280px";
obj.style.height = "150px";
obj.style.fontSize = "12px";
obj.style.fontFamily = "楷体";
obj.style.overflowX = "auto";
obj.style.overflowY = "auto";
obj.innerHTML = "如果您不能看到图片，它可能是一个非图片文件<br/>" +
"<img src=\"" + url + "\" border=\"0\" /><br/>" +
"<a href=\"" + url + "\" target=\"_blank\">点此下载</a><br/>";
box.draw(obj, 10, 10);
box.center();
}
},
filter : function(obj, x)
{
obj.style.filter = "alpha(opacity=" + (x == 1 ? 50 : 100) + ")";
obj.style.opacity = (x == 1 ? 0.5 : 1);
},
list : function(frmId, max, page, sid)
{
var LineSize = 8;
var PageSize = LineSize * 3;
var TotalRow = max;
var TotalPage = parseInt(TotalRow / PageSize) + (TotalRow % PageSize == 0 ? 0 : 1);
var PageNum = page;
if (PageNum < 0) PageNum = 1;
if (PageNum > TotalPage) PageNum = TotalPage;
var tbl = document.createElement("TABLE");
tbl.width = LineSize * 30;
tbl.border = "1";
tbl.cellPadding = "0";
tbl.cellSpacing = "0";
tbl.borderColor = "#004080";
tbl.style.borderCollapse = "collapse";
var trx, tdx;
var i, k;
var x = 0, y = 0, z = 0;
for (i = (PageNum - 1) * PageSize + 1; i < PageNum * PageSize && i <= TotalRow; i += LineSize)
{
z++;
trx = tbl.insertRow(x++);
y = 0;
for (k = i; k < i + LineSize; k++)
{
tdx = trx.insertCell(y++);
tdx.width = "30";
tdx.height = "30";
tdx.align = "center";
tdx.valign = "middle";
tdx.style.backgroundColor = "#F2F9FD";
tdx.style.cursor = "pointer";
tdx.onmouseover = function()
{
this.style.backgroundColor = "#CDDFF1";
};
tdx.onmouseout = function()
{
this.style.backgroundColor = "#F2F9FD";
};
if (k > TotalRow)
{
tdx.innerHTML = " "
}
else
{
tdx.onclick = function()
{
var did = this.id.match(/^_list_(\d+)$/)[1];
Form.setValue(frmId + ".List", did);
var obj = document.getElementById("ListShow");
obj.src = jspp.Home + "images/list" + did + ".gif";
obj.onclick = function()
{
ImageBox.list(frmId, max, 1, did);
};
jspp.window.frmIcon.free();
};
if ( k == sid)
{
tdx.id = "_list_0";
tdx.innerHTML = "<img src=\"" + jspp.Home + "images/list0.gif\" border=\"0\" align=\"absBottom\" />";
}
else
{
tdx.id = "_list_" + k;
tdx.innerHTML = "<img src=\"" + jspp.Home + "images/list" + k + ".gif\" border=\"0\" align=\"absBottom\" />";
}
}
}
}
var trx = tbl.insertRow(z);
var tdx = trx.insertCell(0);
tdx.colSpan = LineSize;
tdx.align = "right";
tdx.style.backgroundColor = "#004080";
tdx.style.paddingRight = "6px";
for (var i = 1; i <= TotalPage; i++)
{
if (i == PageNum)
{
tdx.innerHTML += "<a class=\"a2\">" + i + "</a> ";
}
else
{
tdx.innerHTML += "<a href=\"javascript:void(0)\" onclick=\"ImageBox.list('" + frmId + "', " + max + ", " + i + ", " + sid + ")\" class=\"a2\">" + i + "</a> ";
}
}
var box = new xWindow("frmIcon", "width=262,height=154,overflowX=auto,overflowY=auto,minButton=false,maxButton=false", true);
box.setCaption(jspp.Caption + " 选择栏目小图标");
box.draw(tbl, 10, 10);
box.center();
},
listx : function(objId, max, page, sid)
{
var LineSize = 8;
var PageSize = LineSize * 3;
var TotalRow = max;
var TotalPage = parseInt(TotalRow / PageSize) + (TotalRow % PageSize == 0 ? 0 : 1);
var PageNum = page;
if (PageNum < 0) PageNum = 1;
if (PageNum > TotalPage) PageNum = TotalPage;
var tbl = document.createElement("TABLE");
tbl.width = LineSize * 30;
tbl.border = "1";
tbl.cellPadding = "0";
tbl.cellSpacing = "0";
tbl.borderColor = "#004080";
tbl.style.borderCollapse = "collapse";
var trx, tdx;
var i, k;
var x = 0, y = 0, z = 0;
for (i = (PageNum - 1) * PageSize + 1; i < PageNum * PageSize && i <= TotalRow; i += LineSize)
{
z++;
trx = tbl.insertRow(x++);
y = 0;
for (k = i; k < i + LineSize; k++)
{
tdx = trx.insertCell(y++);
tdx.width = "30";
tdx.height = "30";
tdx.align = "center";
tdx.valign = "middle";
tdx.style.backgroundColor = "#F2F9FD";
tdx.style.cursor = "pointer";
tdx.onmouseover = function()
{
this.style.backgroundColor = "#CDDFF1";
};
tdx.onmouseout = function()
{
this.style.backgroundColor = "#F2F9FD";
};
if (k > TotalRow)
{
tdx.innerHTML = " "
}
else
{
tdx.onclick = function()
{
var did = this.id.match(/^_list_(\d+)$/)[1];
var ptr = jspp.Host + jspp.Home + "images/list" + did + ".gif";
Form.setValue(objId, ptr);
document.getElementById("ImageURL").src = ptr;
jspp.window.frmIcon.free();
};
if ( k == sid)
{
tdx.id = "_list_0";
tdx.innerHTML = "<img src=\"" + jspp.Home + "images/list0.gif\" border=\"0\" align=\"absBottom\" />";
}
else
{
tdx.id = "_list_" + k;
tdx.innerHTML = "<img src=\"" + jspp.Home + "images/list" + k + ".gif\" border=\"0\" align=\"absBottom\" />";
}
}
}
}
var trx = tbl.insertRow(z);
var tdx = trx.insertCell(0);
tdx.colSpan = LineSize;
tdx.align = "right";
tdx.style.backgroundColor = "#004080";
tdx.style.paddingRight = "6px";
for (var i = 1; i <= TotalPage; i++)
{
if (i == PageNum)
{
tdx.innerHTML += "<a class=\"a2\">" + i + "</a> ";
}
else
{
tdx.innerHTML += "<a href=\"javascript:void(0)\" onclick=\"ImageBox.listx('" + objId + "', " + max + ", " + i + ", " + sid + ")\" class=\"a2\">" + i + "</a> ";
}
}
var box = new xWindow("frmIcon", "width=262,height=154,overflowX=auto,overflowY=auto,minButton=false,maxButton=false", true);
box.setCaption(jspp.Caption + " 选择栏目小图标");
box.draw(tbl, 10, 10);
box.center();
},
bist : function(frmId, max, page, sid)
{
var LineSize = 4;
var PageSize = LineSize * 3;
var TotalRow = max;
var TotalPage = parseInt(TotalRow / PageSize) + (TotalRow % PageSize == 0 ? 0 : 1);
var PageNum = page;
if (PageNum < 0) PageNum = 1;
if (PageNum > TotalPage) PageNum = TotalPage;
var tbl = document.createElement("TABLE");
tbl.width = LineSize * 60;
tbl.border = "1";
tbl.cellPadding = "0";
tbl.cellSpacing = "0";
tbl.borderColor = "#004080";
tbl.style.borderCollapse = "collapse";
var trx, tdx;
var i, k;
var x = 0, y = 0, z = 0;
for (i = (PageNum - 1) * PageSize + 1; i < PageNum * PageSize && i <= TotalRow; i += LineSize)
{
z++;
trx = tbl.insertRow(x++);
y = 0;
for (k = i; k < i + LineSize; k++)
{
tdx = trx.insertCell(y++);
tdx.width = "60";
tdx.align = "center";
tdx.valign = "middle";
tdx.style.backgroundColor = "#F2F9FD";
tdx.style.cursor = "pointer";
tdx.onmouseover = function()
{
this.style.backgroundColor = "#CDDFF1";
};
tdx.onmouseout = function()
{
this.style.backgroundColor = "#F2F9FD";
};
if (k > TotalRow)
{
tdx.innerHTML = " "
}
else
{
tdx.onclick = function()
{
var did = this.id.match(/^_bist_(\d+)$/)[1];
Form.setValue(frmId + ".Bist", did);
var obj = document.getElementById("BistShow");
obj.src = jspp.Home + "images/bist" + did + ".gif";
obj.onclick = function()
{
ImageBox.bist(frmId, max, 1, did);
};
jspp.window.frmIcon.free();
};
if ( k == sid)
{
tdx.id = "_bist_0";
tdx.innerHTML = "<img src=\"" + jspp.Home + "images/bist0.gif\" border=\"0\" align=\"absBottom\" />";
}
else
{
tdx.id = "_bist_" + k;
tdx.innerHTML = "<img src=\"" + jspp.Home + "images/bist" + k + ".gif\" border=\"0\" align=\"absBottom\" />";
}
}
}
}
var trx = tbl.insertRow(z);
var tdx = trx.insertCell(0);
tdx.colSpan = LineSize;
tdx.align = "right";
tdx.style.backgroundColor = "#004080";
tdx.style.paddingRight = "6px";
for (var i = 1; i <= TotalPage; i++)
{
if (i == PageNum)
{
tdx.innerHTML += "<a class=\"a2\">" + i + "</a> ";
}
else
{
tdx.innerHTML += "<a href=\"javascript:void(0)\" onclick=\"ImageBox.bist('" + frmId + "', " + max + ", " + i + ", " + sid + ")\" class=\"a2\">" + i + "</a> ";
}
}
var box = new xWindow("frmIcon", "width=282,height=154,overflowX=auto,overflowY=auto,minButton=false,maxButton=false", true);
box.setCaption(jspp.Caption + " 选择栏目大图标");
box.draw(tbl, 10, 10);
box.center();
}
};
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -