将被层遮挡的所有select隐藏

有时候层被select控件遮住，很不爽，写了个方法，将被层遮挡的所有select隐藏（防止select控件遮住了层），可以试试下面的代码。 (特别送给bestcomy ，希望他的AspnetUpload 越来越强，支持国产)

// 隐藏被ID为objID的对象（层）遮挡的所有select
function HideOverSels(objID)
{
    var sels = document.getElementsByTagName('select'); 
    for (var i = 0; i < sels.length; i++) 
      if (Obj1OverObj2(document.all[objID], sels[i]))
        sels[i].style.visibility = 'hidden';          
}

//判断obj1是否遮挡了obj2
function Obj1OverObj2(obj1, obj2)
{
  var pos1 = getPosition(obj1) 
  var pos2 = getPosition(obj2) 
  var result = true; 
  var obj1Left = pos1.left - window.document.body.scrollLeft; 
  var obj1Top = pos1.top - window.document.body.scrollTop; 
  var obj1Right = obj1Left + obj1.offsetWidth; 
  var obj1Bottom = obj1Top + obj1.offsetHeight;
  var obj2Left = pos2.left - window.document.body.scrollLeft; 
  var obj2Top = pos2.top - window.document.body.scrollTop; 
  var obj2Right = obj2Left + obj2.offsetWidth; 
  var obj2Bottom = obj2Top + obj2.offsetHeight;
  
  if (obj1Right <= obj2Left || obj1Bottom <= obj2Top || 
      obj1Left >= obj2Right || obj1Top >= obj2Bottom) 
    result = false; 
  return result; 
}

// 获取对象的坐标
function getPosition(Obj) 
{
	for (var sumTop=0,sumLeft=0;Obj!=window.document.body;sumTop+=Obj.offsetTop,sumLeft+=Obj.offsetLeft, Obj=Obj.offsetParent);
	return {left:sumLeft,top:sumTop}
}
</script>

<div style="position: absolute;left:10px;top:20px;width:200px;height:200px;border:1px solid red;" id="div1">
看看这个层下面的select是不是都隐藏了：）
</div>
<select name="">
	<option>test1</option>
	<option>test2</option>
	<option>test3</option>
</select>
<P />

发表于 2004年8月2日 19:12

# re: 将被层遮挡的所有select隐藏

thanks for your share

2004-8-2 19:15 | bestcomy

# re: 将被层遮挡的所有select隐藏

不起作用

2007-11-18 22:25 | 多发

Post Comment

主题
姓名
主页
校验码
内容
记住我的信息

# re: 将被层遮挡的所有select隐藏

# re: 将被层遮挡的所有select隐藏

宝玉

导航

公告

文章分类

存档

随笔分类

相册

娱乐

技术

朋友blog

将被层遮挡的所有select隐藏

评论

Post Comment