fanbinit/rhymix
1
0
Fork 0
mirror of https://github.com/Lastorder-DC/rhymix.git synced 2026-01-12 15:21:40 +09:00
Code Issues Projects Releases Packages Wiki Activity

git-svn-id: http://xe-core.googlecode.com/svn/trunk@519 201d5d3c-b55e-5fd7-737f-ddc643e51545

Browse source
This commit is contained in:
zero 2007-03-19 02:24:22 +00:00
parent 5515c7e7c6
commit f564dfb046
7 changed files with 85 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

37
modules/editor/components/colorpicker_bg/tpl/popup.css
View file

@ -1,18 +1,43 @@
.colorpicker {
width:138px;
height:85px;
width:160px;
padding:5px;
clear:both;
}
img.preview_color {
width:30px;
height:16px;
border:1px solid #000000;
}
img.color_icon {
width:15px;
height:15px;
width:14px;
height:14px;
border:1px solid #FFFFFF;
}
img.color_icon_over {
width:15px;
height:15px;
width:14px;
height:14px;
border:1px solid #000000;
cursor:pointer;
}
.input_area {
width:160px;
padding:5px;
font-family:tahoma;
font-size:8pt;
clear:both;
text-align:center;
}
.popup_input {
border:1px solid #AAAAAA;
height:14px;
}
.popup_submit {
border:1px solid #AAAAAA;
height:18px;
}

12
modules/editor/components/colorpicker_bg/tpl/popup.html
View file

@ -5,3 +5,15 @@
printColor("{$tpl_path}/blank.gif");
</script>
</div>
<div class="input_area">
<form action="./" method="get" onsubmit="return applyColor()">
<table border="0">
<tr>
<td><img src="blank.gif" alt="blank" class="preview_color" id="preview_color" /></td>
<td>#</td>
<td><input type="text" id="color_input" size="6" maxlength="6" class="popup_input" /></td>
<td><input type="submit" value="{$lang->cmd_select}" class="popup_submit"/></td>
</tr>
</table>
</form>
</div>

30
modules/editor/components/colorpicker_bg/tpl/popup.js
View file

@ -1,23 +1,43 @@
var color_list = new Array('000000','993300','333300','003300','003366','000080','333399','333333','800000','FF6600','808000','008000','008080','0000FF','666699','808080','FF0000','FF9900','99CC00','339966','33CCCC','3366FF','800080','969696','FF00FF','FFCC00','FFFF00','00FF00','00FFFF','00CCFF','993366','c0c0c0','FF99CC','FFCC99','FFFF99','CCFFCC','CCFFFF','99CCFF','CC99FF','FFFFFF');
/* 부모창의 위지윅 에디터의 선택된 영역의 글자색을 변경 */
function setColor(color) {
function applyColor() {
var code = xGetElementById("color_input").value;
opener.editorFocus(opener.editorPrevSrl);
opener.editorSetBackColor("#"+color);
opener.editorSetBackColor("#"+code);
opener.editorFocus(opener.editorPrevSrl);
self.close();
}
/* 색상 클릭시 */
function select_color(code) {
xGetElementById("color_input").value = code;
xGetElementById("preview_color").style.backgroundColor = "#"+code;
}
/* 색상표를 출력 */
function printColor(blank_img_src) {
var colorTable = new Array('22','44','66','88','AA','CC','EE');
var html = "";
for(var i=0;i<color_list.length;i++) {
html += printColorBlock(color_list[i], blank_img_src);
for(var i=0;i<8;i+=1) html += printColorBlock(i.toString(16)+i.toString(16)+i.toString(16)+i.toString(16)+i.toString(16)+i.toString(16), blank_img_src);
for(var i=0; i<colorTable.length; i+=3) {
for(var j=0; j<colorTable.length; j+=2) {
for(var k=0; k<colorTable.length; k++) {
var code = colorTable[i] + colorTable[j] + colorTable[k];
html += printColorBlock(code, blank_img_src);
}
}
}
for(var i=8;i<16;i+=1) html += printColorBlock(i.toString(16)+i.toString(16)+i.toString(16)+i.toString(16)+i.toString(16)+i.toString(16), blank_img_src);
document.write(html);
}
/* 개별 색상 block 출력 함수 */
function printColorBlock(code, blank_img_src) {
return "<div style=\"float:left;background-color:#"+code+"\"><img src=\""+blank_img_src+"\" class=\"color_icon\" onmouseover=\"this.className='color_icon_over'\" onmouseout=\"this.className='color_icon'\" onclick=\"setColor('"+code+"')\" alt=\"color\" \/><\/div>";
return "<div style=\"float:left;background-color:#"+code+"\"><img src=\""+blank_img_src+"\" class=\"color_icon\" onmouseover=\"this.className='color_icon_over'\" onmouseout=\"this.className='color_icon'\" onclick=\"select_color('"+code+"')\" alt=\"color\" \/><\/div>";
}