|
Server : Apache/2 System : Linux vps.phamthanh.local 3.10.0-1160.102.1.el7.x86_64 #1 SMP Tue Oct 17 15:42:21 UTC 2023 x86_64 User : benhviencoc7 ( 1008) PHP Version : 5.6.40 Disable Function : exec,system,passthru,shell_exec,proc_close,proc_open,dl,popen,show_source,posix_kill,posix_mkfifo,posix_getpwuid,posix_setpgid,posix_setsid,posix_setuid,posix_setgid,posix_seteuid,posix_setegid,posix_uname Directory : /home/benhviencoc7/public_html/data/javascripts/editor/popups/ |
Upload File : |
<?php
@include('../languages/vi.php');
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
</head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="../styles/styles.css" />
<script language="JavaScript" type="text/javascript">
var qsParm = new Array();
/* ---------------------------------------------------------------------- *\
Function : init()
Description : Calls the initial functions when page loads.
\* ---------------------------------------------------------------------- */
function init() {
hideOnBorderStyles();
hideOnBorderWidths();
hideColorMenus();
}
/* ---------------------------------------------------------------------- *\
Function : buildTable()
Description : Builds a table and inserts it into the WYSIWYG.
\* ---------------------------------------------------------------------- */
function buildTable() {
// Checks if the table border will use the BORDER-COLLAPSE CSS attribute
var collapse;
if (document.getElementById('borderCollapse').checked == true) {
collapse = document.getElementById('borderCollapse').value;
}
else {
collapse = "separate";
}
// Builds a table based on the data input into the form
var table = '<table border="0" cellpadding="0" cellspacing="0" style="';
table += 'BORDER-COLLAPSE: ' + collapse + ';';
table += ' border: ' + document.getElementById('borderWidth').value + ' ' + document.getElementById('borderStyle').value + ' ' + document.getElementById('borderColor').value + ';';
table += ' width: ' + document.getElementById('tableWidth').value + document.getElementById('widthType').value + ';';
table += ' background-color: ' + document.getElementById('shadingColor').value + ';"';
table += ' alignment="' + document.getElementById('alignment').value + '">\n';
// Creates the number of rows and cols the table will have
for (var i = 0; i < document.getElementById('rows').value; i++) {
table += '<tr>\n';
for (var j = 0; j < document.getElementById('cols').value; j++) {
table += '<td style="border: ' + document.getElementById('borderWidth').value + ' ' + document.getElementById('borderStyle').value + ' ' + document.getElementById('borderColor').value + '; padding: ' + document.getElementById('padding').value + ';"> </td>\n';
}
table += '</tr>\n';
}
table += '</table>\n';
// Inserts the table code into the WYSIWYG editor
parent.insertHTML(table, '<?php echo $_GET['wysiwyg'] ?>');
}
/* ---------------------------------------------------------------------- *\
Function : hideOnBorderWidths()
Description : Hides any table cell with an ID of "#px on" (e.g. "3px on").
\* ---------------------------------------------------------------------- */
function hideOnBorderWidths() {
var onBorderWidths = new Array();
onBorderWidths[0] = "1px on";
onBorderWidths[1] = "2px on";
onBorderWidths[2] = "3px on";
onBorderWidths[3] = "4px on";
onBorderWidths[4] = "5px on";
onBorderWidths[5] = "6px on";
for (var j = 0; j < onBorderWidths.length;) {
document.getElementById(onBorderWidths[j]).style.display = 'none';
j++;
}
}
/* ---------------------------------------------------------------------- *\
Function : showOffBorderWidths()
Description : Shows all table cells with an ID of "#px" (e.g. "3px").
\* ---------------------------------------------------------------------- */
function showOffBorderWidths() {
var offBorderWidths = new Array();
offBorderWidths[0] = "1px";
offBorderWidths[1] = "2px";
offBorderWidths[2] = "3px";
offBorderWidths[3] = "4px";
offBorderWidths[4] = "5px";
offBorderWidths[5] = "6px";
for (var j = 0; j < offBorderWidths.length;) {
document.getElementById(offBorderWidths[j]).style.display = 'block';
j++;
}
}
/* ---------------------------------------------------------------------- *\
Function : selectWidth()
Description : Selects the width to be used in the output table.
Usage : selectWidth("3px")
\* ---------------------------------------------------------------------- */
function selectWidth(id) {
// Hide the currently selected width
hideOnBorderWidths();
// Show all of the width options as unselected
showOffBorderWidths();
// Hide the "off" element and replace with an "on" element so option appears selected
document.getElementById(id).style.display = 'none';
document.getElementById(id + ' on').style.display = 'block';
// Assign value to <input type="hidden" id="borderWidth">
document.getElementById('borderWidth').value = id;
}
/* ---------------------------------------------------------------------- *\
Function : hideOnBorderStyles()
Description : Hides any table cell with an ID of "borderstyle on"
(e.g. "dashed on").
\* ---------------------------------------------------------------------- */
function hideOnBorderStyles() {
var onBorderStyles = new Array();
onBorderStyles[0] = "No Border on";
onBorderStyles[1] = "solid on";
onBorderStyles[2] = "dashed on";
onBorderStyles[3] = "dotted on";
onBorderStyles[4] = "double on";
onBorderStyles[5] = "inset on";
onBorderStyles[6] = "outset on";
onBorderStyles[7] = "groove on";
onBorderStyles[8] = "ridge on";
for (var j = 0; j < onBorderStyles.length;) {
document.getElementById(onBorderStyles[j]).style.display = 'none';
j++;
}
}
/* ---------------------------------------------------------------------- *\
Function : showOffBorderStyles()
Description : Shows all table cells with an ID of "borderstyle"
(e.g. "solid").
\* ---------------------------------------------------------------------- */
function showOffBorderStyles() {
var offBorderStyles = new Array();
offBorderStyles[0] = "No Border";
offBorderStyles[1] = "solid";
offBorderStyles[2] = "dashed";
offBorderStyles[3] = "dotted";
offBorderStyles[4] = "double";
offBorderStyles[5] = "inset";
offBorderStyles[6] = "outset";
offBorderStyles[7] = "groove";
offBorderStyles[8] = "ridge";
for (var j = 0; j < offBorderStyles.length;) {
document.getElementById(offBorderStyles[j]).style.display = 'block';
j++;
}
}
/* ---------------------------------------------------------------------- *\
Function : selectBorder()
Description : Selects the border style to be used in the output table.
Usage : selectBorder("dashed")
\* ---------------------------------------------------------------------- */
function selectBorder(id) {
// Hide the currently selected border style
hideOnBorderStyles();
// Show all of the border style options as unselected
showOffBorderStyles();
// Hide the "off" element and replace with an "on" element so option appears selected
document.getElementById(id).style.display = 'none';
document.getElementById(id + ' on').style.display = 'block';
// Assign value to <input type="hidden" id="borderStyle">
document.getElementById('borderStyle').value = id;
}
/* ---------------------------------------------------------------------- *\
Function : hideColorMenus()
Description : Hide the menus used for selecting the border color and
shading color.
\* ---------------------------------------------------------------------- */
function hideColorMenus() {
document.getElementById('borderColorMenu').style.display = "none";
document.getElementById('shadingColorMenu').style.display = "none";
}
/* ---------------------------------------------------------------------- *\
Function : showBorderColorMenu()
Description : Show the border color menu so user can select the table's
border color.
\* ---------------------------------------------------------------------- */
function showBorderColorMenu() {
document.getElementById('borderColorMenu').style.display = "block";
}
/* ---------------------------------------------------------------------- *\
Function : previewBorderColor()
Description : When mousing over a border color display the color in the
preview square.
\* ---------------------------------------------------------------------- */
function previewBorderColor(color) {
document.getElementById('borderColorPreview').style.backgroundColor = color;
}
/* ---------------------------------------------------------------------- *\
Function : selectBorderColor()
Description : Assigns the selected border color to
<input type="hidden" id="borderColor">.
\* ---------------------------------------------------------------------- */
function selectBorderColor(color) {
document.getElementById('borderColorPreview').style.backgroundColor = color;
document.getElementById('borderColorMenu').style.display = "none";
document.getElementById('borderColor').value = color;
}
/* ---------------------------------------------------------------------- *\
Function : showShadingColorMenu()
Description : Show the shading color menu so user can select the table's
shading color.
\* ---------------------------------------------------------------------- */
function showShadingColorMenu() {
document.getElementById('shadingColorMenu').style.display = "block";
}
/* ---------------------------------------------------------------------- *\
Function : previewShadingColor()
Description : When mousing over a shading color display the color in the
preview square.
\* ---------------------------------------------------------------------- */
function previewShadingColor(color) {
document.getElementById('shadingColorPreview').style.backgroundColor = color;
}
/* ---------------------------------------------------------------------- *\
Function : selectShadingColor()
Description : Assigns the selected shading color to
<input type="hidden" id="shadingColor">.
\* ---------------------------------------------------------------------- */
function selectShadingColor(color) {
document.getElementById('shadingColorPreview').style.backgroundColor = color;
document.getElementById('shadingColorMenu').style.display = "none";
document.getElementById('shadingColor').value = color;
}
</script>
<style>
* {
margin: 0;
padding: 0;
}
body {
background-color: #EEE;
}
button, input[type="submit"] {
background-color: #FFF;
height: 22px;
padding: 0 5px;
border: #BBBBBB solid 1px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
}
button:hover, input[type="submit"]:hover {
border-color: #464646;
cursor: pointer;
}
</style>
<body onload="init();">
<table border="0" cellpadding="0" cellspacing="0" style="padding: 10px;"><tr><td>
<input type="hidden" name="borderWidth" id="borderWidth" value="0px">
<input type="hidden" name="borderStyle" id="borderStyle" value="solid">
<input type="hidden" name="borderColor" id="borderColor" value="#000000">
<input type="hidden" name="shadingColor" id="shadingColor" value="#FFFFFF">
<span style="font-family: arial, verdana, helvetica; font-size: 11px; font-weight: bold;"><?php echo $language['editer_table_p']; ?>:</span>
<table width="380" border="0" cellpadding="0" cellspacing="0" style="background-color: #F7F7F7; border: 2px solid #FFFFFF; padding: 5px;">
<tr>
<td style="padding-bottom: 2px; width: 50px; font-family: arial, verdana, helvetica; font-size: 11px;"><?php echo $language['editer_table_row']; ?>:</td>
<td style="padding-bottom: 2px; width: 80px; "><input type="text" size="4" id="rows" name="rows" value="5" style="font-size: 10px; width: 65px;"></td>
<td style="padding-bottom: 2px; width: 80px; font-family: arial, verdana, helvetica; font-size: 11px;"><?php echo $language['editer_table_width']; ?>:
<td style="padding-bottom: 2px; width: 180px; ">
<input type="text" name="tableWidth" id="tableWidth" value="100" size="10" style="font-size: 10px; width: 65px;">
<select name="widthType" id="widthType" style="margin-right: 10px; font-size: 10px;">
<option value="%">Percent</option>
<option value="px">Pixels</option>
</select>
</td>
</tr>
<tr>
<td style="padding-bottom: 2px; padding-top: 0px; font-family: arial, verdana, helvetica; font-size: 11px;"><?php echo $language['editer_table_col']; ?>:</td>
<td style="padding-bottom: 2px; padding-top: 0px;"><input type="text" size="4" id="cols" name="cols" value="5" style="font-size: 10px; width: 65px;"></td>
<td style="padding-bottom: 2px; padding-top: 0px; font-family: arial, verdana, helvetica; font-size: 11px;"><?php echo $language['editer_table_align']; ?>:</td>
<td style="padding-bottom: 2px; padding-top: 0px;">
<select name="alignment" id="alignment" style="margin-right: 10px; font-size: 10px; width: 65px;">
<option value=""><?php echo $language['editer_table_none']; ?></option>
<option value="Left"><?php echo $language['editer_table_left']; ?></option>
<option value="Right"><?php echo $language['editer_table_right']; ?></option>
<option value="Center"><?php echo $language['editer_table_center']; ?></option>
</select>
</td>
</tr>
<tr>
<td style="padding-top: 0px; font-family: arial, verdana, helvetica; font-size: 11px;"><?php echo $language['editer_table_pad']; ?>:</td>
<td style="padding-top: 0px;"><input type="text" size="4" id="padding" name="padding" value="5" style="font-size: 10px; width: 65px;"></td>
<td style="padding-top: 0px; font-family: arial, verdana, helvetica; font-size: 11px;"><?php echo $language['editer_table_collapse']; ?>:</td>
<td style="padding-top: 0px;"><input type="checkbox" name="borderCollapse" id="borderCollapse" /></td>
</tr>
</table>
<br />
<span style="font-family: arial, verdana, helvetica; font-size: 11px; font-weight: bold;"><?php echo $language['editer_table_bp']; ?>:</span>
<table width="380" border="0" cellpadding="5" cellspacing="0" style="background-color: #F7F7F7; border: 2px solid #FFFFFF; padding: 5px;">
<tr>
<td>
<div style="overflow: auto; width: 135px; height: 150px; border: 1px inset #CCCCCC; background-color: #FFFFFF;">
<table border="0" cellpadding="0" cellspacing="0" width="115">
<tr id="No Border" ><td class="off" onClick="selectBorder('No Border');" onMouseOver="this.className = 'on'" onMouseOut="this.className = 'off'" style="font-family: arial, verdana, helvetica; font-size: 11px;"><?php echo $language['editer_table_nob']; ?></td></tr>
<tr id="No Border on" ><td class="on" style="font-family: arial, verdana, helvetica; font-size: 11px;"><?php echo $language['editer_table_nob']; ?></td></tr>
<tr id="solid" ><td class="off" onClick="selectBorder('solid');" onMouseOver="this.className = 'on'" onMouseOut="this.className = 'off'"><hr style="border: 1px solid #000000;" /></td></tr>
<tr id="solid on" ><td class="on"><hr style="border: 1px solid #000000;" /></td></tr>
<tr id="dashed" ><td class="off" onClick="selectBorder('dashed');" onMouseOver="this.className = 'on'" onMouseOut="this.className = 'off'"><hr style="border: 2px dashed #000000;" /></td></tr>
<tr id="dashed on" ><td class="on"><hr style="border: 2px dashed #000000;" /></td></tr>
<tr id="dotted" ><td class="off" onClick="selectBorder('dotted');" onMouseOver="this.className = 'on'" onMouseOut="this.className = 'off'"><hr style="border: 2px dotted #000000;" /></td></tr>
<tr id="dotted on" ><td class="on"><hr style="border: 2px dotted #000000;" /></td></tr>
<tr id="double" ><td class="off" onClick="selectBorder('double');" onMouseOver="this.className = 'on'" onMouseOut="this.className = 'off'"><div style="border-top-width: 6px; border-top-style: double; border-top-color: #000000; font-size: 1px; margin: 6 0 2 0;"> </div></td></tr>
<tr id="double on" ><td class="on"><div style="border-top-width: 6px; border-top-style: double; border-top-color: #000000; font-size: 1px; margin: 6 0 2 0;"> </div></td></tr>
<tr id="inset" ><td class="off" onClick="selectBorder('inset');" onMouseOver="this.className = 'on'" onMouseOut="this.className = 'off'"><div style="border: 2px inset #DDDDDD; font-size: 4px; padding: 4px;"> </div></td></tr>
<tr id="inset on" ><td class="on"><div style="border: 2px inset #DDDDDD; font-size: 4px; padding: 4px;"> </div></td></tr>
<tr id="outset" ><td class="off" onClick="selectBorder('outset');" onMouseOver="this.className = 'on'" onMouseOut="this.className = 'off'"><div style="border: 2px outset #DDDDDD; font-size: 4px; padding: 4px;"> </div></td></tr>
<tr id="outset on" ><td class="on"><div style="border: 2px outset #DDDDDD; font-size: 4px; padding: 4px;"> </div></td></tr>
<tr id="groove" ><td class="off" onClick="selectBorder('groove');" onMouseOver="this.className = 'on'" onMouseOut="this.className = 'off'"><div style="border: 2px groove #DDDDDD; font-size: 4px; padding: 4px;"> </div></td></tr>
<tr id="groove on" ><td class="on"><div style="border: 2px groove #DDDDDD; font-size: 4px; padding: 4px;"> </div></td></tr>
<tr id="ridge" ><td class="off" onClick="selectBorder('ridge');" onMouseOver="this.className = 'on'" onMouseOut="this.className = 'off'"><div style="border: 2px ridge #DDDDDD; font-size: 4px; padding: 4px;"> </div></td></tr>
<tr id="ridge on" ><td class="on"><div style="border: 2px ridge #DDDDDD; font-size: 4px; padding: 4px;"> </div></td></tr>
</table>
</div>
</td>
<td>
<div style="overflow: auto; width: 135px; height: 150px; border: 1px inset #CCCCCC; background-color: #FFFFFF;">
<table border="0" cellpadding="0" cellspacing="0" width="115">
<tr id="1px" ><td class="off" onClick="selectWidth('1px');" onMouseOver="this.className = 'on'" onMouseOut="this.className = 'off'"><table cellpaddin="0" cellspacing="0" border="0"><tr><td style="font-family: arial, verdana, helvetica, sans serif; font-size: 12px;">1px </td><td style="border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #000000; font-size: 1px; width: 80px;"> </td></tr></table></td></tr>
<tr id="1px on" ><td class="on"><table cellpaddin="0" cellspacing="0" border="0"><tr><td style="font-family: arial, verdana, helvetica, sans serif; font-size: 12px;">1px </td><td style="border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #000000; font-size: 1px; margin: 6 0 0 0; width: 80px;"> </td></tr></table></td></tr>
<tr id="2px" ><td class="off" onClick="selectWidth('2px');" onMouseOver="this.className = 'on'" onMouseOut="this.className = 'off'"><table cellpaddin="0" cellspacing="0" border="0"><tr><td style="font-family: arial, verdana, helvetica, sans serif; font-size: 12px;">2px </td><td style="border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #000000; font-size: 1px; margin: 6 0 0 0; width: 80px;"> </td></tr></table></td></tr>
<tr id="2px on" ><td class="on"><table cellpaddin="0" cellspacing="0" border="0"><tr><td style="font-family: arial, verdana, helvetica, sans serif; font-size: 12px;">2px </td><td style="border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #000000; font-size: 1px; margin: 6 0 0 0; width: 80px;"> </td></tr></table></td></tr>
<tr id="3px" ><td class="off" onClick="selectWidth('3px');" onMouseOver="this.className = 'on'" onMouseOut="this.className = 'off'"><table cellpaddin="0" cellspacing="0" border="0"><tr><td style="font-family: arial, verdana, helvetica, sans serif; font-size: 12px;">3px </td><td style="border-bottom-width: 3px; border-bottom-style: solid; border-bottom-color: #000000; font-size: 1px; margin: 6 0 0 0; width: 80px;"> </td></tr></table></td></tr>
<tr id="3px on" ><td class="on"><table cellpaddin="0" cellspacing="0" border="0"><tr><td style="font-family: arial, verdana, helvetica, sans serif; font-size: 12px;">3px </td><td style="border-bottom-width: 3px; border-bottom-style: solid; border-bottom-color: #000000; font-size: 1px; margin: 6 0 0 0; width: 80px;"> </td></tr></table></td></tr>
<tr id="4px" ><td class="off" onClick="selectWidth('4px');" onMouseOver="this.className = 'on'" onMouseOut="this.className = 'off'"><table cellpaddin="0" cellspacing="0" border="0"><tr><td style="font-family: arial, verdana, helvetica, sans serif; font-size: 12px;">4px </td><td style="border-bottom-width: 4px; border-bottom-style: solid; border-bottom-color: #000000; font-size: 1px; margin: 6 0 0 0; width: 80px;"> </td></tr></table></td></tr>
<tr id="4px on" ><td class="on"><table cellpaddin="0" cellspacing="0" border="0"><tr><td style="font-family: arial, verdana, helvetica, sans serif; font-size: 12px;">4px </td><td style="border-bottom-width: 4px; border-bottom-style: solid; border-bottom-color: #000000; font-size: 1px; margin: 6 0 0 0; width: 80px;"> </td></tr></table></td></tr>
<tr id="5px" ><td class="off" onClick="selectWidth('5px');" onMouseOver="this.className = 'on'" onMouseOut="this.className = 'off'"><table cellpaddin="0" cellspacing="0" border="0"><tr><td style="font-family: arial, verdana, helvetica, sans serif; font-size: 12px;">5px </td><td style="border-bottom-width: 5px; border-bottom-style: solid; border-bottom-color: #000000; font-size: 1px; margin: 6 0 0 0; width: 80px;"> </td></tr></table></td></tr>
<tr id="5px on" ><td class="on"><table cellpaddin="0" cellspacing="0" border="0"><tr><td style="font-family: arial, verdana, helvetica, sans serif; font-size: 12px;">5px </td><td style="border-bottom-width: 5px; border-bottom-style: solid; border-bottom-color: #000000; font-size: 1px; margin: 6 0 0 0; width: 80px;"> </td></tr></table></td></tr>
<tr id="6px" ><td class="off" onClick="selectWidth('6px');" onMouseOver="this.className = 'on'" onMouseOut="this.className = 'off'"><table cellpaddin="0" cellspacing="0" border="0"><tr><td style="font-family: arial, verdana, helvetica, sans serif; font-size: 12px;">6px </td><td style="border-bottom-width: 6px; border-bottom-style: solid; border-bottom-color: #000000; font-size: 1px; margin: 6 0 0 0; width: 80px;"> </td></tr></table></td></tr>
<tr id="6px on" ><td class="on"><table cellpaddin="0" cellspacing="0" border="0"><tr><td style="font-family: arial, verdana, helvetica, sans serif; font-size: 12px;">6px </td><td style="border-bottom-width: 6px; border-bottom-style: solid; border-bottom-color: #000000; font-size: 1px; margin: 6 0 0 0; width: 80px;"> </td></tr></table></td></tr>
</table>
</div>
</td>
<td style="font-family: arial, verdana, helvetica; font-size: 11px;" valign="top">
<?php echo $language['editer_table_color']; ?>:
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="25"><table border="0" cellpadding="0" cellspacing="0"><tr><td style="width: 25px; background-color: #000000; border: 1px solid #000000; font-size: 10px;" id="borderColorPreview"> </td></tr></table></td>
<td><button style="font-size: 10px; margin-left: 2px; padding: 0 2px;" onClick="showBorderColorMenu();"><?php echo $language['editer_table_pick']; ?></button></td>
</tr>
</table>
<div style="position: absolute; right: 30px;" id="borderColorMenu">
<table border="0" cellpadding="0" cellspacing="0" class="selectColorTable">
<tr>
<td>
<table border="0" cellpadding="1" cellspacing="0">
<tr>
<td class="selectColorBorder" onMouseOver="className = 'selectColorOn'; previewBorderColor('#000000');" onMouseOut="className = 'selectColorOff'" onClick="selectBorderColor('#000000');"><div style="background-color: #000000;" class="selectColorBox"> </div></td>
<td class="selectColorBorder" onMouseOver="className = 'selectColorOn'; previewBorderColor('#993300');" onMouseOut="className = 'selectColorOff'" onClick="selectBorderColor('#993300');"><div style="background-color: #993300;" class="selectColorBox"> </div></td>
<td class="selectColorBorder" onMouseOver="className = 'selectColorOn'; previewBorderColor('#333300');" onMouseOut="className = 'selectColorOff'" onClick="selectBorderColor('#333300');"><div style="background-color: #333300;" class="selectColorBox"> </div></td>
<td class="selectColorBorder" onMouseOver="className = 'selectColorOn'; previewBorderColor('#003300');" onMouseOut="className = 'selectColorOff'" onClick="selectBorderColor('#003300');"><div style="background-color: #003300;" class="selectColorBox"> </div></td>
<td class="selectColorBorder" onMouseOver="className = 'selectColorOn'; previewBorderColor('#003366');" onMouseOut="className = 'selectColorOff'" onClick="selectBorderColor('#003366');"><div style="background-color: #003366;" class="selectColorBox"> </div></td>
<td class="selectColorBorder" onMouseOver="className = 'selectColorOn'; previewBorderColor('#000080');" onMouseOut="className = 'selectColorOff'" onClick="selectBorderColor('#000080');"><div style="background-color: #000080;" class="selectColorBox"> </div></td>
<td class="selectColorBorder" onMouseOver="className = 'selectColorOn'; previewBorderColor('#333399');" onMouseOut="className = 'selectColorOff'" onClick="selectBorderColor('#333399');"><div style="background-color: #333399;" class="selectColorBox"> </div></td>
<td class="selectColorBorder" onMouseOver="className = 'selectColorOn'; previewBorderColor('#333333');" onMouseOut="className = 'selectColorOff'" onClick="selectBorderColor('#333333');"><div style="background-color: #333333;" class="selectColorBox"> </div></td>
</tr>
<tr>
<td class="selectColorBorder" onMouseOver="className = 'selectColorOn'; previewBorderColor('#800000');" onMouseOut="className = 'selectColorOff'" onClick="selectBorderColor('#800000');"><div style="background-color: #800000;" class="selectColorBox"> </div></td>
<td class="selectColorBorder" onMouseOver="className = 'selectColorOn'; previewBorderColor('#FF6600');" onMouseOut="className = 'selectColorOff'" onClick="selectBorderColor('#FF6600');"><div style="background-color: #FF6600;" class="selectColorBox"> </div></td>
<td class="selectColorBorder" onMouseOver="className = 'selectColorOn'; previewBorderColor('#808000');" onMouseOut="className = 'selectColorOff'" onClick="selectBorderColor('#808000');"><div style="background-color: #808000;" class="selectColorBox"> </div></td>
<td class="selectColorBorder" onMouseOver="className = 'selectColorOn'; previewBorderColor('#008000');" onMouseOut="className = 'selectColorOff'" onClick="selectBorderColor('#008000');"><div style="background-color: #008000;" class="selectColorBox"> </div></td>
<td class="selectColorBorder" onMouseOver="className = 'selectColorOn'; previewBorderColor('#008080');" onMouseOut="className = 'selectColorOff'" onClick="selectBorderColor('#008080');"><div style="background-color: #008080;" class="selectColorBox"> </div></td>
<td class="selectColorBorder" onMouseOver="className = 'selectColorOn'; previewBorderColor('#0000FF');" onMouseOut="className = 'selectColorOff'" onClick="selectBorderColor('#0000FF');"><div style="background-color: #0000FF;" class="selectColorBox"> </div></td>
<td class="selectColorBorder" onMouseOver="className = 'selectColorOn'; previewBorderColor('#666699');" onMouseOut="className = 'selectColorOff'" onClick="selectBorderColor('#666699');"><div style="background-color: #666699;" class="selectColorBox"> </div></td>
<td class="selectColorBorder" onMouseOver="className = 'selectColorOn'; previewBorderColor('#808080');" onMouseOut="className = 'selectColorOff'" onClick="selectBorderColor('#808080');"><div style="background-color: #808080;" class="selectColorBox"> </div></td>
</tr>
<tr>
<td class="selectColorBorder" onMouseOver="className = 'selectColorOn'; previewBorderColor('#FF0000');" onMouseOut="className = 'selectColorOff'" onClick="selectBorderColor('#FF0000');"><div style="background-color: #FF0000;" class="selectColorBox"> </div></td>
<td class="selectColorBorder" onMouseOver="className = 'selectColorOn'; previewBorderColor('#FF9900');" onMouseOut="className = 'selectColorOff'" onClick="selectBorderColor('#FF9900');"><div style="background-color: #FF9900;" class="selectColorBox"> </div></td>
<td class="selectColorBorder" onMouseOver="className = 'selectColorOn'; previewBorderColor('#99CC00');" onMouseOut="className = 'selectColorOff'" onClick="selectBorderColor('#99CC00');"><div style="background-color: #99CC00;" class="selectColorBox"> </div></td>
<td class="selectColorBorder" onMouseOver="className = 'selectColorOn'; previewBorderColor('#339966');" onMouseOut="className = 'selectColorOff'" onClick="selectBorderColor('#339966');"><div style="background-color: #339966;" class="selectColorBox"> </div></td>
<td class="selectColorBorder" onMouseOver="className = 'selectColorOn'; previewBorderColor('#33CCCC');" onMouseOut="className = 'selectColorOff'" onClick="selectBorderColor('#33CCCC');"><div style="background-color: #33CCCC;" class="selectColorBox"> </div></td>
<td class="selectColorBorder" onMouseOver="className = 'selectColorOn'; previewBorderColor('#3366FF');" onMouseOut="className = 'selectColorOff'" onClick="selectBorderColor('#3366FF');"><div style="background-color: #3366FF;" class="selectColorBox"> </div></td>
<td class="selectColorBorder" onMouseOver="className = 'selectColorOn'; previewBorderColor('#800080');" onMouseOut="className = 'selectColorOff'" onClick="selectBorderColor('#800080');"><div style="background-color: #800080;" class="selectColorBox"> </div></td>
<td class="selectColorBorder" onMouseOver="className = 'selectColorOn'; previewBorderColor('#999999');" onMouseOut="className = 'selectColorOff'" onClick="selectBorderColor('#999999');"><div style="background-color: #999999;" class="selectColorBox"> </div></td>
</tr>
<tr>
<td class="selectColorBorder" onMouseOver="className = 'selectColorOn'; previewBorderColor('#FF00FF');" onMouseOut="className = 'selectColorOff'" onClick="selectBorderColor('#FF00FF');"><div style="background-color: #FF00FF;" class="selectColorBox"> </div></td>
<td class="selectColorBorder" onMouseOver="className = 'selectColorOn'; previewBorderColor('#FFCC00');" onMouseOut="className = 'selectColorOff'" onClick="selectBorderColor('#FFCC00');"><div style="background-color: #FFCC00;" class="selectColorBox"> </div></td>
<td class="selectColorBorder" onMouseOver="className = 'selectColorOn'; previewBorderColor('#FFFF00');" onMouseOut="className = 'selectColorOff'" onClick="selectBorderColor('#FFFF00');"><div style="background-color: #FFFF00;" class="selectColorBox"> </div></td>
<td class="selectColorBorder" onMouseOver="className = 'selectColorOn'; previewBorderColor('#00FF00');" onMouseOut="className = 'selectColorOff'" onClick="selectBorderColor('#00FF00');"><div style="background-color: #00FF00;" class="selectColorBox"> </div></td>
<td class="selectColorBorder" onMouseOver="className = 'selectColorOn'; previewBorderColor('#00FFFF');" onMouseOut="className = 'selectColorOff'" onClick="selectBorderColor('#00FFFF');"><div style="background-color: #00FFFF;" class="selectColorBox"> </div></td>
<td class="selectColorBorder" onMouseOver="className = 'selectColorOn'; previewBorderColor('#00CCFF');" onMouseOut="className = 'selectColorOff'" onClick="selectBorderColor('#00CCFF');"><div style="background-color: #00CCFF;" class="selectColorBox"> </div></td>
<td class="selectColorBorder" onMouseOver="className = 'selectColorOn'; previewBorderColor('#993366');" onMouseOut="className = 'selectColorOff'" onClick="selectBorderColor('#993366');"><div style="background-color: #993366;" class="selectColorBox"> </div></td>
<td class="selectColorBorder" onMouseOver="className = 'selectColorOn'; previewBorderColor('#C0C0C0');" onMouseOut="className = 'selectColorOff'" onClick="selectBorderColor('#C0C0C0');"><div style="background-color: #C0C0C0;" class="selectColorBox"> </div></td>
</tr>
<tr>
<td class="selectColorBorder" onMouseOver="className = 'selectColorOn'; previewBorderColor('#FF99CC');" onMouseOut="className = 'selectColorOff'" onClick="selectBorderColor('#FF99CC');"><div style="background-color: #FF99CC;" class="selectColorBox"> </div></td>
<td class="selectColorBorder" onMouseOver="className = 'selectColorOn'; previewBorderColor('#FFCC99');" onMouseOut="className = 'selectColorOff'" onClick="selectBorderColor('#FFCC99');"><div style="background-color: #FFCC99;" class="selectColorBox"> </div></td>
<td class="selectColorBorder" onMouseOver="className = 'selectColorOn'; previewBorderColor('#FFFF99');" onMouseOut="className = 'selectColorOff'" onClick="selectBorderColor('#FFFF99');"><div style="background-color: #FFFF99;" class="selectColorBox"> </div></td>
<td class="selectColorBorder" onMouseOver="className = 'selectColorOn'; previewBorderColor('#CCFFCC');" onMouseOut="className = 'selectColorOff'" onClick="selectBorderColor('#CCFFCC');"><div style="background-color: #CCFFCC;" class="selectColorBox"> </div></td>
<td class="selectColorBorder" onMouseOver="className = 'selectColorOn'; previewBorderColor('#CCFFFF');" onMouseOut="className = 'selectColorOff'" onClick="selectBorderColor('#CCFFFF');"><div style="background-color: #CCFFFF;" class="selectColorBox"> </div></td>
<td class="selectColorBorder" onMouseOver="className = 'selectColorOn'; previewBorderColor('#99CCFF');" onMouseOut="className = 'selectColorOff'" onClick="selectBorderColor('#99CCFF');"><div style="background-color: #99CCFF;" class="selectColorBox"> </div></td>
<td class="selectColorBorder" onMouseOver="className = 'selectColorOn'; previewBorderColor('#CC99FF');" onMouseOut="className = 'selectColorOff'" onClick="selectBorderColor('#666699');"><div style="background-color: #666699;" class="selectColorBox"> </div></td>
<td class="selectColorBorder" onMouseOver="className = 'selectColorOn'; previewBorderColor('#FFFFFF');" onMouseOut="className = 'selectColorOff'" onClick="selectBorderColor('#FFFFFF');"><div style="background-color: #FFFFFF;" class="selectColorBox"> </div></td>
</tr>
</table>
</tr>
</table>
</div>
<br>
<?php echo $language['editer_table_shad']; ?>:
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="25"><table border="0" cellpadding="0" cellspacing="0"><tr><td style="width: 25px; background-color: #FFFFFF; border: 1px solid #000000; font-size: 10px;" id="shadingColorPreview"> </td></tr></table></td>
<td><button style="font-size: 10px; margin-left: 2px; padding: 0 2px;" onClick="showShadingColorMenu();"><?php echo $language['editer_table_pick']; ?></button></td>
</tr>
</table>
<div style="position: absolute; right: 30px;" id="shadingColorMenu">
<table border="0" cellpadding="0" cellspacing="0" class="selectColorTable">
<tr>
<td>
<table border="0" cellpadding="1" cellspacing="0">
<tr>
<td class="selectColorBorder" onMouseOver="className = 'selectColorOn'; previewShadingColor('#000000');" onMouseOut="className = 'selectColorOff'" onClick="selectShadingColor('#000000');"><div style="background-color: #000000;" class="selectColorBox"> </div></td>
<td class="selectColorBorder" onMouseOver="className = 'selectColorOn'; previewShadingColor('#993300');" onMouseOut="className = 'selectColorOff'" onClick="selectShadingColor('#993300');"><div style="background-color: #993300;" class="selectColorBox"> </div></td>
<td class="selectColorBorder" onMouseOver="className = 'selectColorOn'; previewShadingColor('#333300');" onMouseOut="className = 'selectColorOff'" onClick="selectShadingColor('#333300');"><div style="background-color: #333300;" class="selectColorBox"> </div></td>
<td class="selectColorBorder" onMouseOver="className = 'selectColorOn'; previewShadingColor('#003300');" onMouseOut="className = 'selectColorOff'" onClick="selectShadingColor('#003300');"><div style="background-color: #003300;" class="selectColorBox"> </div></td>
<td class="selectColorBorder" onMouseOver="className = 'selectColorOn'; previewShadingColor('#003366');" onMouseOut="className = 'selectColorOff'" onClick="selectShadingColor('#003366');"><div style="background-color: #003366;" class="selectColorBox"> </div></td>
<td class="selectColorBorder" onMouseOver="className = 'selectColorOn'; previewShadingColor('#000080');" onMouseOut="className = 'selectColorOff'" onClick="selectShadingColor('#000080');"><div style="background-color: #000080;" class="selectColorBox"> </div></td>
<td class="selectColorBorder" onMouseOver="className = 'selectColorOn'; previewShadingColor('#333399');" onMouseOut="className = 'selectColorOff'" onClick="selectShadingColor('#333399');"><div style="background-color: #333399;" class="selectColorBox"> </div></td>
<td class="selectColorBorder" onMouseOver="className = 'selectColorOn'; previewShadingColor('#333333');" onMouseOut="className = 'selectColorOff'" onClick="selectShadingColor('#333333');"><div style="background-color: #333333;" class="selectColorBox"> </div></td>
</tr>
<tr>
<td class="selectColorBorder" onMouseOver="className = 'selectColorOn'; previewShadingColor('#800000');" onMouseOut="className = 'selectColorOff'" onClick="selectShadingColor('#800000');"><div style="background-color: #800000;" class="selectColorBox"> </div></td>
<td class="selectColorBorder" onMouseOver="className = 'selectColorOn'; previewShadingColor('#FF6600');" onMouseOut="className = 'selectColorOff'" onClick="selectShadingColor('#FF6600');"><div style="background-color: #FF6600;" class="selectColorBox"> </div></td>
<td class="selectColorBorder" onMouseOver="className = 'selectColorOn'; previewShadingColor('#808000');" onMouseOut="className = 'selectColorOff'" onClick="selectShadingColor('#808000');"><div style="background-color: #808000;" class="selectColorBox"> </div></td>
<td class="selectColorBorder" onMouseOver="className = 'selectColorOn'; previewShadingColor('#008000');" onMouseOut="className = 'selectColorOff'" onClick="selectShadingColor('#008000');"><div style="background-color: #008000;" class="selectColorBox"> </div></td>
<td class="selectColorBorder" onMouseOver="className = 'selectColorOn'; previewShadingColor('#008080');" onMouseOut="className = 'selectColorOff'" onClick="selectShadingColor('#008080');"><div style="background-color: #008080;" class="selectColorBox"> </div></td>
<td class="selectColorBorder" onMouseOver="className = 'selectColorOn'; previewShadingColor('#0000FF');" onMouseOut="className = 'selectColorOff'" onClick="selectShadingColor('#0000FF');"><div style="background-color: #0000FF;" class="selectColorBox"> </div></td>
<td class="selectColorBorder" onMouseOver="className = 'selectColorOn'; previewShadingColor('#666699');" onMouseOut="className = 'selectColorOff'" onClick="selectShadingColor('#666699');"><div style="background-color: #666699;" class="selectColorBox"> </div></td>
<td class="selectColorBorder" onMouseOver="className = 'selectColorOn'; previewShadingColor('#808080');" onMouseOut="className = 'selectColorOff'" onClick="selectShadingColor('#808080');"><div style="background-color: #808080;" class="selectColorBox"> </div></td>
</tr>
<tr>
<td class="selectColorBorder" onMouseOver="className = 'selectColorOn'; previewShadingColor('#FF0000');" onMouseOut="className = 'selectColorOff'" onClick="selectShadingColor('#FF0000');"><div style="background-color: #FF0000;" class="selectColorBox"> </div></td>
<td class="selectColorBorder" onMouseOver="className = 'selectColorOn'; previewShadingColor('#FF9900');" onMouseOut="className = 'selectColorOff'" onClick="selectShadingColor('#FF9900');"><div style="background-color: #FF9900;" class="selectColorBox"> </div></td>
<td class="selectColorBorder" onMouseOver="className = 'selectColorOn'; previewShadingColor('#99CC00');" onMouseOut="className = 'selectColorOff'" onClick="selectShadingColor('#99CC00');"><div style="background-color: #99CC00;" class="selectColorBox"> </div></td>
<td class="selectColorBorder" onMouseOver="className = 'selectColorOn'; previewShadingColor('#339966');" onMouseOut="className = 'selectColorOff'" onClick="selectShadingColor('#339966');"><div style="background-color: #339966;" class="selectColorBox"> </div></td>
<td class="selectColorBorder" onMouseOver="className = 'selectColorOn'; previewShadingColor('#33CCCC');" onMouseOut="className = 'selectColorOff'" onClick="selectShadingColor('#33CCCC');"><div style="background-color: #33CCCC;" class="selectColorBox"> </div></td>
<td class="selectColorBorder" onMouseOver="className = 'selectColorOn'; previewShadingColor('#3366FF');" onMouseOut="className = 'selectColorOff'" onClick="selectShadingColor('#3366FF');"><div style="background-color: #3366FF;" class="selectColorBox"> </div></td>
<td class="selectColorBorder" onMouseOver="className = 'selectColorOn'; previewShadingColor('#800080');" onMouseOut="className = 'selectColorOff'" onClick="selectShadingColor('#800080');"><div style="background-color: #800080;" class="selectColorBox"> </div></td>
<td class="selectColorBorder" onMouseOver="className = 'selectColorOn'; previewShadingColor('#999999');" onMouseOut="className = 'selectColorOff'" onClick="selectShadingColor('#999999');"><div style="background-color: #999999;" class="selectColorBox"> </div></td>
</tr>
<tr>
<td class="selectColorBorder" onMouseOver="className = 'selectColorOn'; previewShadingColor('#FF00FF');" onMouseOut="className = 'selectColorOff'" onClick="selectShadingColor('#FF00FF');"><div style="background-color: #FF00FF;" class="selectColorBox"> </div></td>
<td class="selectColorBorder" onMouseOver="className = 'selectColorOn'; previewShadingColor('#FFCC00');" onMouseOut="className = 'selectColorOff'" onClick="selectShadingColor('#FFCC00');"><div style="background-color: #FFCC00;" class="selectColorBox"> </div></td>
<td class="selectColorBorder" onMouseOver="className = 'selectColorOn'; previewShadingColor('#FFFF00');" onMouseOut="className = 'selectColorOff'" onClick="selectShadingColor('#FFFF00');"><div style="background-color: #FFFF00;" class="selectColorBox"> </div></td>
<td class="selectColorBorder" onMouseOver="className = 'selectColorOn'; previewShadingColor('#00FF00');" onMouseOut="className = 'selectColorOff'" onClick="selectShadingColor('#00FF00');"><div style="background-color: #00FF00;" class="selectColorBox"> </div></td>
<td class="selectColorBorder" onMouseOver="className = 'selectColorOn'; previewShadingColor('#00FFFF');" onMouseOut="className = 'selectColorOff'" onClick="selectShadingColor('#00FFFF');"><div style="background-color: #00FFFF;" class="selectColorBox"> </div></td>
<td class="selectColorBorder" onMouseOver="className = 'selectColorOn'; previewShadingColor('#00CCFF');" onMouseOut="className = 'selectColorOff'" onClick="selectShadingColor('#00CCFF');"><div style="background-color: #00CCFF;" class="selectColorBox"> </div></td>
<td class="selectColorBorder" onMouseOver="className = 'selectColorOn'; previewShadingColor('#993366');" onMouseOut="className = 'selectColorOff'" onClick="selectShadingColor('#993366');"><div style="background-color: #993366;" class="selectColorBox"> </div></td>
<td class="selectColorBorder" onMouseOver="className = 'selectColorOn'; previewShadingColor('#C0C0C0');" onMouseOut="className = 'selectColorOff'" onClick="selectShadingColor('#C0C0C0');"><div style="background-color: #C0C0C0;" class="selectColorBox"> </div></td>
</tr>
<tr>
<td class="selectColorBorder" onMouseOver="className = 'selectColorOn'; previewShadingColor('#FF99CC');" onMouseOut="className = 'selectColorOff'" onClick="selectShadingColor('#FF99CC');"><div style="background-color: #FF99CC;" class="selectColorBox"> </div></td>
<td class="selectColorBorder" onMouseOver="className = 'selectColorOn'; previewShadingColor('#FFCC99');" onMouseOut="className = 'selectColorOff'" onClick="selectShadingColor('#FFCC99');"><div style="background-color: #FFCC99;" class="selectColorBox"> </div></td>
<td class="selectColorBorder" onMouseOver="className = 'selectColorOn'; previewShadingColor('#FFFF99');" onMouseOut="className = 'selectColorOff'" onClick="selectShadingColor('#FFFF99');"><div style="background-color: #FFFF99;" class="selectColorBox"> </div></td>
<td class="selectColorBorder" onMouseOver="className = 'selectColorOn'; previewShadingColor('#CCFFCC');" onMouseOut="className = 'selectColorOff'" onClick="selectShadingColor('#CCFFCC');"><div style="background-color: #CCFFCC;" class="selectColorBox"> </div></td>
<td class="selectColorBorder" onMouseOver="className = 'selectColorOn'; previewShadingColor('#CCFFFF');" onMouseOut="className = 'selectColorOff'" onClick="selectShadingColor('#CCFFFF');"><div style="background-color: #CCFFFF;" class="selectColorBox"> </div></td>
<td class="selectColorBorder" onMouseOver="className = 'selectColorOn'; previewShadingColor('#99CCFF');" onMouseOut="className = 'selectColorOff'" onClick="selectShadingColor('#99CCFF');"><div style="background-color: #99CCFF;" class="selectColorBox"> </div></td>
<td class="selectColorBorder" onMouseOver="className = 'selectColorOn'; previewShadingColor('#CC99FF');" onMouseOut="className = 'selectColorOff'" onClick="selectShadingColor('#666699');"><div style="background-color: #666699;" class="selectColorBox"> </div></td>
<td class="selectColorBorder" onMouseOver="className = 'selectColorOn'; previewShadingColor('#FFFFFF');" onMouseOut="className = 'selectColorOff'" onClick="selectShadingColor('#FFFFFF');"><div style="background-color: #FFFFFF;" class="selectColorBox"> </div></td>
</tr>
</table>
</tr>
</table>
</div>
</td>
</tr>
</table>
</td></tr></table>
<div align="right"><input type="submit" value="<?php echo $language['editer_insert']; ?>" onClick="buildTable();parent.$.akModalRemove();" style="font-size: 12px;"> <input type="submit" value="<?php echo $language['editer_cancel']; ?>" onClick="parent.$.akModalRemove();" style="font-size: 12px; margin-right: 15px;" ></div>
</body>
</html>