?? toppanel.js
字號:
/*--------------------------------------------------|
| 本作品取得原作者授權修改自 support@tops.com.cn |
| 的作品topflow |
| |
| 浮動工具欄控件，作為本流程圖系統的增強功能使用 |
| |
| 版權歸上海雪線信息技術有限公司所有， |
| 技術支持：sales@shcommit.com （僅對付費用戶） |
| 網 站：www.shcommit.com |
| |
| 請勿私自拷貝、修改或用于商業用途 |
| 敬請保留本注釋. |
| |
| Updated: 20070613 |
|--------------------------------------------------*/
var _ToolBoxManager = [];
function TToolBox(id, caption, l, t, w, h, content, dir, expanded, mw, mh){
this.ID = id;
this.Caption = caption;
this.Left = l;
this.Top = t;
this.Width = w;
this.MinWidth = mw?mw:w;
this.Height = h;
this.MinHeight = mh?mh:h;
this.Content = content;
this.TitleHeight = 20;
this.Dir = dir;
this.TitleBtn = dir == "down"?new Array("down","up"):new Array("up","down");
this.InnerObject = null;
document.write(this);
this.InnerObject = document.all(this.ID);
this.Visible = true;
this.VisibleEx = true;
if(expanded == false) this.hideBox();
_ToolBoxManager[_ToolBoxManager.length] = this;
}
TToolBox.prototype.hideBox = function(){
var oTitle = document.all(this.ID+"_title");
var oContent = document.all(this.ID+"_content");
var oBottom = document.all(this.ID+"_bottom");
var oImg = document.all(this.ID+"_img");
this.InnerObject.style.height = this.TitleHeight;
oImg.src = "image/" + this.TitleBtn[0] + ".gif";
oImg.title = "單擊展開工具欄";
oContent.style.display = "none";
oBottom.style.display = "none";
oTitle.style.background = "#D4D0C8";
if(this.Dir == "up") this.InnerObject.style.top = this.Top;
this.Visible = false;
setToolBoxTopMost(this);
}
TToolBox.prototype.showBox = function(){
var oTitle = document.all(this.ID+"_title");
var oContent = document.all(this.ID+"_content");
var oBottom = document.all(this.ID+"_bottom");
var oImg = document.all(this.ID+"_img");
this.InnerObject.style.height = this.Height;
oImg.src = "image/" + this.TitleBtn[1] + ".gif";
oImg.title = "單擊收縮工具欄";
oContent.style.display = "block";
oBottom.style.display = "block";
oTitle.style.background = "#0066FF";
if(this.Dir == "up") this.InnerObject.style.top = this.Top - this.Height + this.TitleHeight;
this.Visible = true;
setToolBoxTopMost(this);
}
TToolBox.prototype.showHideTool = function(){
if(this.Visible)
this.hideBox();
else
this.showBox();
}
TToolBox.prototype.setZIndex = function(i){
this.InnerObject.style.zIndex = i;
}
TToolBox.prototype.mouseDown = function(){
if(event.button != 1) return;
var obj = event.srcElement;
setToolBoxTopMost(this);
if(!obj.moveType) return;
this.moveType = obj.moveType;
this.InnerObject.setCapture();
this.CurrentX = event.x - this.InnerObject.offsetLeft;
this.CurrentY = event.y - this.InnerObject.offsetTop;
}
TToolBox.prototype.mouseMove = function(){
switch(this.moveType){
case "m":
this.Left = event.x - this.CurrentX;
this.Top = event.y - this.CurrentY
this.InnerObject.style.left = this.Left;
this.InnerObject.style.top = this.Top;
break;
case "s":
this.Height = event.y - this.Top;
if(this.Height < this.MinHeight) this.Height = this.MinHeight;
this.InnerObject.style.height = this.Height;
break;
case "n":
var bOffset = this.InnerObject.offsetTop + this.Height;
this.Height = bOffset - event.y;
if(this.Height < this.MinHeight) this.Height = this.MinHeight;
this.Top = bOffset - this.Height;
this.InnerObject.style.top = this.Top;
this.InnerObject.style.height = this.Height;
break;
case "e":
this.Width = event.x - this.Left;
if(this.Width < this.MinWidth) this.Width = this.MinWidth;
this.InnerObject.style.width = this.Width;
break;
case "nw":
this.Width = event.x - this.Left;
this.Height = event.y - this.Top;
if(this.Height < this.MinHeight) this.Height = this.MinHeight;
if(this.Width < this.MinWidth) this.Width = this.MinWidth;
this.InnerObject.style.width = this.Width;
this.InnerObject.style.height = this.Height;
break;
}
}
TToolBox.prototype.mouseUp = function(){
this.moveType = "";
this.InnerObject.releaseCapture();
if(parseInt(this.InnerObject.style.top)<-10){
alert("工具欄上邊界超出邊界，將自動調整.");
this.InnerObject.style.top=30;
}
}
TToolBox.prototype.toString = function(){
S = '<table id="'+this.ID+'" class="toolbox" style="position:absolute;left:' + this.Left + 'px;top:' + this.Top + 'px;width:' +
this.Width + 'px;height:' + this.Height + 'px;z-index:3000" cellspacing="0" cellpadding="0" border="0" onmousedown="'+this.ID+'.mouseDown();" '+
'onmousemove="'+this.ID+'.mouseMove();" onmouseup="'+this.ID+'.mouseUp();">';
if(this.Dir == "down"){
S += '<tr id="'+this.ID+'_title" height="'+this.TitleHeight+'" bgcolor="#0066FF" style="cursor:move;"><td colspan="2" title="雙擊可以展開/收縮工具欄，按住左鍵移動位置" '+
'ondblclick="'+this.ID+'.showHideTool();"><table width="100%" height="100%" cellspacing="0" cellpadding="0" border="0"><tr><td width="99%" moveType="m"> <font color="#FFFFFF" moveType="m">' + this.Caption + '</font></td><td width="1%"><img id="'+this.ID+'_img" title="單擊收縮工具欄" src="image/' + this.TitleBtn[1] + '.gif" style="cursor:hand;" onclick="'+this.ID+'.showHideTool();" height="14" width="14" border="0"></td></tr></table></td></tr>' +
'<tr id="'+this.ID+'_content"><td valign="top">' + this.Content + ' </td><td width="2" style="cursor:E-resize;" moveType="e"></td></tr>' +
'<tr id="'+this.ID+'_bottom" height="2"><td style="cursor:S-resize;" moveType="s"></td><td style="cursor:NW-resize;" moveType="nw"></td</tr>';
}
else
S += '<tr id="'+this.ID+'_bottom" height="2"><td style="cursor:N-resize;" moveType="n"></td><td></td</tr>' +
'<tr id="'+this.ID+'_content"><td valign="top">' + this.Content + ' </td><td width="2" style="cursor:E-resize;" moveType="e"></td></tr>' +
'<tr id="'+this.ID+'_title" height="'+this.TitleHeight+'" bgcolor="#0066FF" style="cursor:move;"><td colspan="2" title="雙擊可以展開/收縮工具欄，按住左鍵移動位置" '+
'ondblclick="'+this.ID+'.showHideTool();"><table width="100%" height="100%" cellspacing="0" cellpadding="0" border="0"><tr><td width="99%" moveType="m"> <font color="#FFFFFF" moveType="m">' + this.Caption + '</font></td><td width="1%"><img id="'+this.ID+'_img" title="單擊收縮工具欄" src="image/' + this.TitleBtn[1] + '.gif" style="cursor:hand;" onclick="'+this.ID+'.showHideTool();" height="14" width="14" border="0"></td></tr></table></td></tr>';
S += '</table>';
return S;
}
function TToolPanel(id, l, t, w, h, content, mw){
this.ID = id;
this.Left = l;
this.Top = t;
this.Width = w;
this.MinWidth = mw?mw:w;
this.Height = h;
this.Content = content;
this.InnerObject = null;
document.write(this);
this.InnerObject = document.all(this.ID);
_ToolBoxManager[_ToolBoxManager.length] = this;
}
TToolPanel.prototype.setZIndex = function(i){
this.InnerObject.style.zIndex = i;
}
TToolPanel.prototype.toString = function(){
S = '<table id="'+this.ID+'" class="toolbox" style="position:absolute;left:' + this.Left + 'px;top:' + this.Top + 'px;width:' +
this.Width + 'px;height:' + this.Height + 'px;z-index:3000" cellspacing="0" cellpadding="0" border="0" onmousedown="'+this.ID+'.mouseDown();" '+
'onmousemove="'+this.ID+'.mouseMove();" onmouseup="'+this.ID+'.mouseUp();">' +
'<tr><td width="8" style="cursor:move;" moveType="m"><img moveType="m" src="image/tb_title.gif" height="25" width="5" border="0"></td><td>' + this.Content + '</td</tr>' +
'</table>';
return S;
}
TToolPanel.prototype.mouseDown = function(){
if(event.button != 1) return;
var obj = event.srcElement;
if(!obj.moveType) return;
this.moveType = obj.moveType;
this.InnerObject.setCapture();
this.CurrentX = event.x - this.InnerObject.offsetLeft;
this.CurrentY = event.y - this.InnerObject.offsetTop;
setToolBoxTopMost(this);
}
TToolPanel.prototype.mouseMove = function(){
switch(this.moveType){
case "m":
this.Left = event.x - this.CurrentX;
this.Top = event.y - this.CurrentY
this.InnerObject.style.left = this.Left;
this.InnerObject.style.top = this.Top;
break;
}
}
TToolPanel.prototype.mouseUp = function(){
this.moveType = "";
this.InnerObject.releaseCapture();
if(parseInt(this.InnerObject.style.top)<-10){
alert("工具欄上邊界超出邊界，將自動調整.");
this.InnerObject.style.top=0;
}
}
function setToolBoxTopMost(AToolBox){
for(var i = 0; i< _ToolBoxManager.length; i++)
_ToolBoxManager[i].setZIndex(3000);
AToolBox.setZIndex(3001);
}
?? 快捷鍵說明
復制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號
Ctrl + =
減小字號
Ctrl + -