帮忙解决一下层到下拉表单的上面

cyr11 2009-05-31 02:05:07

解决层到下拉表单的上面

谢谢修改！

代码



<html>

<head>

<script type="text/javascript">

function S(i) { return document.getElementById(i); }

function download( evt, fid){

 var _event = evt ? evt : event;

 var _target = evt ? evt.target : event.srcElement;

 var _p = S( "downloadPanel" );

 _p.style.top = _event.clientY + document.body.scrollTop ;

 _p.style.left = ( _event.clientX + document.body.scrollLeft < 160 ? _event.clientX + document.body.scrollLeft + 10  : _event.clientX  + document.body.scrollLeft - 120 );

 Show( "downloadPanel" , true ); 

 _p.focus();

}

function Show(obj, bShow) {

 obj = (typeof(obj) == "string" ? S(obj) : obj);

 if (obj) obj.style.display= (bShow ? "" : "none");

}

function hideDownloadPanel( evt ){

 Show( "downloadPanel" ,false); 

}

function checkClick(evt){

 var _target = evt ? evt.target : event.srcElement ;

 var _id = _target.id;

 if( _id == "" ){

  _id = _target.parentNode.id;

 }

 if( _id !="downloadDirect"  &&  _id != "downloadAgent"  &&  _id != "downloadPanel"  &&  _id.indexOf( "downloadFile_" ) < 0  &&  _id.indexOf( "downloadLink_" ) < 0 ){

  Show( "downloadPanel" , false );

 }

}

window.onload = function(){

 document.body.onclick=checkClick;

}

</script>

<style type="text/css">

html,body{

 font-size:12px;

}

img {border:none}

a {color:#4d5d2c;text-decoration:underline;cursor:pointer;}

.pointer {cursor:pointer;}

.right {float:right}

.right img{margin:0 0 0 6px}

.infobar {background:#fff9e3;border:1px solid #fadc80;color:#743e04;margin-bottom:10px;padding:8px 20px 4px 20px;}

</style>

</head>

<body>

<form id="form1" name="form1" method="post" action="">

<div id="downloadPanel" style="position:absolute;top:0px;left:0px;width:360px;z-index:999;padding:6px 2px 6px 10px;border:1px solid #fb7;display:none;" class="infobar"><div onClick="hideDownloadPanel();" style="right:auto">关闭</div>

 <div > 标题：<input name="title" type="text" id="title" /></div>

 <div style="padding:6px 0 0 0;">信箱：<input name="mail" type="text" id="mail" /></div>

 <div class="addrtitle" style="padding:6px 0 0 0;">内容： <textarea name="content" cols="68" rows="15" id="content"></textarea></div>

  <div class="addrtitle" style="padding:6px 0 0 0;"><input type="submit" name="Submit" value="提交" /> <input type="reset" name="Submit2" value="重置" /></div>

</div>

</form>

<a id="downloadLink_001"  onclick="download( event, 'downloadLink' );" >添加</a><br/>

<label>

    <select name="select">

</select>

</label>

</body>

</html>

...全文

42 5 打赏收藏转发到动态举报

写回复

用AI写文章

5 条回复

切换为时间正序

请发表友善的回复…

发表回复

FanG081020 2009-06-02

打赏
举报

老问题，很麻烦，只能用2楼的小技巧来解决

cyr11 2009-06-01

打赏
举报

看起来很好

在我这个例子怎么样使用

js晕
不知道怎么用

9441 2009-05-31

打赏
举报

[Quote=引用 2 楼 dh20156 的回复:]
在IE中，如果要想DIV盖住SELECT，只能使用常用的MASK实现方法，用一个透明的IFRAME盖住页面上的SELECT，或者隐藏SELECT,之后再显示出来。MASK的实现原理可以参见：http://www.easyui.org.cn/easyMask.js
[/Quote]

正解