|
|
<!DOCTYPE html>
|
|
|
<!-- 文档类型声明，表明这是一个遵循HTML相关标准规范的HTML文档 -->
|
|
|
<html>
|
|
|
<head>
|
|
|
<!-- 设置页面的标题为“表格删除提示”，这个标题会显示在浏览器的标签栏等位置 -->
|
|
|
<title>表格删除提示</title>
|
|
|
<!-- 引入外部的JavaScript文件，路径为相对路径的../internal.js，通常该文件包含了页面通用的一些脚本逻辑 -->
|
|
|
<script type="text/javascript" src="../internal.js"></script>
|
|
|
<style type="text/css">
|
|
|
/* 定义名为.section的类选择器样式，用于设置应用了该类的元素的样式 */
|
|
|
.section {
|
|
|
/* 设置元素的宽度为200px，限定该部分内容区域的宽度 */
|
|
|
width: 200px;
|
|
|
/* 设置上下外边距，上外边距为10px，下外边距自动（会根据父元素宽度等情况自动调整，实现水平居中效果），左外边距为0，使其在水平方向上相对父元素居中显示 */
|
|
|
margin: 10px auto 0;
|
|
|
/* 设置字体大小为14px，统一该区域内文字的字号 */
|
|
|
font-size: 14px;
|
|
|
}
|
|
|
|
|
|
/* 定义名为.item的类选择器样式，用于设置应用了该类的元素的样式 */
|
|
|
.item {
|
|
|
/* 设置元素内文本水平居中对齐 */
|
|
|
text-align: center;
|
|
|
}
|
|
|
</style>
|
|
|
</head>
|
|
|
<body>
|
|
|
<!-- 创建一个应用了.section类的div元素，作为页面中的一个内容区域，用于放置与表格删除相关的操作选项等元素 -->
|
|
|
<div class="section">
|
|
|
<!-- 创建一个应用了.item类的div元素，用于放置单个的操作选项相关内容 -->
|
|
|
<div class="item">
|
|
|
<!-- 创建一个label标签，用于包裹表单元素并提供更好的交互体验和样式控制 -->
|
|
|
<label>
|
|
|
<!-- 创建一个单选框类型的input元素，id为J_delRow，name为cmd，设置为默认选中状态，用于选择删除表格行的操作选项 -->
|
|
|
<input type="radio" id="J_delRow" name="cmd" checked />
|
|
|
<!-- 内部的文本内容通过id为lang_delRow的变量来动态设置（一般会通过脚本在运行时替换成实际文本），用于提示用户该单选框对应的操作是删除行 -->
|
|
|
<var id="lang_delRow"></var>
|
|
|
</label>
|
|
|
</div>
|
|
|
<div class="item">
|
|
|
<label>
|
|
|
<!-- 创建一个单选框类型的input元素，id为J_delCol，name为cmd，用于选择删除表格列的操作选项 -->
|
|
|
<input type="radio" id="J_delCol" name="cmd" />
|
|
|
<!-- 内部的文本内容通过id为lang_delCol的变量来动态设置（一般会通过脚本在运行时替换成实际文本），用于提示用户该单选框对应的操作是删除列 -->
|
|
|
<var id="lang_delCol"></var>
|
|
|
</label>
|
|
|
</div>
|
|
|
</div>
|
|
|
<script type="text/javascript">
|
|
|
// 给dialog对象（可能是对话框相关对象）的onok属性设置一个函数，当点击对话框的确定按钮时执行以下逻辑
|
|
|
dialog.onok = function () {
|
|
|
// 判断id为J_delRow的单选框是否被选中，如果选中则执行编辑器（editor对象，这里的editor应该是外部定义好的与表格操作相关的编辑器对象）的"deleterow"命令，即删除表格行操作；如果未选中（也就是J_delCol被选中）则执行"deletecol"命令，即删除表格列操作
|
|
|
$G("J_delRow").checked ? editor.execCommand("deleterow") : editor.execCommand("deletecol");
|
|
|
};
|
|
|
</script>
|
|
|
</body>
|
|
|
</html> |
