shui.js

在线ExeclCopyright (c) iRows.com. All rights reserved. Do not copy

// Copyright (c) iRows.com. All rights reserved. Do not copy.
var SHUI_SCROLL_BOX_SIZE=16
var SHUI_MIN_VIEW_WIDTH=100
var SHUI_MIN_VIEW_HEIGHT=60
var SHUI_BASE=''
var SHUI_allControls
function SheetUI(initCmds,ownerId){
var UI=new Object()
if(!SHUI_allControls)
SHUI_allControls=[]
UI.id=SHUI_allControls.length
SHUI_allControls[UI.id]=UI
UI.initCmds=initCmds
UI.ownerId=ownerId
UI.sheetSize={width:850,height:400}
UI.generateSheet=function(){SHUI_generateSheet(UI)}
UI.getLastModified=function(){return SHUI_getLastModified(UI)}
UI.resetLastModified=function(){SHUI_resetLastModified(UI)}
UI.getModelData=function(){return SHUI_getModelData(UI)}
UI.setOwner=function(oid){SHUI_setOwner(UI,oid)}
UI.getFrame=function(){return SHUI_getFrame(UI.id)}
UI.resize=function(w,h){SHUI_resize(w,h,UI)}
return UI
}
function SHUI_getPosition(elem){
var pos=new Object()
pos.left=0
pos.top=0
while(elem){
if(elem.style.position=='absolute')
break
pos.left+=elem.offsetLeft
pos.top+=elem.offsetTop
elem=elem.offsetParent
}
return pos
}
function SHUI_getPotisionById(id){
var item=document.getElementById(id)
return SHUI_getPosition(item)
}
function SHUI_getFrame(id){
return window.frames["shui_main"+id]
}
function SHUI_getLastModified(UI){
var lm=0
var f=SHUI_getFrame(UI.id)
if(f&&f.model)
lm=f.model.getLastModified()
return lm
}
function SHUI_resetLastModified(UI){
var f=SHUI_getFrame(UI.id)
if(f&&f.model)
f.model.resetLastModified()
}
function SHUI_getModelData(UI){
var f=SHUI_getFrame(UI.id)
return f.model.toXml()
}
function SHUI_setOwner(UI,oid){
var f=SHUI_getFrame(UI.id)
return f.model.setOwner(oid)
}
function SHUI_generateScrollButton(id,dir){
var c='<img src="'+SHUI_BASE+'image/srcl'+dir+'.png" width="'+SHUI_SCROLL_BOX_SIZE+'" height="'+SHUI_SCROLL_BOX_SIZE+'" border="0" onmousedown="SHUI_scrollStart('+id+',&quot;'+dir+'&quot;)" onmouseup="SHUI_scrollStop('+id+')" onmouseout="SHUI_scrollStop('+id+')" />'
return c
}
function SHUI_generateSheet(UI){
UI.sheetSize.width=Math.max(SHUI_MIN_VIEW_WIDTH,UI.sheetSize.width)
UI.sheetSize.height=Math.max(SHUI_MIN_VIEW_HEIGHT,UI.sheetSize.height)
var uic=''
uic+='<table border="0" cellpadding="0" cellspacing="0" style="border:1px solid #404040;">'
uic+='<tr><td>'
uic+='<iframe id="shui_main'+UI.id+'" name="shui_main'+UI.id+'" src="'+SHUI_BASE+'Sheet.htm"'
uic+=' frameborder="no" scrolling="no" marginheight="0" marginwidth="0"'
uic+=' style="width:'+UI.sheetSize.width+'px;height:'+UI.sheetSize.height+'px;position:relative; ">'
uic+='</iframe>'
uic+='</td><td bgcolor="#f7f7f7">'
uic+=SHUI_generateScrollButton(UI.id,'u')
var midlenH=UI.sheetSize.height-(2*SHUI_SCROLL_BOX_SIZE)
uic+='<br /><img id="shui_bg_scrlV'+UI.id+'" src="'+SHUI_BASE+'image/s.png" width="'+SHUI_SCROLL_BOX_SIZE+'" height="'+midlenH+'" onMousedown="SHUI_onClickScrollBgV('+UI.id+',event)" /><br />'
uic+=SHUI_generateScrollButton(UI.id,'d')
uic+='</td>'
uic+='</tr><tr>'
var midlenW=UI.sheetSize.width-(2*SHUI_SCROLL_BOX_SIZE)
uic+='<td bgcolor="#f7f7f7">'
uic+=SHUI_generateScrollButton(UI.id,'l')
uic+='<img id="shui_bg_scrlH'+UI.id+'" src="'+SHUI_BASE+'image/s.png" width="'+midlenW+'" height="'+SHUI_SCROLL_BOX_SIZE+'" onmousedown="SHUI_onClickScrollBgH('+UI.id+',event)" />'
uic+=SHUI_generateScrollButton(UI.id,'r')
uic+='</td><td bgcolor="#d0ddfc">'
uic+='</td></tr>'
uic+='</table>'
uic+='<img id="shui_scrlH'+UI.id+'" height="14" src="'+SHUI_BASE+'image/scrlh.png" style="position:absolute;display:none;border:1px solid #afc5f4;" />'
uic+='<img id="shui_scrlV'+UI.id+'" width="14" src="'+SHUI_BASE+'image/scrlh.png" style="position:absolute;display:none;border:1px solid #afc5f4;" />'
uic+='<img id="shui_glass'+UI.id+'" width="10" height="10" src="'+SHUI_BASE+'image/s.png" style="position:absolute;display:none" />'
document.write(uic)
SHUI_initSheet(UI.id)
}
function SHUI_addGlassPane(UI,hasBorder,includeScrollbars){
var sharea=SHUI_getPotisionById('shui_main'+UI.id)
var mask=document.getElementById("shui_glass"+UI.id)
mask.style.border=hasBorder?"1px solid black":""
mask.style.display="block"
mask.width=UI.sheetSize.width+includeScrollbars?SHUI_SCROLL_BOX_SIZE:0
mask.height=UI.sheetSize.height+includeScrollbars?SHUI_SCROLL_BOX_SIZE:0
mask.style.top=sharea.top+"px"
mask.style.left=sharea.left+"px"
}
function SHUI_removeGlassPane(UI){
var sharea=SHUI_getPotisionById('shui_main'+UI.id)
var mask=document.getElementById("shui_glass"+UI.id)
mask.style.border=""
mask.style.display="none"
}
function SHUI_initSheet(uiid){
var sheet=SHUI_getFrame(uiid)
if(!sheet){
setTimeout("SHUI_initSheet("+uiid+")",250)
return
}
if(!sheet.isReady){
setTimeout("SHUI_initSheet("+uiid+")",250)
return
}
sheet.setWrapper(uiid,window)
var UI=SHUI_allControls[uiid]
sheet.init(UI.sheetSize.width,UI.sheetSize.height,UI.initCmds,UI.ownerId)
}
var scrollDir=null
var scrollUIID=0
function SHUI_scrollStart(uiid,dir){
SHUI_scroll(uiid,dir)
scrollDir=dir
scrollUIID=uiid
setTimeout('SHUI_scrollTick()',200)
}
function SHUI_scrollStop(){
scrollDir=null
scrollUIID=0
}
function SHUI_scrollTick(){
if(scrollDir){
SHUI_scroll(scrollUIID,scrollDir)
setTimeout('SHUI_scrollTick()',150)
}}
function SHUI_scroll(uiid,dir){
SHUI_getFrame(uiid).scroll(dir,1)
}
function SHUI_setHScrollRange(uiid,hstart,hlen){
var UI=SHUI_allControls[uiid]
var hsc=document.getElementById('shui_scrlH'+UI.id)
var hscarea=SHUI_getPotisionById('shui_bg_scrlH'+UI.id)
hsc.width=hlen
hsc.style.top=hscarea.top+'px'
hsc.style.left=(hscarea.left+hstart)+'px'
hsc.style.display='block'
var min=hscarea.left
var max=hscarea.left+UI.sheetSize.width-hlen-(2*SHUI_SCROLL_BOX_SIZE)
Drag.init(hsc,null,min,max,hscarea.top,hscarea.top)
hsc.onDragStart=function(x,y){
SHUI_addGlassPane(UI,false,false)
UI.dragStartPos=x
}
hsc.onDragEnd=function(x,y){
SHUI_removeGlassPane(UI)
if(x!=UI.dragStartPos){
var pct=(x-min)/(max-min)
var sheet=SHUI_getFrame(uiid)
sheet.HScrollDrag(pct)
}
UI.dragStartPos=null
}}
function SHUI_setVScrollRange(uiid,vstart,vlen){
var UI=SHUI_allControls[uiid]
var vsc=document.getElementById('shui_scrlV'+UI.id)
var vscarea=SHUI_getPotisionById('shui_bg_scrlV'+UI.id)
vsc.height=vlen
vsc.style.top=(vscarea.top+vstart)+'px'
vsc.style.left=vscarea.left+'px'
vsc.style.display='block'
var min=vscarea.top
var max=vscarea.top+UI.sheetSize.height-vlen-2*(SHUI_SCROLL_BOX_SIZE)
Drag.init(vsc,null,vscarea.left,vscarea.left,min,max)
vsc.onDragStart=function(x,y){
SHUI_addGlassPane(UI,false,false)
UI.dragStartPos=y
}
vsc.onDragEnd=function(x,y){
SHUI_removeGlassPane(UI)
if(y!=UI.dragStartPos){
var pct=(y-min)/(max-min)
var sheet=SHUI_getFrame(uiid)
sheet.VScrollDrag(pct)
}
UI.dragStartPos=null
}}
function SHUI_onClickScrollBgH(uiid,event){
var UI=SHUI_allControls[uiid]
var x=event.clientX
var hsc=document.getElementById('shui_scrlH'+UI.id)
var handleStartPos=parseInt(hsc.style.left)
var dir
if(x<handleStartPos)
dir='l'
else
dir='r'
var sheet=SHUI_getFrame(uiid)
sheet.scrollPage(dir)
}
function SHUI_onClickScrollBgV(uiid,event){
var UI=SHUI_allControls[uiid]
var y=event.clientY
var vsc=document.getElementById('shui_scrlV'+UI.id)
var handleStartPos=parseInt(vsc.style.top)
var dir
if(y<handleStartPos)
dir='u'
else
dir='d'
var sheet=SHUI_getFrame(uiid)
sheet.scrollPage(dir)
}
function SHUI_resize(w,h,UI){
var sh=document.getElementById("shui_main"+UI.id)
sh.style.width=w+"px"
sh.style.height=h+"px"
UI.sheetSize.width=w
UI.sheetSize.height=h
var midlenH=UI.sheetSize.height-(2*SHUI_SCROLL_BOX_SIZE)
document.getElementById("shui_bg_scrlV"+UI.id).height=midlenH
var midlenW=UI.sheetSize.width-(2*SHUI_SCROLL_BOX_SIZE)
document.getElementById("shui_bg_scrlH"+UI.id).width=midlenW
var sheet=SHUI_getFrame(UI.id)
if(sheet)
sheet.resize(w,h)
}