<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>新建網(wǎng)頁 1</title>
<script language="javascript">
<!--
var inputItem; // 輸入框句柄
var g_activeItem; // 保存正在編輯的單元格
function changeToText(obj)
{
?if( obj && inputItem )
?{
??// 如果存在正在編輯的單元格， 則取消編輯狀態(tài)， 并將編輯的數(shù)據(jù)保存起來
??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; // 將該單元格的數(shù)據(jù)文本讀到控件上
?obj.innerHTML = ''; // 清空單元格的數(shù)據(jù)
?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 閱讀(185)
評論(0) 編輯 收藏 所屬分類:
javasrcipt