白桦的天空

第一次的心动,永远的心痛!
  首页  :: 新随笔  :: 联系 :: 管理
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
</head>
<script language="JavaScript">
function ftest()
{
var kk=0;
var kk2=0;
kk=document.all("aa").offsetLeft;
kk2=document.all("aa").offsetTop;
document.all("Layer1").style.top=kk2+document.all("aa").offsetHeight;
document.all("Layer1").style.left=kk;
document.all("Layer1").style.width=document.getElementById("aa").style.width;
document.all("Layer1").style.visibility = "visible";
document.getElementById("caidn").rows(0).cells(0).innerHTML=document.getElementById("aa").value;
}
function fClose()
{
document.all("Layer1").style.visibility = "hidden";
}
function trOnMouseOver(trid) {
document.all("caidn").bgColor="#cccc99";
//alert(document.getElementById("caidn").rows(0).cells(0).innerHTML);
//alert(document.all("caidn").rows(0).cells(0).innerHTML);
document.getElementById("aa").value=document.getElementById("caidn").rows(trid).cells(0).innerText;
fClose();
}

function trOnMouseOver2(trid) {
alert(document.getElementById("ppp").rows(trid).cells(0).innerText);
//alert(document.getElementById("ppp").rows(0).cells(0).innerText);
}
</script>
<body>
<form name="form1" method="post" action="">
  <input name="aa" type="text" id="aa" size="20" style="width:100" onKeyUp="ftest();">

  <input type="button" name="test" value="按钮" onClick="ftest();">
  <input type="button" name="test2" value="按钮2" onClick="trOnMouseOver();">
</form>

<div id="Layer1" style="position:absolute; width:200px; height:115px; z-index:1; top: 260px; left: 22px; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px none #000000; visibility: hidden;">
  <table border="0" cellpadding="0" cellspacing="0" id="caidn">
    <tr onClick="trOnMouseOver(this.rowIndex);" onmouseout="this.style.backgroundColor='ffffff'"
        onmouseover="this.style.backgroundColor='ffc080'">
      <td width="50" height="22">AA</td>  <td width="50" height="22">BB</td>
    </tr>
     <tr onClick="trOnMouseOver(this.rowIndex);" onmouseout="this.style.backgroundColor='ffffff'"
        onmouseover="this.style.backgroundColor='ffc080'">
      <td width="50" height="22">CC</td>  <td width="50" height="22">DD</td>
    </tr>
</table>

</div>
<table border="1" cellpadding="0" cellspacing="0" id="ppp">
  <tr onClick="trOnMouseOver2(this.rowIndex);">
      <td width="50" height="22">AA</td>  <td width="50" height="22">BB</td>
    </tr>
     <tr onClick="trOnMouseOver2(this.rowIndex);">
      <td width="50" height="22">CC</td>  <td width="50" height="22">DD</td>
    </tr>
</table>

</body>
</html>