<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>新建网页 1</title>
<script language="javascript">
<!--
var inputItem; // 输入框句柄
var g_activeItem; // 保存正在编辑的单元格
function changeToText(obj)
{
if( obj && inputItem )
{
// 如果存在正在编辑的单元格， 则取消编辑状态， 并将编辑的数据保存起来
var str = " ";
if(inputItem.value != "")
{
str = inputItem.value;
}
obj.innerText = str;
}
}
function changeToEdit(obj)
{
if( !inputItem )
{
inputItem = document.createElement('input');
inputItem.type = 'text';
inputItem.style.width = '100%';
inputItem.style.height = '18px';
inputItem.style.fontSize = '12px';
}
inputItem.style.display = '';
inputItem.value = obj.innerText; // 将该单元格的数据文本读到控件上
obj.innerHTML = ''; // 清空单元格的数据
obj.appendChild(inputItem);
inputItem.focus();
g_activeItem = obj;
}
document.attachEvent('ondblclick',function()
{
if (event.srcElement.tagName.toLowerCase() == "td")
{
if( !inputItem )
{
inputItem = document.createElement('input');
inputItem.type = 'text';
inputItem.style.width = '100%';
inputItem.style.height = '18px';
inputItem.style.fontSize = '12px';
}
changeToText()
changeToEdit(event.srcElement);
} else
{
event.returnValue = false;
return false;
}
});
document.attachEvent('onclick', function()
{
if( event.srcElement.parentNode == g_activeItem || event.srcElement == g_activeItem )
{
return;
} else
{
changeToText(g_activeItem);
}
});
//-->
</script>
<style type="text/css">
<!--
.STYLE1 {font-size: 24px}
-->
</style>
</head>
<body>
<table border="0" width="100%" id="table1">
<tr>
<td colspan="5" align="center" valign="middle"><span class="STYLE1">Test </span></td>
</tr>
<tr>
<td width="130"> </td>
<td width="130"> </td>
<td width="130"> </td>
<td width="130"> </td>
<td width="130"> </td>
</tr>
</table>
</body></html>
posted on 2008-06-05 15:21
crazy 阅读(168)
评论(0) 编辑 收藏 所属分类:
javasrcipt