<HTML>
<HEAD>
<TITLE>Create Table (Rows X Columns)</TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=windows-874">
<STYLE TYPE="text/css">
BODY {margin-left:10; font-family:Tahoma; font-size:12; background:menu}
BUTTON {width:5em}
P {text-align:center}
TABLE {cursor:hand}
</STYLE>
<SCRIPT>
function changeBgcolor(cell,bgcolor)
{
var row= cell.parentElement
var tab= row.parentElement
var ridx= row.rowIndex
var cidx= cell.cellIndex
for(var i=0; i<=ridx; i++)
{
row= tab.rows[i]
for(var j=0; j<=cidx; j++)
row.cells[j].style.backgroundColor= bgcolor
}
}
</SCRIPT>
<SCRIPT LANGUAGE=JavaScript FOR=RowColTable EVENT=onclick>
SelColor.value = event.srcElement.title;
</SCRIPT>
<SCRIPT LANGUAGE=JavaScript FOR=RowColTable EVENT=onmouseover>
text = event.srcElement.title;
RGB.innerText = text;
changeBgcolor(event.srcElement,'cyan')
</SCRIPT>
<SCRIPT LANGUAGE=JavaScript FOR=RowColTable EVENT=onmouseout>
RGB.innerText = " ";
changeBgcolor(event.srcElement,'')
</SCRIPT>
<SCRIPT LANGUAGE=JavaScript FOR=Ok EVENT=onclick>
window.returnValue = SelColor.value;
window.close();
</SCRIPT>
</HEAD>
<body scroll=no>
<DIV> </DIV>
<P>
<TABLE ID=RowColTable
bgcolor=white
BORDER=1
BORDERCOLOR=SILVER
BORDERCOLORLIGHT=WHITE
BORDERCOLORDARK=BLACK
CELLSPACING=0 CELLPADDING=0>
<script>
var temp=''
for(var i=1; i<=10; i++)
{
temp += "<TR align=center>"
for(var j=1; j<=10; j++) temp += "<TD TITLE='" + i +'x' + j + "' style='font-size:10px'>"+i+"x"+j+"</TD>"
temp += "</TR>"
}
document.writeln(temp)
</script>
</TABLE>
<P>
<LABEL FOR=SelColor>จำนวนแถว x จำนวนคอลัมน์:</LABEL>
<INPUT TYPE=TEXT SIZE=20 ID=SelColor>
<BR>
<SPAN ID=RGB> </SPAN>
<P>
<BUTTON ID=Ok TYPE=SUBMIT>OK</BUTTON>
<BUTTON ONCLICK="window.close();">
<p>Cancel</p>
</BUTTON>
<p><font color="#FF0000"><strong>ก่อนทำการแทรกตารางควรตรวจสอบก่อนว่าได้นำ เคอร์เชอร์
<br>
ไปวางยังจุดที่ต้องการแทรกตารางในช่องเรียบร้อยแล้ว</strong></font> </p>
</BODY>
</HTML>