📄 table.htm
字号:
<html>
<head>
<title>插入表格</title>
<script>
var bordercolor;
var bgcolor;
var color;
bordercolor="#000000";
bgcolor="#FFFFFF";
color="#000000";
function conjunction() { //whats your function?
var arr = new Array();
rows = tablefrm.rows.value;
cols = tablefrm.cols.value;
attrs = "border=" + tablefrm.border.value + " bordercolor=" + bordercolor + " bgcolor=" + bgcolor + " cellpadding=2 cellspacing=0 width=98% style='border-collapse: collapse;color:" + color + "'";
window.dialogArguments.insertTable(rows,cols,attrs);
self.close();
}
function updateStyle() {
tbl.setAttribute("border",tablefrm.border.value);
tbl.style.borderColor = bordercolor;
tbl.style.backgroundColor = bgcolor;
tbl.style.color = color;
}
function SelectColor(i)
{
var c=window.showModalDialog("SelectColor.htm","s","dialogWidth=300px;dialogHeight=270px;status=0");
if(c && c!="")
switch(i) {
case 0:
window.document.all.item("bordercolor").bgColor=c;
bordercolor=c;
updateStyle();
break;
//至此
case 1:
window.document.all.item("bgcolor").bgColor=c;
bgcolor=c;
updateStyle();
break;
case 2:
window.document.all.item("color").bgColor=c;
color=c;
updateStyle();
break;
}
}
</script>
<link rel="stylesheet" href="css/css.css" type="text/css">
<style type="text/css">
<!--
body {
border:0;
overflow: hidden;
margin: 0;
font: MessageBox;
background-color:buttonface;
}
-->
</style>
</head>
<body onliad="updateStyle();">
<fieldset style="padding-bottom:5px"><legend><font size="2"><span id="oTitle">插入表格</span></font></legend>
<table cellpadding="1" cellspacing="3" border="0" align="center">
<form name="tablefrm"><tr>
<td>
行数:
</td>
<td>
<input type="text" name="rows" size="4" value="3">
</td>
<td rowspan="6">
<table style="border-collapse: collapse;" cellpadding="2" cellspacing="0" width="220" height="100%" id="tbl" border="1" bordercolor="#000000" bgcolor="#FFFFFF">
<tr>
<td align="center">
表格预览:
</td>
</table>
</td>
</tr><tr>
<td>
列数:
</td>
<td>
<input type="text" name="cols" size="4" value="3">
</td>
</tr><tr>
<td>
边框:
</td>
<td>
<select name="border" style="width:100;font-weight:bold;" onchange="updateStyle()">
<option value="0">0
<option value="1" selected>1
<option value="2">2
<option value="3">3
<option value="4">4
<option value="5">5
</select>
</td>
</tr>
<tr>
<td>
边框颜色:
</td>
<td>
<table id="bordercolor" border="0" cellspacing="0" cellpadding="0" bgcolor="#000000" >
<tr>
<td width="100%" onClick="SelectColor(0);"><img border="0" src="../editor/images/clrbox.gif" width="16" height="16"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
背景颜色:
</td>
<td>
<table id="bgcolor" border="0" cellspacing="0" cellpadding="0" bgcolor="#FFFFFF" >
<tr>
<td width="100%" onClick="SelectColor(1);"><img border="0" src="../editor/images/clrbox.gif" width="16" height="16"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
文本颜色:
</td>
<td>
<table id="color" border="0" cellspacing="0" cellpadding="0" bgcolor="#000000" >
<tr>
<td width="100%" onClick="SelectColor(2);"><img border="0" src="../editor/images/clrbox.gif" width="16" height="16"></td>
</tr>
</table>
</td>
</tr></form>
</table>
</fieldset>
<div align="right">
<input name="B2" type="button" value=" 确定 " style="width:64px;" onClick="conjunction();">
<input name="B2" type="button" value=" 关闭 " style="width:64px;" onClick="window.close();">
</div>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -