xo.js

iRows提供了常见的表格制作功能

// Copyright (c) iRows.com. All rights reserved. Do not copy.
function getPosition(id){
var elem=document.getElementById(id)
var pos={left:0,top:0}
while(elem){
if(elem.style.position=='absolute')
break
pos.left+=elem.offsetLeft
pos.top+=elem.offsetTop
elem=elem.offsetParent
}
return pos
}
function trimText(text){
if(text==null)
return null
for(var si=0;si<text.length&&" \t".indexOf(text.charAt(si))>=0;si++){}
if(si>=text.length)
return""
for(var se=text.length-1;se>si&&" \t".indexOf(text.charAt(se))>=0;se--){}
return text.substring(si,se+1)
}
function showTip(tipId,fldid){
var coords=getPosition(fldid)
var x=coords.left
var y=coords.top+3
var tipwin=document.getElementById(tipId)
tipwin.style.position="absolute"
tipwin.style.left=x+"px"
tipwin.style.top=y+"px"
tipwin.style.visibility="visible"
tipwin.style.display="block"
var tipcon=document.getElementById('_tipcon')
if(tipcon){
tipcon.style.position="absolute"
tipcon.style.left=(x+8)+"px"
tipcon.style.top=(y-7)+"px"
tipcon.style.visibility="visible"
tipcon.style.display="block"
}}
function hideTip(tipId){
var tipwin=document.getElementById(tipId)
tipwin.style.visibility="hidden"
tipwin.style.display="none"
var tipcon=document.getElementById('_tipcon')
if(tipcon){
tipcon.style.visibility="hidden"
tipcon.style.display="none"
}}
function mainhelp(url){
window.open(url,'xomhelp','height=600,width=700,resizable=yes,menubar=yes,toolbar=yes,status=yes,scrollbars=yes,dependent=yes')
return false
}
function help(id){
window.open('help/'+id+'.do','xohelp','height=500,width=500,resizable=yes,menubar=yes,toolbar=yes,status=yes,scrollbars=yes,dependent=yes')
return false
}
function addToFavorites(urlAddress,pageName){
if(window.external){
window.external.AddFavorite(urlAddress,pageName)
}else{
alert("Your browser doesn't support this function. Please use the browser's toolbar.")
}}
function checkAllBoxesInForm(formId,prefix,checked){
var myForm=document.getElementById(formId)
for(var i=0;i<myForm.elements.length;i++){
var e=myForm.elements[i]
if(e.type=="checkbox"&&e.name.indexOf(prefix)==0){
e.checked=checked
}}}
function isAnyBoxChecked(formId,prefix){
var myForm=document.getElementById(formId)
for(var i=0;i<myForm.elements.length;i++){
var e=myForm.elements[i]
if(e.type=="checkbox"&&e.name.indexOf(prefix)==0){
if(e.checked)return true
}}
return false
}
function genHttpRequest(){
request=false
if(window.XMLHttpRequest){
request=new XMLHttpRequest()
if(request.overrideMimeType){
request.overrideMimeType('text/xml')
}
}else if(window.ActiveXObject){
try{
request=new ActiveXObject("Msxml2.XMLHTTP")
}catch(e){
try{
request=new ActiveXObject("Microsoft.XMLHTTP")
}catch(e){}}}
return request
}
function getWindowSize(){
if(self.innerWidth)
return{width:self.innerWidth,height:self.innerHeight}
else if(document.documentElement&&document.documentElement.clientWidth)
return{width:document.documentElement.clientWidth,height:document.documentElement.clientHeight}
else if(document.body)
return{width:document.body.clientWidth,height:document.body.clientHeight}
else return
}
function showModalDlg(title,body){
var winsize=getWindowSize()
var gp=document.getElementById("dlgbg")
gp.style.top="0px"
gp.style.left="0px"
gp.style.width=winsize.width+"px"
gp.style.height=winsize.height+"px"
gp.style.display="block"
var dlgb=document.getElementById("dlgb")
dlgb.innerHTML=body
var dlgtitle=document.getElementById("dlgtitle")
dlgtitle.innerHTML=title
var dlg=document.getElementById("dlg")
dlg.style.display="block"
var tr=document.getElementById("dlgtr")
var x=Math.max(0,(winsize.width-dlg.offsetWidth)/ 2)
var y=Math.max(0,(winsize.height-dlg.offsetHeight)/ 2)
dlg.style.top=y+"px"
dlg.style.left=x+"px"
var dlghnd=document.getElementById("dlgtitlehnd")
dlghnd.style.width=(dlg.offsetWidth-(12+4+2))+"px"
dlghnd.style.height=(12+4)+"px"
dlghnd.style.top=(y+2)+"px"
dlghnd.style.left=(x+2)+"px"
dlghnd.style.display="block"
Drag.init(dlghnd,null,0,winsize.width,0,winsize.height)
dlghnd.onDrag=function(x,y){
var p=document.getElementById("dlg")
p.style.left=(x-1)+"px"
p.style.top=(y-1)+"px"
}}
function closeModalDlg(){
var dlg=document.getElementById("dlg")
dlg.style.display="none"
var gp=document.getElementById("dlgbg")
gp.style.display="none"
var dlghnd=document.getElementById("dlgtitlehnd")
dlghnd.style.display="none"
}
var PM_ID="espop"
var PM_BODY_ID="espopb"
var PM_handler=null
var PM_ignoreCloseBefore=0
var PM_openId=null
var PM_onShow=null
function PM_pos(id){
var elem=document.getElementById(id)
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 PM_close_to(){
setTimeout("PM_close()",100)
}
function PM_close(){
var now=new Date().getTime()
if(now>PM_ignoreCloseBefore){
var pop=document.getElementById(PM_ID)
var popBody=document.getElementById(PM_BODY_ID)
popBody.innerHTML=''
pop.style.display='none'
PM_handler=null
document.onmousedown=null
PM_openId=null
}}
function PM_show(text,byid,openId){
var pos={top:0,left:0}
if(byid!=null)
pos=PM_pos(byid)
var popBody=document.getElementById(PM_BODY_ID)
popBody.innerHTML=text
var pop=document.getElementById(PM_ID)
pop.style.top=(pos.top+22)+"px"
pop.style.left=pos.left+"px"
pop.style.display="block"
PM_openId=openId
if(PM_onShow)
eval(PM_onShow())
PM_ignoreCloseBefore=new Date().getTime()+500
document.onmousedown=PM_close_to
var botPos=getPosition("espopbtm")
var winsize=getWindowSize()
if(botPos.top>winsize.height){
pop.style.top=(pos.top-(botPos.top-pos.top-22)-6)+"px"
}}
function PM_openMenu(){
return"<table border='0' cellspacing='0' cellpadding='1'>"
}
function PM_closeMenu(){
return"</table>"
}
function PM_option(icon,text,shortcut,eventId,enabled,disabledTip){
var c=""
if(enabled){
c+='<tr onmousedown="PM_action(&quot;'+eventId+'&quot;);return false" onmouseover="this.className=&quot;menu_pop_on&quot;" onmouseout="this.className=&quot;&quot;">'
c+='<td>'
if(icon!=null)
c+="<img src='image/tb_"+icon+".png' width='18' height='18' />"
c+='</td>'
c+='<td nowrap="true">'
if(shortcut){
c+="<table border='0' cellpadding='0' width='100%'><tr>"
c+="<td>"+text+"</td>"
c+="<td align='right'>"+shortcut+"</td>"
c+="</tr></table>"
}
else c+=text
c+='</td>'
c+='</tr>'
}
else{
c+='<tr>'
c+='<td>'
if(icon!=null)
c+="<img src='image/tb_"+icon+".png' width='18' height='18' />"
c+='</td>'
c+='<td nowrap="true" '+(disabledTip?'title="'+disabledTip+'" ':'')+'style="color:#808080">'
if(shortcut){
c+="<table border='0' cellpadding='0' width='100%'><tr>"
c+="<td style='color:#808080'>"+text+"</td>"
c+="<td align='right' style='color:#808080'>"+shortcut+"</td>"
c+="</tr></table>"
}
else c+=text
c+='</td>'
c+='</tr>'
}
return c
}
function PM_seperator(){
return'<tr><td colspan="2"><hr size="1"/></td></tr>'
}
function validateSheetName(name){
if(name.length==0){
alert("Data sheet name must be specified")
return false
}
return true
}
function validateLabel(label){
if(label.length==0)
return true
var rx=new RegExp("^[a-z][a-z|0-9|\_]*$","i")
if(!rx.test(label)){
alert("Labels can have only English letters, digits or underscores, and must start with a letter")
return false
}
return true
}
function sheetPropsDialog(name,tags,desc,label,handler){
var text="<table border='0'>"
text+="<tr valign='top'><td><b>Data sheet name:</b></td></tr><tr><td><input type='text' id='ds_name' size='40' value='"+name+"' /></td><td class='note'></td></tr>"
text+="<tr height='10'><td></td></tr>"
text+="<tr valign='top'><td><b>Tags:</b>&nbsp;<a href='#' onclick='return help(&quot;Tags&quot;)'>what are tags?</a></td></tr><tr><td><input type='text' id='ds_tags' size='40' value='"+tags+"' /></td><td class='note'>Optional. Separate with spaces</td></tr>"
text+="<tr height='10'><td></td></tr>"
text+="<tr valign='top'><td><b>Label:</b>&nbsp;<a href='#' onclick='return help(&quot;Label&quot;)'>what are labels?</a></td></tr><tr><td><input type='text' id='ds_label' size='40' maxlength='50' value='"+label+"' /></td><td class='note'>Optional. Used for references between sheets</td></tr>"
text+="<tr height='10'><td></td></tr>"
text+="<tr valign='top'><td><b>Data sheet description:</b></td></tr><tr><td><input type='text' id='ds_desc' size='40' value='"+desc+"' /></td><td class='note'>Optional</td></tr>"
text+="<tr height='10'><td></td></tr>"
text+="<tr><td colspan='2' align='center'>"
text+="<input type='button' class='btn' value='OK' onclick='"+handler+"' /> "
text+="<input type='button' class='btn' value='Cancel' onclick='closeModalDlg()' />"
text+="</td></tr>"
text+="</table>"
return text
}
var dsMenuClose=0
function dsMenuOver(){
dsMenuClose=0
var pop=document.getElementById("dsmenupop")
var pos=getPosition("dsmenu")
pop.style.left=pos.left+"px"
pop.style.top=(pos.top+16)+"px"
pop.style.display="block"
}
function dsMenuOut(){
dsMenuClose=new Date().getTime()
setTimeout("dsMenuHide("+dsMenuClose+")",500)
}
function dsMenuHide(tm){
if(tm==dsMenuClose){
var pop=document.getElementById("dsmenupop")
pop.style.display="none"
}}
function dsMenuIn(){
dsMenuClose=0
}