◎◎￥￥￥￥￥￥￥￥￥◎关于层的定位问题。。◎◎◎◎

Question

救命啊。。我把代码贴上。。请你们复制运行下就知道了。。分不够再加 <script language="javascript">
//这里初始化每个链接显示的内容
var msgArray=new Array();
msgArray[0]="<a href='http://sports.sina.com/'>体育频道</a> 生活频道";
msgArray[1]="<table width=200 style='border:solid 1px #ccccc'><tr><td>第二个连接显示内容</td></tr></table>";
msgArray[2]="<img src='http://www.blueidea.com/articleimg/bbsimg/topic5.gif'>";
msgArray[3]="ssssssssssssss";//显示提示层 target:显示目标，msgI:显示哪个内容数组
function showmsg(target,msgI){
var ss=getoffset(target);
obj=document.getElementById("CalFrame")
obj.innerHTML=msgArray[msgI];
obj.style.display='';
obj.style.left=ss[1];
obj.style.top=ss[0]+target.offsetHeight;
}//得到页面上元素位置
function getoffset(obj) 
{ 
     var t=obj.offsetTop; 
     var l=obj.offsetLeft; 
     while(obj=obj.offsetParent) 
     { 
     t+=obj.offsetTop; 
     l+=obj.offsetLeft; 
     }
     var rec = new Array(1); 
     rec[0] = t; 
     rec[1] = l;
     return rec
}
</script><!--以下是应用实例-->
<TABLE id="Table1" style="Z-INDEX: 103; LEFT: 100; POSITION: absolute; TOP: 10" borderColor="#ff3300"
cellSpacing="0" cellPadding="0" width="300" border="1">
<TR>
<TD>

<div id="CalFrame"  style="display:none;position:absolute;">
</div> 
</TD>
<TD>
<INPUT type=text name="txt" id="txt" size=9  value='' onclick=showmsg(this,1)></TD>
<TD></TD>
</TR>
<TR>
<TD>
<input name="TextBox1" type="text" id="TextBox1" onclick=showmsg(this,3)/></TD>
<TD></TD>
<TD></TD>
</TR>
<TR>
<TD>
<input name="TextBox2" type="text" id="TextBox2" onclick=showmsg(this,2) /></TD>
<TD></TD>
<TD></TD>
</TR>
</TABLE>

Answer 1

你没有计算padding和margin等。当然不准。

Answer 2

不知道要放在表格什么位置
你把<div id="CalFrame"  style="display:none">
</div> 
这个改成这样就进表格了
但是不知道这样是不是你的需求，是把图片放在第一行左面还是第二行右面，还是其他地方

Answer 3

不能放在外边 ..因为我是做的自定义椌件..格式都固定了的 ..我的意思是说 DIV和椌件都放在表格里面.怎么样单击表格层就在椌件的下边对齐..

Answer 4

自定义控件？
那有什么关系？ 或者直接用DOM动态添加这个层也行哦

Answer 5

我先结贴..你有MSN吗..大哥..这东西急啊 ..

Answer 6

这个函数应该这样写:
function showmsg(target,msgI){
    var ss=getoffset(target);
    obj=document.getElementById("CalFrame")
    var ss1=getoffset(obj.offsetParent);
    obj.innerHTML=msgArray[msgI];
    obj.style.display='';
    obj.style.left=ss[1]-ss1[1];
    obj.style.top =ss[0]-ss1[0]+target.offsetHeight;
}