//显示层样例代码
function callshowmaskExample(popsrcstr){
//弹出层 赋src
var popdivframe=document.getElementById('pop_div_tabs_frame');
if(popdivframe){
popdivframe.src="/jsp/homepage/newOASMS.jsp";
var fade_height= window.document.body.clientHeight;//遮照高度
var div_height=250;//当前pop 高度,宽度
var div_width=390;
// var subframe=document.frames('south2_frame');//隐藏下方select
showmask(fade_height,div_width,div_height,null,220,460);
}//if
}
//callshowmaskExample("/jsp/homepage/newOASMS.jsp");
-------------------------------------------------
//>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>弹出层 begin<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
var subframe;
/*显示层
*@paraHeight:遮照的高度,默认为首页屏幕高度
*@div_width:显示的div宽度,默认宽:350
*@div_height:显示的div高度,默认200
*@subframeobj:子页面iframe对象
*@div_top:显示的div的上方高度.2008-10-24加入
*@div_left:显示的div的左边宽度.2008-10-24加入
*/
function showmask(paraHeight,div_width,div_height,subframeobj,div_top,div_left){
var t_light=document.getElementById('light');//显示层
var closeButton=document.getElementById('closeButton');//关闭按钮
var t_fade=document.getElementById('fade');//遮挡背景
//var sels = document.getElementsByTagName("select");//当前页面下拉框
if (paraHeight>t_fade.style.height) t_fade.style.height=paraHeight;
if(div_width>350){
t_light.style.width=div_width;
t_light.style.height=div_height;
}
t_fade.style.display='block';
t_light.style.display='block';
closeButton.style.display='block';
//层定位
t_light.style.left=(document.body.clientWidth/2) - (t_light.offsetWidth/2);
t_light.style.top=(document.body.clientHeight/2) - (t_light.offsetHeight/2);
if(div_top&&div_top!=null) t_light.style.top=parseInt(div_top);
if(div_left&&div_left!=null) t_light.style.left=parseInt(div_left);
closeButton.style.left=parseInt(t_light.style.left)+parseInt(t_light.offsetWidth)-10;
closeButton.style.top=parseInt(t_light.style.top)-10;
//增加loading效果,调用page_load.js
//divAddLoad(parseInt(t_light.style.left)+10,parseInt(t_light.style.top)+10,parseInt(div_width)-20,parseInt(div_height)-20);
//获取层中iframe
var pop_div_tabs_frame = document.getElementById("pop_div_tabs_frame");
pop_div_tabs_frame.style.visibility="hidden";
//判断iframe状态
pop_div_tabs_frame.onreadystatechange=function(){fnStartInit(this)};
//隐藏当前页面下拉框隐藏
//for(var i=0; i
// sels[i].style.visibility = "hidden";
//}
//隐藏子页面下拉框
subframe=subframeobj;
if(subframe){
var subselectobj =subframe.document.getElementsByTagName("select");
for(var i=0; i
subselectobj[i].style.visibility = "hidden";
}
}
}
//iframe状态判断
function fnStartInit(obj)
{
if(obj.readyState == "complete"){
// divRemoveLoad();
obj.style.visibility="visible";
return;
}
}
/*
*关闭层
*/
function hidemask(){
document.getElementById('light').style.display='none';
closeButton.style.display='none';
document.getElementById('fade').style.display='none';
if(subframe){
//将下拉框显示
var subselectobj = subframe.document.getElementsByTagName("select");
for(var i=0; i
subselectobj[i].style.visibility = "visible";
}
divRemoveLoad();//去掉遮照
}
}
//>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>弹出层 结束<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
posted on 2008-12-20 14:19 李云泽 阅读(2359) 评论(0) 编辑 收藏 所属分类: javascript