Файл: siteadmin/editor_files/selcolor.php
Строк: 943
<?php
define('_VALID', true);
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']['selcolor']; ?></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
@import url(<?php echo WP_WEB_DIRECTORY; ?>dialoge_theme.css);
#tab_table {
width: 286px;
margin-top: 3px;
}
#tab_container {
padding-top: 10px;
border-left: 2px solid threedhighlight;
border-right: 2px solid threeddarkshadow;
border-bottom: 2px solid threeddarkshadow;
height: 218px;
width: 286px
}
-->
</style>
<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 language="JavaScript" type="text/javascript">
<!--//
var CURRENT_HIGHLIGHT = null
function initiate() {
if (obj.color_swatches == '') {
document.getElementById('web_color_container').style.display = 'block';
} else {
var color_swatches = obj.color_swatches
var colors = color_swatches.split(',');
var colorTable = '<table id="site_colortable" height="40" border="0" cellspacing="0" cellpadding="0" class="colortable">';
var cellCount = 0
for (var i=0; i < colors.length; i++) {
if (cellCount == 0) {
colorTable += '<tr>'
}
colorTable += '<td class="colorCell" bgcolor="'+colors[i]+'"> </td>'
if (cellCount == 18) {
colorTable += '</tr>'
cellCount = 0;
} else {
cellCount ++;
}
}
if (cellCount != 0) {
colorTable += '</tr>'
}
colorTable += '<tr><td height="14" class="colorCell" bgcolor="" colspan="19" align="center"><?php echo $lang['default']; ?></td></tr></table>';
document.getElementById('site_color_container').innerHTML = colorTable ;
document.getElementById('tbar1').className = 'tbuttonUpLeft';
document.getElementById('tbar2').className = 'tbuttonRight';
document.getElementById('site_color_container').style.display = 'block';
document.getElementById('web_color_container').style.display = 'none';
}
kids = document.getElementsByTagName('TD');
for (var i=0; i < kids.length; i++) {
if (kids[i].className == "colorCell") {
kids[i].onmouseover = m_over;
kids[i].onmouseout = m_out;
kids[i].onclick = m_click;
}
}
}
function m_click() {
document.getElementById('selcolor').value = this.bgColor;
document.getElementById('chosencolor').style.backgroundColor = this.bgColor;
this.style.border = '1px solid #FFFFFF'
if (CURRENT_HIGHLIGHT) {
CURRENT_HIGHLIGHT.style.border = "1px solid #000000"
}
CURRENT_HIGHLIGHT = this
}
function m_over () {
if (CURRENT_HIGHLIGHT == this) return
document.getElementById('rgb').innerHTML = this.bgColor;
document.getElementById('colordisplay').style.backgroundColor = this.bgColor;
this.style.border = "1px dashed #FFFFFF";
}
function m_out() {
if (CURRENT_HIGHLIGHT == this) return
document.getElementById('rgb').innerText = " ";
document.getElementById('colordisplay').bgcolor="threedface";
this.style.border = "1px solid #000000"
}
function end() {
parentWindow.wp_docolor(obj,'<?php echo stripslashes($_GET['action']); ?>',document.getElementById('selcolor').value)
window.close();
return false;
}
function on_enter_site() {
if (document.getElementById('tbar1').className == 'noTab') {
return
}
document.getElementById('tbar1').className = 'tbuttonUpLeft';
document.getElementById('tbar2').className = 'tbuttonRight';
document.getElementById('site_color_container').style.display = 'block';
document.getElementById('web_color_container').style.display = 'none';
}
function on_enter_web() {
if (document.getElementById('tbar2').className == 'noTab') {
return
}
document.getElementById('tbar1').className = 'tbuttonLeft';
document.getElementById('tbar2').className = 'tbuttonUpRight';
document.getElementById('site_color_container').style.display = 'none';
document.getElementById('web_color_container').style.display = 'block';
}
// -->
</script>
</head>
<body onLoad="initiate();document.getElementById('selcolor').focus(); hideLoadMessage();">
<form name="foo" onSubmit="return end()">
<?php include('./includes/load_message.php'); ?>
<div class="dialog_content" align="center">
<table width="205" border="0" cellspacing="0" cellpadding="1">
<tr>
<td width="55" valign="top"> <div class="selcolordisplay" style="height: 40px" id="colordisplay"> </div></td>
<td align="center" width="84"> <p><span id="rgb"> </span></p></td>
<td align="right" width="55"> <div class="selcolordisplay" style="height: 20px" id="chosencolor"> </div>
<input type="text" style="width:60px" id="selcolor" name="selcolor" onChange="document.getElementById('chosencolor').style.backgroundColor = this.value"> </td>
</tr>
</table>
<table id="tab_table" border="0" cellspacing="0" cellpadding="2">
<tr>
<td id="tbar1" class="noTab" align="center" onClick="on_enter_site()"><nobr>
<?php echo $lang['site_colors']; ?> </nobr></td>
<td id="tbar2" class="noTab" align="center" onClick="on_enter_web()"><nobr>
<?php echo $lang['web_colors']; ?> </nobr></td>
<td id="tbar3" width="100%" class="noTab" align="center"> </td>
</tr>
</table>
<div id="tab_container">
<div id="site_color_container" style="display:none">
<!-- Your custom color swatches will be generated here -->
</div>
<div id="web_color_container" style="display:none">
<table id="web_colortable" width="100%" border="0" cellspacing="0" cellpadding="0" class="colortable">
<tr>
<td class="colorCell" bgcolor="#000000"> </td>
<td class="colorCell" bgcolor="#000000"> </td>
<td class="colorCell" bgcolor="#003300"> </td>
<td class="colorCell" bgcolor="#006600"> </td>
<td class="colorCell" bgcolor="#009900"> </td>
<td class="colorCell" bgcolor="#00cc00"> </td>
<td class="colorCell" bgcolor="#00ff00"> </td>
<td class="colorCell" bgcolor="#330000"> </td>
<td class="colorCell" bgcolor="#333300"> </td>
<td class="colorCell" bgcolor="#336600"> </td>
<td class="colorCell" bgcolor="#339900"> </td>
<td class="colorCell" bgcolor="#33cc00"> </td>
<td class="colorCell" bgcolor="#33ff00"> </td>
<td class="colorCell" bgcolor="#660000"> </td>
<td class="colorCell" bgcolor="#663300"> </td>
<td class="colorCell" bgcolor="#666600"> </td>
<td class="colorCell" bgcolor="#669900"> </td>
<td class="colorCell" bgcolor="#66cc00"> </td>
<td class="colorCell" bgcolor="#66ff00"> </td>
</tr>
<tr>
<td class="colorCell" bgcolor="#333333"> </td>
<td class="colorCell" bgcolor="#000033"> </td>
<td class="colorCell" bgcolor="#003333"> </td>
<td class="colorCell" bgcolor="#006633"> </td>
<td class="colorCell" bgcolor="#009933"> </td>
<td class="colorCell" bgcolor="#00cc33"> </td>
<td class="colorCell" bgcolor="#00ff33"> </td>
<td class="colorCell" bgcolor="#330033"> </td>
<td class="colorCell" bgcolor="#333333"> </td>
<td class="colorCell" bgcolor="#336633"> </td>
<td class="colorCell" bgcolor="#339933"> </td>
<td class="colorCell" bgcolor="#33cc33"> </td>
<td class="colorCell" bgcolor="#33ff33"> </td>
<td class="colorCell" bgcolor="#660033"> </td>
<td class="colorCell" bgcolor="#663333"> </td>
<td class="colorCell" bgcolor="#666633"> </td>
<td class="colorCell" bgcolor="#669933"> </td>
<td class="colorCell" bgcolor="#66cc33"> </td>
<td class="colorCell" bgcolor="#66ff33"> </td>
</tr>
<tr>
<td class="colorCell" bgcolor="#666666"> </td>
<td class="colorCell" bgcolor="#000066"> </td>
<td class="colorCell" bgcolor="#003366"> </td>
<td class="colorCell" bgcolor="#006666"> </td>
<td class="colorCell" bgcolor="#009966"> </td>
<td class="colorCell" bgcolor="#00cc66"> </td>
<td class="colorCell" bgcolor="#00ff66"> </td>
<td class="colorCell" bgcolor="#330066"> </td>
<td class="colorCell" bgcolor="#333366"> </td>
<td class="colorCell" bgcolor="#336666"> </td>
<td class="colorCell" bgcolor="#339966"> </td>
<td class="colorCell" bgcolor="#33cc66"> </td>
<td class="colorCell" bgcolor="#33ff66"> </td>
<td class="colorCell" bgcolor="#660066"> </td>
<td class="colorCell" bgcolor="#663366"> </td>
<td class="colorCell" bgcolor="#666666"> </td>
<td class="colorCell" bgcolor="#669966"> </td>
<td class="colorCell" bgcolor="#66cc66"> </td>
<td class="colorCell" bgcolor="#66ff66"> </td>
</tr>
<tr>
<td class="colorCell" bgcolor="#999999"> </td>
<td class="colorCell" bgcolor="#000099"> </td>
<td class="colorCell" bgcolor="#003399"> </td>
<td class="colorCell" bgcolor="#006699"> </td>
<td class="colorCell" bgcolor="#009999"> </td>
<td class="colorCell" bgcolor="#00cc99"> </td>
<td class="colorCell" bgcolor="#00ff99"> </td>
<td class="colorCell" bgcolor="#330099"> </td>
<td class="colorCell" bgcolor="#333399"> </td>
<td class="colorCell" bgcolor="#336699"> </td>
<td class="colorCell" bgcolor="#339999"> </td>
<td class="colorCell" bgcolor="#33cc99"> </td>
<td class="colorCell" bgcolor="#33ff99"> </td>
<td class="colorCell" bgcolor="#660099"> </td>
<td class="colorCell" bgcolor="#663399"> </td>
<td class="colorCell" bgcolor="#666699"> </td>
<td class="colorCell" bgcolor="#669999"> </td>
<td class="colorCell" bgcolor="#66cc99"> </td>
<td class="colorCell" bgcolor="#66ff99"> </td>
</tr>
<tr>
<td class="colorCell" bgcolor="#cccccc"> </td>
<td class="colorCell" bgcolor="#0000cc"> </td>
<td class="colorCell" bgcolor="#0033cc"> </td>
<td class="colorCell" bgcolor="#0066cc"> </td>
<td class="colorCell" bgcolor="#0099cc"> </td>
<td class="colorCell" bgcolor="#00cccc"> </td>
<td class="colorCell" bgcolor="#00ffcc"> </td>
<td class="colorCell" bgcolor="#3300cc"> </td>
<td class="colorCell" bgcolor="#3333cc"> </td>
<td class="colorCell" bgcolor="#3366cc"> </td>
<td class="colorCell" bgcolor="#3399cc"> </td>
<td class="colorCell" bgcolor="#33cccc"> </td>
<td class="colorCell" bgcolor="#33ffcc"> </td>
<td class="colorCell" bgcolor="#6600cc"> </td>
<td class="colorCell" bgcolor="#6633cc"> </td>
<td class="colorCell" bgcolor="#6666cc"> </td>
<td class="colorCell" bgcolor="#6699cc"> </td>
<td class="colorCell" bgcolor="#66cccc"> </td>
<td class="colorCell" bgcolor="#66ffcc"> </td>
</tr>
<tr>
<td class="colorCell" bgcolor="#ffffff"> </td>
<td class="colorCell" bgcolor="#0000ff"> </td>
<td class="colorCell" bgcolor="#0033ff"> </td>
<td class="colorCell" bgcolor="#0066ff"> </td>
<td class="colorCell" bgcolor="#0099ff"> </td>
<td class="colorCell" bgcolor="#00ccff"> </td>
<td class="colorCell" bgcolor="#00ffff"> </td>
<td class="colorCell" bgcolor="#3300ff"> </td>
<td class="colorCell" bgcolor="#3333ff"> </td>
<td class="colorCell" bgcolor="#3366ff"> </td>
<td class="colorCell" bgcolor="#3399ff"> </td>
<td class="colorCell" bgcolor="#33ccff"> </td>
<td class="colorCell" bgcolor="#33ffff"> </td>
<td class="colorCell" bgcolor="#6600ff"> </td>
<td class="colorCell" bgcolor="#6633ff"> </td>
<td class="colorCell" bgcolor="#6666ff"> </td>
<td class="colorCell" bgcolor="#6699ff"> </td>
<td class="colorCell" bgcolor="#66ccff"> </td>
<td class="colorCell" bgcolor="#66ffff"> </td>
</tr>
<tr>
<td class="colorCell" bgcolor="#ff0000"> </td>
<td class="colorCell" bgcolor="#990000"> </td>
<td class="colorCell" bgcolor="#993300"> </td>
<td class="colorCell" bgcolor="#996600"> </td>
<td class="colorCell" bgcolor="#999900"> </td>
<td class="colorCell" bgcolor="#99cc00"> </td>
<td class="colorCell" bgcolor="#99ff00"> </td>
<td class="colorCell" bgcolor="#cc0000"> </td>
<td class="colorCell" bgcolor="#cc3300"> </td>
<td class="colorCell" bgcolor="#cc6600"> </td>
<td class="colorCell" bgcolor="#cc9900"> </td>
<td class="colorCell" bgcolor="#cccc00"> </td>
<td class="colorCell" bgcolor="#ccff00"> </td>
<td class="colorCell" bgcolor="#ff0000"> </td>
<td class="colorCell" bgcolor="#ff3300"> </td>
<td class="colorCell" bgcolor="#ff6600"> </td>
<td class="colorCell" bgcolor="#ff9900"> </td>
<td class="colorCell" bgcolor="#ffcc00"> </td>
<td class="colorCell" bgcolor="#ffff00"> </td>
</tr>
<tr>
<td class="colorCell" bgcolor="#00ff00"> </td>
<td class="colorCell" bgcolor="#990033"> </td>
<td class="colorCell" bgcolor="#993333"> </td>
<td class="colorCell" bgcolor="#996633"> </td>
<td class="colorCell" bgcolor="#999933"> </td>
<td class="colorCell" bgcolor="#99cc33"> </td>
<td class="colorCell" bgcolor="#99ff33"> </td>
<td class="colorCell" bgcolor="#cc0033"> </td>
<td class="colorCell" bgcolor="#cc3333"> </td>
<td class="colorCell" bgcolor="#cc6633"> </td>
<td class="colorCell" bgcolor="#cc9933"> </td>
<td class="colorCell" bgcolor="#cccc33"> </td>
<td class="colorCell" bgcolor="#CCFF33"> </td>
<td class="colorCell" bgcolor="#ff0033"> </td>
<td class="colorCell" bgcolor="#ff3333"> </td>
<td class="colorCell" bgcolor="#ff6633"> </td>
<td class="colorCell" bgcolor="#ff9933"> </td>
<td class="colorCell" bgcolor="#ffcc33"> </td>
<td class="colorCell" bgcolor="#ffff33"> </td>
</tr>
<tr>
<td class="colorCell" bgcolor="#0000ff"> </td>
<td class="colorCell" bgcolor="#990066"> </td>
<td class="colorCell" bgcolor="#993366"> </td>
<td class="colorCell" bgcolor="#996666"> </td>
<td class="colorCell" bgcolor="#999966"> </td>
<td class="colorCell" bgcolor="#99cc66"> </td>
<td class="colorCell" bgcolor="#99ff66"> </td>
<td class="colorCell" bgcolor="#cc0066"> </td>
<td class="colorCell" bgcolor="#cc3366"> </td>
<td class="colorCell" bgcolor="#cc6666"> </td>
<td class="colorCell" bgcolor="#cc9966"> </td>
<td class="colorCell" bgcolor="#cccc66"> </td>
<td class="colorCell" bgcolor="#ccff66"> </td>
<td class="colorCell" bgcolor="#ff0066"> </td>
<td class="colorCell" bgcolor="#ff3366"> </td>
<td class="colorCell" bgcolor="#ff6666"> </td>
<td class="colorCell" bgcolor="#ff9966"> </td>
<td class="colorCell" bgcolor="#ffcc66"> </td>
<td class="colorCell" bgcolor="#ffff66"> </td>
</tr>
<tr>
<td class="colorCell" bgcolor="#ffff00"> </td>
<td class="colorCell" bgcolor="#990099"> </td>
<td class="colorCell" bgcolor="#993399"> </td>
<td class="colorCell" bgcolor="#996699"> </td>
<td class="colorCell" bgcolor="#999999"> </td>
<td class="colorCell" bgcolor="#99cc99"> </td>
<td class="colorCell" bgcolor="#99ff99"> </td>
<td class="colorCell" bgcolor="#cc0099"> </td>
<td class="colorCell" bgcolor="#cc3399"> </td>
<td class="colorCell" bgcolor="#cc6699"> </td>
<td class="colorCell" bgcolor="#cc9999"> </td>
<td class="colorCell" bgcolor="#cccc99"> </td>
<td class="colorCell" bgcolor="#ccff99"> </td>
<td class="colorCell" bgcolor="#ff0099"> </td>
<td class="colorCell" bgcolor="#ff3399"> </td>
<td class="colorCell" bgcolor="#ff6699"> </td>
<td class="colorCell" bgcolor="#ff9999"> </td>
<td class="colorCell" bgcolor="#ffcc99"> </td>
<td class="colorCell" bgcolor="#ffff99"> </td>
</tr>
<tr>
<td class="colorCell" bgcolor="#00ffff"> </td>
<td class="colorCell" bgcolor="#9900cc"> </td>
<td class="colorCell" bgcolor="#9933cc"> </td>
<td class="colorCell" bgcolor="#9966cc"> </td>
<td class="colorCell" bgcolor="#9999cc"> </td>
<td class="colorCell" bgcolor="#99cccc"> </td>
<td class="colorCell" bgcolor="#99ffcc"> </td>
<td class="colorCell" bgcolor="#cc00cc"> </td>
<td class="colorCell" bgcolor="#cc33cc"> </td>
<td class="colorCell" bgcolor="#cc66cc"> </td>
<td class="colorCell" bgcolor="#cc99cc"> </td>
<td class="colorCell" bgcolor="#cccccc"> </td>
<td class="colorCell" bgcolor="#ccffcc"> </td>
<td class="colorCell" bgcolor="#ff00cc"> </td>
<td class="colorCell" bgcolor="#ff33cc"> </td>
<td class="colorCell" bgcolor="#ff66cc"> </td>
<td class="colorCell" bgcolor="#ff99cc"> </td>
<td class="colorCell" bgcolor="#ffcccc"> </td>
<td class="colorCell" bgcolor="#ffffcc"> </td>
</tr>
<tr>
<td class="colorCell" bgcolor="#ff00ff"> </td>
<td class="colorCell" bgcolor="#9900ff"> </td>
<td class="colorCell" bgcolor="#9933ff"> </td>
<td class="colorCell" bgcolor="#9966ff"> </td>
<td class="colorCell" bgcolor="#9999ff"> </td>
<td class="colorCell" bgcolor="#99ccff"> </td>
<td class="colorCell" bgcolor="#99ffff"> </td>
<td class="colorCell" bgcolor="#cc00ff"> </td>
<td class="colorCell" bgcolor="#cc33ff"> </td>
<td class="colorCell" bgcolor="#cc66ff"> </td>
<td class="colorCell" bgcolor="#cc99ff"> </td>
<td class="colorCell" bgcolor="#ccccff"> </td>
<td class="colorCell" bgcolor="#ccffff"> </td>
<td class="colorCell" bgcolor="#ff00ff"> </td>
<td class="colorCell" bgcolor="#ff33ff"> </td>
<td class="colorCell" bgcolor="#ff66ff"> </td>
<td class="colorCell" bgcolor="#ff99ff"> </td>
<td class="colorCell" bgcolor="#ffccff"> </td>
<td class="colorCell" bgcolor="#ffffff"> </td>
</tr>
<tr>
<td class="colorCell" bgcolor="" colspan="19" align="center"><?php echo $lang['default']; ?></td>
</tr>
</table>
</div>
</div>
<br>
<button id="ok" type="submit"><?php echo $lang['ok']; ?></button>
<button type="button" onClick="window.close();"><?php echo $lang['cancel']; ?></button>
</div></form>
</body>
</html>