📄 table.php
字号:
<?php
include_once ('./config.php');
include_once('./editor_functions.php');
include_once ('./includes/common.php');
include_once ('./lang/'.$lang_include);
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title><?php echo $lang['titles']['table'] ?></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="<?php echo WP_WEB_DIRECTORY; ?>dialoge_theme.css" type="text/css" />
<script language="JavaScript" type="text/javascript" src="<?php echo WP_WEB_DIRECTORY; ?>js/dialogEditorShared.js"></script>
<script language="JavaScript" type="text/javascript" src="<?php echo WP_WEB_DIRECTORY; ?>js/dialogShared.js"></script>
<script type="text/javascript">
<!--//
function wp_docolor(obj,Action,color) {
if (color != null) {
if (Action == 1){
document.table_form.bordercolor.value = color;
document.getElementById('borderchosencolor').style.backgroundColor = color;
updateStyle();
}
if (Action == 2){
document.table_form.bgcolor.value = color;
document.getElementById('bgchosencolor').style.backgroundColor = color;
updateStyle();
}
}
}
// creates the table attributes stings
function conjunction() {
var rows = document.table_form.rows.value;
var cols = document.table_form.cols.value;
var border = " border=\"" + document.table_form.border.value + "\" ";
var bordercolor;
var bgcolor;
var width;
var height;
var attrs;
var cellspacing;
var cellpadding;
var style;
var bCollapse;
if (document.table_form.bordercolor.value == "") {
bordercolor = "";
} else {
bordercolor = " bordercolor=\"" + document.table_form.bordercolor.value + "\" ";
}
if (document.table_form.cellpadding.value == "") {
cellpadding = "";
} else {
cellpadding = " cellpadding=\"" + document.table_form.cellpadding.value + "\" ";
}
if (document.table_form.cellspacing.value == "") {
cellspacing = "";
} else {
cellspacing = " cellspacing=\"" + document.table_form.cellspacing.value + "\" ";
}
if (document.table_form.bgcolor.value == "") {
bgcolor = "";
} else {
bgcolor = " bgcolor=\"" + document.table_form.bgcolor.value + "\" ";
}
if (document.table_form.width.value == "") {
width = "";
} else {
width = "width=\"" + document.table_form.width.value + document.table_form.percent1.value + "\" ";
}
if (document.table_form.height.value == "") {
height = "";
} else {
height = "height=\"" + document.table_form.height.value + document.table_form.percent2.value + "\" ";
}
if (document.table_form.collapse.checked == true) {
bCollapse = true;
style = 'style="border-collapse:collapse" ';
} else {
bCollapse = false;
}
attrs = " " + width + height + border + bordercolor + bgcolor + cellpadding + cellspacing + style;
if (wp_is_ie) {
parentWindow.wp_insertTable(obj,rows,cols,attrs);
} else {
parentWindow.wp_insertTable(obj,rows,cols,document.table_form.width.value,document.table_form.percent1.value,document.table_form.height.value,document.table_form.percent2.value,document.table_form.border.value,document.table_form.bordercolor.value,document.table_form.bgcolor.value,document.table_form.cellpadding.value,document.table_form.cellspacing.value,bCollapse);
}
if (document.table_form.border.value == '0') {
parentWindow.wp_show_borders(obj);
parentWindow.wp_set_button_states(obj);
}
window.close();
return false;
}
// creates the table style preview
function updateStyle() {
if (document.table_form.collapse.checked == true) {
document.getElementById('tbl').style.borderCollapse = "collapse";
} else {
document.getElementById('tbl').style.borderCollapse = "separate";
}
document.getElementById('tbl').setAttribute("border",document.table_form.border.value);
document.getElementById('tbl').borderColor = document.table_form.bordercolor.value;
document.getElementById('tbl').style.backgroundColor = document.table_form.bgcolor.value;
document.getElementById('tbl').cellPadding = document.table_form.cellpadding.value;
document.getElementById('tbl').cellSpacing = document.table_form.cellspacing.value;
}
//-->
</script>
</head>
<body onLoad="updateStyle();document.getElementById('borderchosencolor').style.backgroundColor = document.table_form.bordercolor.value; hideLoadMessage();">
<?php include('./includes/load_message.php'); ?>
<form name="table_form" id="table_form" onSubmit="return conjunction()">
<fieldset class="fieldsetLine">
<legend><?php echo $lang['table_size']; ?></legend>
<table width="100%" border="0" cellpadding="0" cellspacing="5">
<tr>
<td width="20%"><?php echo $lang['rows']; ?></td>
<td width="30%" > <input type="text" name="rows" id="rows" size="4" value="3" />
</td>
<td width="20%" ><?php echo $lang['width']; ?></td>
<td width="30%" ><input type="text" name="width" id="width" size="4" value="100" />
<select name="percent1" id="percent1" style="width:60; font-family:Verdana">
<option value="%" selected="selected">%</option>
<option value=""><?php echo $lang['pixels']; ?></option>
</select></td>
</tr>
<tr>
<td width="20%"><?php echo $lang['columns']; ?></td>
<td width="30%" > <input type="text" name="cols" id="cols" size="4" value="3" />
</td>
<td width="20%" ><?php echo $lang['height']; ?></td>
<td width="30%" > <input type="text" name="height" id="height" size="4" value="" />
<select name="percent2" style="width:60; font-family:Verdana">
<option value="%">%</option>
<option value="" selected="selected"><?php echo $lang['pixels']; ?></option>
</select></td>
</tr>
</table>
</fieldset>
<fieldset class="fieldsetLine">
<legend><?php echo $lang['spacing_and_padding']; ?></legend>
<table width="100%" border="0" cellpadding="0" cellspacing="5">
<tr>
<td width="20%"><?php echo $lang['cell_spacing']; ?></td>
<td width="30%" > <input type="text" name="cellspacing" id="cellspacing" size="4" value="0" onChange="updateStyle()" />
</td>
<td width="20%" ><?php echo $lang['cell_padding']; ?></td>
<td width="30%" > <input type="text" name="cellpadding" id="cellpadding" size="4" value="3" onChange="updateStyle()" />
</td>
</tr>
</table>
</fieldset>
<fieldset class="fieldsetLine">
<legend><?php echo $lang['borders']; ?></legend>
<table width="100%" border="0" cellpadding="0" cellspacing="5">
<tr>
<td width="20%"><?php echo $lang['border_size']; ?></td>
<td width="30%" ><input type="text" name="border" id="border" size="4" value="1" onChange="updateStyle()" /></td>
<td width="20%" ><?php echo $lang['border_collapse']; ?></td>
<td width="30%" ><input type="checkbox" name="collapse" id="collapse" value="ON" onClick="updateStyle()" checked="checked" />
</td>
</tr>
<tr>
<td width="20%"><?php echo $lang['background_color']; ?> </td>
<td width="30%"><button class="colordisplay" type="button" onClick="colordialog(2);">
<div id="bgchosencolor"> </div>
<?php echo $lang['choose']; ?></button>
<input type="hidden" name="bgcolor" id="bgcolor" value="" onChange="updateStyle()" />
</td>
<td width="20%"><?php echo $lang['border_color']; ?></td>
<td width="30%"><button class="colordisplay" type="button" onClick="colordialog(1);">
<div id="borderchosencolor"> </div>
<?php echo $lang['choose']; ?></button>
<input type="hidden" name="bordercolor" id="bordercolor" value="#000000" onChange="updateStyle()" />
</td>
</tr>
</table>
</fieldset>
<fieldset class="fieldsetLine">
<legend><?php echo $lang['style_preview']; ?></legend>
<table width="100%" border="0" cellpadding="0" cellspacing="5">
<tr>
<td height="50"><div id="tbl_background" style="text-align:center; padding:10px; height:100px; background-color:#FFFFFF; overflow:hidden" class="previewWindow">
<table cellspacing="0" cellpadding="3" width="90%" height="50" id="tbl">
<tr>
<td align="center"> </td>
<td align="center"> </td>
<td align="center"> </td>
</tr>
<tr>
<td align="center"> </td>
<td align="center"> </td>
<td align="center"> </td>
</tr>
</table>
</div></td>
</tr>
</table>
</fieldset>
<div style="padding-bottom:10px;" align="center">
<button type="submit"> <?php echo $lang['ok']; ?>
</button>
<button type="button" onClick="javascript:window.close();"><?php echo $lang['cancel']; ?></button>
</div>
</form>
</body>
</html>⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -