📄 table.htm
字号:
}
// check table height
var sHeight = "";
if (d_heightcheck.checked){
if (!MoreThanOne(d_heightvalue,"无效的表格高度！")) return;
sHeight = d_heightvalue.value + d_heightunit.value;
}
sRow = d_row.value;
sCol = d_col.value;
sAlign = d_align.options[d_align.selectedIndex].value;
sBorder = d_border.value;
sAlignText = d_aligntext.options[d_aligntext.selectedIndex].value;
sBorderCollapse = d_bordercollapse.options[d_bordercollapse.selectedIndex].value;
sCellPadding = d_cellpadding.value;
sCellSpacing = d_cellspacing.value;
sImage = d_image.value;
sRepeat = d_repeat.value;
sAttachment = d_attachment.value;
sBorderStyle = d_borderstyle.options[d_borderstyle.selectedIndex].value;
if (sImage!="") {
sImage = "url(" + sImage + ")";
}
if (sAction == "MODI") {
// modify rows
var xCount = sRow - oControl.rows.length;
if (xCount > 0)
for (var i = 0; i < xCount; i++) InsertRows(oControl);
else
for (var i = 0; i > xCount; i--) DeleteRows(oControl);
// modify cols
var xCount = sCol - getColCount(oControl);
if (xCount > 0)
for (var i = 0; i < xCount; i++) InsertCols(oControl);
else
for (var i = 0; i > xCount; i--) DeleteCols(oControl);
try {
oControl.width = sWidth;
oControl.style.width = sWidth;
}
catch(e) {
//alert("Invalid Width!\n(Example:90% 200 300px 10cm)");
}
try {
oControl.height = sHeight;
oControl.style.height = sHeight;
}
catch(e) {
//alert("Invalid Height!\n(Example:90% 200 300px 10cm)");
}
oControl.align = sAlign;
oControl.border = sBorder;
oControl.style.textAlign = sAlignText;
oControl.style.borderCollapse = sBorderCollapse;
oControl.cellSpacing = sCellSpacing;
oControl.cellPadding = sCellPadding;
oControl.borderColor = sBorderColor;
oControl.bgColor = sBgColor;
oControl.style.backgroundImage = sImage;
oControl.style.backgroundRepeat = sRepeat;
oControl.style.backgroundAttachment = sAttachment;
oControl.style.borderStyle = sBorderStyle;
}else{
var sTable = "<table align='"+sAlign+"' border='"+sBorder+"' cellpadding='"+sCellPadding+"' cellspacing='"+sCellSpacing+"' width='"+sWidth+"' height='"+sHeight+"' bordercolor='"+sBorderColor+"' bgcolor='"+sBgColor+"' style='background-image:"+sImage+";background-repeat:"+sRepeat+";background-attachment:"+sAttachment+";border-style:"+sBorderStyle+";text-align:"+sAlignText+";border-collapse:"+sBorderCollapse+";'>";
for (var i=1;i<=sRow;i++){
sTable = sTable + "<tr>";
for (var j=1;j<=sCol;j++){
sTable = sTable + "<td> </td>";
}
sTable = sTable + "</tr>";
}
sTable = sTable + "</table>";
dialogArguments.insertHTML(sTable);
}
window.returnValue = null;
window.close();
}
</script>
</head>
<body onload="InitDocument()">
<table border=0 cellpadding=0 cellspacing=5 id=tabDialogSize><tr><td>
<table border=0 cellpadding=0 cellspacing=0 align=center>
<tr>
<td>
<fieldset>
<legend>表格大小</legend>
<table border=0 cellpadding=5 cellspacing=0 width="100%">
<tr><td>
<table border=0 cellpadding=0 cellspacing=2 width="100%">
<tr>
<td noWrap width="20%">表格行数:</td>
<td noWrap width="29%"><input style="width:80px" type=text id=d_row size=10 value="" ONKEYPRESS="event.returnValue=IsDigit();" maxlength=3></td>
<td width="2%"> </td>
<td noWrap width="20%">表格列数:</td>
<td noWrap width="29%"><input style="width:80px" type=text id=d_col size=10 value="" ONKEYPRESS="event.returnValue=IsDigit();" maxlength=3></td>
</tr>
</table>
</td></tr>
</table>
</fieldset>
</td>
</tr>
<tr><td height=5></td></tr>
<tr>
<td>
<fieldset>
<legend>表格布局</legend>
<table border=0 cellpadding=5 cellspacing=0 width="100%">
<tr><td>
<table border=0 cellpadding=0 cellspacing=2 width="100%">
<tr>
<td noWrap width="20%">对齐方式:</td>
<td noWrap width="29%">
<select id="d_align" style="width:80px">
<option value=''>默认</option>
<option value='left'>左对齐</option>
<option value='center'>居中对齐</option>
<option value='right'>右对齐</option>
</select>
</td>
<td width="2%"> </td>
<td noWrap width="20%">边框粗细:</td>
<td noWrap width="29%"><input style="width:80px" type=text id=d_border size=10 value="" ONKEYPRESS="event.returnValue=IsDigit();"></td>
</tr>
<tr>
<td noWrap width="20%">文字对齐:</td>
<td noWrap width="29%">
<select id="d_aligntext" style="width:80px">
<option value=''>默认</option>
<option value='left'>左对齐</option>
<option value='center'>居中对齐</option>
<option value='right'>右对齐</option>
<option value='justify'>两端对齐</option>
</select>
</td>
<td width="2%"> </td>
<td noWrap width="20%">边框效果:</td>
<td noWrap width="29%">
<select id="d_bordercollapse" style="width:80px">
<option value=''>默认</option>
<option value='separate'>分开</option>
<option value='collapse'>合并</option>
</select>
</td>
</tr>
<tr>
<td noWrap width="20%">单元间距:</td>
<td noWrap width="29%"><input style="width:80px" type=text id=d_cellspacing size=10 value="" ONKEYPRESS="event.returnValue=IsDigit();" maxlength=3></td>
<td width="2%"> </td>
<td noWrap width="20%">单元边距:</td>
<td noWrap width="29%"><input style="width:80px" type=text id=d_cellpadding size=10 value="" ONKEYPRESS="event.returnValue=IsDigit();" maxlength=3></td>
</tr>
</table>
</td></tr>
</table>
</fieldset>
</td>
</tr>
<tr><td height=5></td></tr>
<tr>
<td>
<fieldset>
<legend>表格尺寸</legend>
<table border=0 cellpadding=5 cellspacing=0 width="100%">
<tr><td>
<table border=0 cellpadding=0 cellspacing=2 width="100%">
<tr>
<td noWrap><input id="d_widthcheck" type="checkbox" onclick="d_widthvalue.disabled=(!this.checked);d_widthunit.disabled=(!this.checked);" value="1"> <label for=d_widthcheck>指定表格的宽度</label></td>
<td noWrap align=right>
<input name="d_widthvalue" type="text" value="" size="5" ONKEYPRESS="event.returnValue=IsDigit();" maxlength="4">
<select name="d_widthunit" size=1 style="width:65px">
<option value='px'>像素</option><option value='%'>百分比</option>
</select>
</td>
</tr>
<tr>
<td noWrap><input id="d_heightcheck" type="checkbox" onclick="d_heightvalue.disabled=(!this.checked);d_heightunit.disabled=(!this.checked);" value="1"> <label for=d_heightcheck>指定表格的高度</label></td>
<td noWrap align=right>
<input name="d_heightvalue" type="text" value="" size="5" ONKEYPRESS="event.returnValue=IsDigit();" maxlength="4">
<select name="d_heightunit" size=1 style="width:65px">
<option value='px'>像素</option><option value='%'>百分比</option>
</select>
</td>
</tr>
</table>
</td></tr>
</table>
</fieldset>
</td>
</tr>
<tr><td height=5></td></tr>
<tr>
<td>
<fieldset>
<legend>表格样式</legend>
<table border=0 cellpadding=5 cellspacing=0 width="100%">
<tr><td>
<table border=0 cellpadding=0 cellspacing=2 width="100%">
<tr>
<td noWrap width="20%">边框颜色:</td>
<td noWrap width="29%"><input style="width:62px" type=text id=d_bordercolor size=7 value=""><img border=0 src="../sysimage/rect.gif" width=18 style="cursor:hand" id=s_bordercolor onclick="SelectColor('bordercolor')" align=absmiddle></td>
<td width="2%"> </td>
<td noWrap width="20%">边框样式:</td>
<td noWrap width="29%">
<select id=d_borderstyle size=1 style="width:80px">
<option value="">默认</option>
<option value="solid">实线</option>
<option value="dotted">虚线</option>
<option value="dashed">破折号</option>
<option value="double">双线</option>
<option value="groove">凹线</option>
<option value="ridge">凸线</option>
<option value="inset">嵌入</option>
<option value="outset">开端</option>
</select>
</td>
</tr>
<tr>
<td noWrap width="20%">背景颜色:</td>
<td noWrap width="29%"><input style="width:62px" type=text id=d_bgcolor size=7 value=""><img border=0 src="../sysimage/rect.gif" width=18 style="cursor:hand" id=s_bgcolor onclick="SelectColor('bgcolor')" align=absmiddle></td>
<td width="2%"> </td>
<td noWrap width="20%">背景图片:</td>
<td noWrap width="29%"><input style="width:62px" type=text id=d_image size=7 value=""><input type=hidden id=d_repeat><input type=hidden id=d_attachment><img border=0 src="../sysimage/rectimg.gif" width=18 style="cursor:hand" id=s_bgimage onclick="SelectImage()" align=absmiddle></td>
</tr>
</table>
</td></tr>
</table>
</fieldset>
</td>
</tr>
<tr><td height=5></td></tr>
<tr><td noWrap align=right><input type=submit value='确定' id=Ok onclick="ok()"> <input type=button value='取消' onclick="window.close();"></td></tr>
</table>
</td></tr></table>
</body>
</html>⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -