<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<TITLE></TITLE>
<script>
function showText() {
var td = event.srcElement;
var tb = document.createElement("input");
tb.type = "text";
tb.style.width="100%";
tb.value = td.innerText;
td.firstChild.replaceNode(tb);
}
function hideText() {
}
</script>
</HEAD>
<BODY>
<table border>
<tr><td onmouseover="showText()" onmouseout="hideText()"><span>aaa1</span></td></tr>
<tr><td onmouseover="showText()" onmouseout="hideText()"><span>aaa2</span></td></tr>
<tr><td onmouseover="showText()" onmouseout="hideText()"><span>aaa3</span></td></tr>
<tr><td onmouseover="showText()" onmouseout="hideText()"><span>aaa4</span></td></tr>
</table>
</BODY>
</HTML>
コレ。手抜きサンプル。やること一杯あるのでやらない方がいいかも。イベントをキーにするのはね。
|