📄 insert_table.html
字号:
<html STYLE="width: 450px; height: 200px; ">
<head><title>插入表格</title><head>
<style>
html, body, button, div, input, select, td, fieldset { font-family: "宋体"; font-size: 9pt; };
</style>
<script>
// if we pass the "window" object as a argument and then set opener to
// equal that we can refer to dialogWindows and popupWindows the same way
opener = window.dialogArguments;
var _editor_url = opener._editor_url;
var objname = location.search.substring(1,location.search.length);
var config = opener.document.all[objname].config;
var editor_obj = opener.document.all["_" +objname+ "_editor"];
var editdoc = editor_obj.contentWindow.document;
function _CloseOnEsc() {
if (event.keyCode == 27) { window.close(); return; }
}
window.onerror = HandleError
function HandleError(message, url, line) {
var str = "有错误发生如果不明白请咨询www.xydw.com" + "\n\n"
+ "Error: " + line + "\n" + message;
alert(str);
// window.close();
return true;
}
function Init() {
document.body.onkeypress = _CloseOnEsc;
}
function _isValidNumber(txtBox) {
var val = parseInt(txtBox);
if (isNaN(val) || val < 0 || val > 9999) { return false; }
return true;
}
function btnOKClick() {
var curRange = editdoc.selection.createRange();
// error checking
var checkList = ['rows','cols','border','cellspacing','cellpadding'];
for (var idx in checkList) {
var fieldname = checkList[idx];
if (document.all[fieldname].value == "") {
alert("你必须输入 '" +fieldname+ "' 的值!");
document.all[fieldname].focus();
return;
}
else if (!_isValidNumber(document.all[fieldname].value)) {
alert("只能输入0-999的数字 '" +fieldname+ "'!");
document.all[fieldname].focus();
return;
}
}
// delete selected content (if applicable)
if (editdoc.selection.type == "Control" || curRange.htmlText) {
if (!confirm("覆盖文件内容？")) { return; }
curRange.execCommand('Delete');
curRange = editdoc.selection.createRange();
}
// create table
var table = '<table border="' +document.all.border.value+ '"'
+ ' cellspacing="' +document.all.cellspacing.value+ '"'
+ ' cellpadding="' +document.all.cellpadding.value+ '"'
+ ' width="' +document.all.width.value + document.all.widthExt.value+ '"'
+ ' align="' +document.all.alignment.value+ '">\n';
for (var x=0; x<document.all.rows.value; x++) {
table += " <tr>\n";
for (var y=0; y<document.all.cols.value; y++) {
table += " <td></td>\n";
}
table += " </tr>\n";
}
table += "</table>\n";
// insert table
opener.editor_insertHTML(objname, table);
// close popup window
window.close();
}
</SCRIPT>
</HEAD>
<BODY id=bdy onload="Init()" style="background: threedface; color: windowtext; margin: 10px; BORDER-STYLE: none" scroll=no>
<table border=0 cellspacing=0 cellpadding=0 style="margin: 0 0 8 0">
<tr>
<td>行: </td>
<td><input type="text" name="rows" value="4" style="width: 50px" maxlength=4></td>
</tr>
<tr>
<td>列:</td>
<td><input type="text" name="cols" value="3" style="width: 50px" maxlength=4></td>
<td width=10> </td>
<td>宽度: </td>
<td>
<input type="text" name="width" value="100" style="width: 50px" maxlength=4>
<select name="widthExt">
<option value="">像素</option>
<option value="%" selected>百分比</option>
</select>
</td>
</tr>
</table>
<FIELDSET style="width: 1%; text-align: center">
<LEGEND>溢出</LEGEND>
<table border=0 cellspacing=6 cellpadding=0>
<tr>
<td height=21>对齐:</td>
<td>
<select name="alignment" size=1>
<option value="">默认</option>
<option value="left">左</option>
<option value="right">右</option>
<option value="textTop">文本顶端</option>
<option value="absMiddle">绝对中间</option>
<option value="baseline">底边</option>
<option value="absBottom">绝对底部</option>
<option value="bottom">底部</option>
<option value="middle">中间</option>
<option value="top">顶端</option>
</select>
</td>
</tr>
<tr>
<td><nobr>边框大小:</nobr></td>
<td><input type="text" name="border" value="1" size=4 style="width: 100%"></td>
</tr>
</table>
</FIELDSET>
<FIELDSET style="width: 1%; text-align: center">
<LEGEND>空隙</LEGEND>
<table border=0 cellspacing=6 cellpadding=0>
<tr>
<td><nobr>间距:</nobr></td>
<td><input type="text" name="cellspacing" value="1" style="width: 50px" maxlength=4></td>
</tr>
<tr>
<td><nobr>填充:</nobr></td>
<td><input type="text" name="cellpadding" value="2" style="width: 50px" maxlength=4></td>
</tr>
</table>
</FIELDSET>
<div style="left: 340px; top: 16px; position: absolute">
<BUTTON style="width: 7em; height: 2.2em; margin: 0 0 3 0" type=submit onclick="btnOKClick()">确认</BUTTON><br>
<BUTTON style="width: 7em; height: 2.2em; " type=reset onClick="window.close();">退出</BUTTON>
</div>
</BODY>
</HTML>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -