mailr/public/tiny_mce/plugins/table/table.htm

153 lines
6.4 KiB
HTML

<html>
<head>
<title>{$lang_insert_table_title}</title>
<script language="javascript" type="text/javascript" src="../../tiny_mce_popup.js"></script>
<script language="javascript" type="text/javascript">
function insertTable() {
if (window.opener) {
var args = new Array();
args["cols"] = document.forms[0].cols.value;
args["rows"] = document.forms[0].rows.value;
args["border"] = document.forms[0].border.value;
args["cellpadding"] = document.forms[0].cellpadding.value;
args["cellspacing"] = document.forms[0].cellspacing.value;
args["width"] = document.forms[0].width.value;
args["height"] = document.forms[0].height.value;
args["bordercolor"] = document.forms[0].bordercolor.value;
args["bgcolor"] = document.forms[0].bgcolor.value;
args["align"] = document.forms[0].align.options[document.forms[0].align.selectedIndex].value;
args["className"] = document.forms[0].styleSelect.options[document.forms[0].styleSelect.selectedIndex].value;
args["action"] = tinyMCE.getWindowArg('action');
window.opener.tinyMCE.execCommand("mceInsertTable", false, args);
// Close the dialog
tinyMCE.closeDialog();
}
}
function init() {
if (tinyMCE.settings['table_color_fields']) {
document.getElementById('colors').style.display = tinyMCE.isMSIE ? 'block' : 'table-row';
TinyMCEPlugin_onLoad(); // Resize again
}
for (var i=0; i<document.forms[0].align.options.length; i++) {
if (document.forms[0].align.options[i].value == tinyMCE.getWindowArg('align'))
document.forms[0].align.options.selectedIndex = i;
}
var className = tinyMCE.getWindowArg('className');
var styleSelectElm = document.forms[0].styleSelect;
var stylesAr = tinyMCE.getParam('theme_advanced_styles', false);
if (stylesAr) {
stylesAr = stylesAr.split(';');
for (var i=0; i<stylesAr.length; i++) {
var key, value;
key = stylesAr[i].split('=')[0];
value = stylesAr[i].split('=')[1];
styleSelectElm.options[styleSelectElm.length] = new Option(key, value);
if (value == className)
styleSelectElm.options.selectedIndex = styleSelectElm.options.length-1;
}
} else {
var csses = tinyMCE.getCSSClasses(tinyMCE.getWindowArg('editor_id'));
for (var i=0; i<csses.length; i++) {
styleSelectElm.options[styleSelectElm.length] = new Option(csses[i], csses[i]);
if (csses[i] == className)
styleSelectElm.options.selectedIndex = styleSelectElm.options.length-1;
}
}
if (tinyMCE.getWindowArg('action') == "update") {
document.forms[0].cols.disabled = true;
document.forms[0].rows.disabled = true;
}
var formObj = document.forms[0];
formObj.cols.value = tinyMCE.getWindowArg('cols');
formObj.rows.value = tinyMCE.getWindowArg('rows');
formObj.border.value = tinyMCE.getWindowArg('border');
formObj.cellpadding.value = tinyMCE.getWindowArg('cellpadding');
formObj.cellspacing.value = tinyMCE.getWindowArg('cellspacing');
formObj.width.value = tinyMCE.getWindowArg('width');
formObj.height.value = tinyMCE.getWindowArg('height');
formObj.bordercolor.value = tinyMCE.getWindowArg('bordercolor');
formObj.bgcolor.value = tinyMCE.getWindowArg('bgcolor');
formObj.insert.value = tinyMCE.getLang('lang_' + tinyMCE.getWindowArg('action'), 'Insert', true);
}
function cancelAction() {
// Close the dialog
tinyMCE.closeDialog();
}
</script>
</head>
<body onload="init();">
<form onsubmit="insertTable();return false;">
<table border="0" cellpadding="0" cellspacing="0" width="200">
<tr>
<td align="center" valign="middle"><table border="0" cellpadding="4" cellspacing="0">
<tr>
<td colspan="4" class="title">{$lang_insert_table_title}</td>
</tr>
<tr>
<td>{$lang_insert_table_cols}:</td>
<td><input name="cols" type="text" id="cols" value="" size="3" maxlength="3"></td>
<td>{$lang_insert_table_rows}:</td>
<td><input name="rows" type="text" id="rows" value="" size="3" maxlength="3"></td>
</tr>
<tr>
<td>{$lang_insert_table_cellpadding}:</td>
<td><input name="cellpadding" type="text" id="cellpadding" value="" size="3" maxlength="3"></td>
<td>{$lang_insert_table_cellspacing}:</td>
<td><input name="cellspacing" type="text" id="cellspacing" value="" size="3" maxlength="3"></td>
</tr>
<tr>
<td>{$lang_insert_table_align}:</td>
<td><select name="align">
<option value="">{$lang_insert_table_align_default}</option>
<option value="center">{$lang_insert_table_align_middle}</option>
<option value="left">{$lang_insert_table_align_left}</option>
<option value="right">{$lang_insert_table_align_right}</option>
</select></td>
<td>{$lang_insert_table_border}:</td>
<td><input name="border" type="text" id="border" value="" size="3" maxlength="3"></td>
</tr>
<tr>
<td>{$lang_insert_table_width}:</td>
<td><input name="width" type="text" id="width" value="" size="4" maxlength="4"></td>
<td>{$lang_insert_table_height}: </td>
<td><input name="height" type="text" id="height" value="" size="4" maxlength="4"></td>
</tr>
<tr id="colors" style="display: none">
<td>{$lang_table_bordercolor}:</td>
<td><input name="bordercolor" type="text" id="bordercolor" value="" size="9" maxlength="7"></td>
<td>{$lang_table_bgcolor}:</td>
<td><input name="bgcolor" type="text" id="bgcolor" value="" size="9" maxlength="7"></td>
</tr>
<tr>
<td>{$lang_insert_table_class}:</td>
<td>
<select name="styleSelect">
<option value="" selected>-- {$lang_theme_style_select} --</option>
</select></td>
<td align="right">&nbsp;</td>
<td align="right">&nbsp;</td>
</tr>
<tr>
<td><input type="button" id="insert" name="insert" value="{$lang_insert}" onclick="insertTable();"></td>
<td align="right">&nbsp;</td>
<td align="right">&nbsp;</td>
<td align="right"><input type="button" id="cancel" name="cancel" value="{$lang_cancel}" onclick="cancelAction();"></td>
</tr>
</table></td>
</tr>
</table>
</form>
</body>
</html>