mirror of
https://github.com/Lastorder-DC/rhymix.git
synced 2026-01-19 11:19:56 +09:00
git-svn-id: http://xe-core.googlecode.com/svn/trunk@805 201d5d3c-b55e-5fd7-737f-ddc643e51545
This commit is contained in:
zero
parent
84d0a85ebb
commit
df75151c85
79 changed files with 1972 additions and 1919 deletions
|
|
@ -1,8 +1,8 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<component version="0.1">
|
||||
<title xml:lang="ko">표(table) 생성</title>
|
||||
<author email_address="zero@zeroboard.com" link="http://www.zeroboard.com" date="2007. 2. 28">
|
||||
<name xml:lang="ko">제로</name>
|
||||
<description xml:lang="ko">에디터에 표(table)을 생성하거나 표(table) 또는 칸(td)의 속성을 변경할 수 있습니다.</description>
|
||||
</author>
|
||||
<title xml:lang="ko">표(table) 생성</title>
|
||||
<author email_address="zero@zeroboard.com" link="http://www.zeroboard.com" date="2007. 2. 28">
|
||||
<name xml:lang="ko">제로</name>
|
||||
<description xml:lang="ko">에디터에 표(table)을 생성하거나 표(table) 또는 칸(td)의 속성을 변경할 수 있습니다.</description>
|
||||
</author>
|
||||
</component>
|
||||
|
|
|
|||
|
|
@ -1,125 +1,126 @@
|
|||
@charset "utf-8";
|
||||
.editor_window {
|
||||
width:530px;
|
||||
text-align:center;
|
||||
width:530px;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
.editor_title {
|
||||
font-size:10pt;
|
||||
font-weight:bold;
|
||||
clear:both;
|
||||
height:20px;
|
||||
background-color:#555555;
|
||||
color:#EFEFEF;
|
||||
vertical-align:middle;
|
||||
padding-top:5px;
|
||||
border-bottom:1px solid #000000;
|
||||
text-align:center;
|
||||
font-size:10pt;
|
||||
font-weight:bold;
|
||||
clear:both;
|
||||
height:20px;
|
||||
background-color:#555555;
|
||||
color:#EFEFEF;
|
||||
vertical-align:middle;
|
||||
padding-top:5px;
|
||||
border-bottom:1px solid #000000;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
.editor_option {
|
||||
text-align:center;
|
||||
padding:5px 0px 5px 0px;
|
||||
background-color:#EEEEEE;
|
||||
margin-bottom:5px;
|
||||
text-align:center;
|
||||
padding:5px 0px 5px 0px;
|
||||
background-color:#EEEEEE;
|
||||
margin-bottom:5px;
|
||||
}
|
||||
|
||||
.item_area {
|
||||
clear:left;
|
||||
clear:left;
|
||||
}
|
||||
|
||||
.header {
|
||||
width:85px;
|
||||
float:left;
|
||||
text-align:right;
|
||||
font-weight:bold;
|
||||
margin:5px;
|
||||
font-size:9pt;
|
||||
overflow:hidden;
|
||||
width:85px;
|
||||
float:left;
|
||||
text-align:right;
|
||||
font-weight:bold;
|
||||
margin:5px;
|
||||
font-size:9pt;
|
||||
overflow:hidden;
|
||||
}
|
||||
|
||||
.body {
|
||||
overflow:hidden;
|
||||
width:140px;
|
||||
float:left;
|
||||
text-align:left;
|
||||
margin:5px 5px 5px 0px;
|
||||
font-size:9pt;
|
||||
overflow:hidden;
|
||||
width:140px;
|
||||
float:left;
|
||||
text-align:left;
|
||||
margin:5px 5px 5px 0px;
|
||||
font-size:9pt;
|
||||
}
|
||||
|
||||
.wide_body {
|
||||
width:380px;
|
||||
float:left;
|
||||
clear:right;
|
||||
text-align:left;
|
||||
margin:5px 10px 5px 0px;
|
||||
font-size:9pt;
|
||||
width:380px;
|
||||
float:left;
|
||||
clear:right;
|
||||
text-align:left;
|
||||
margin:5px 10px 5px 0px;
|
||||
font-size:9pt;
|
||||
}
|
||||
.table_input {
|
||||
width:40px;
|
||||
height:13px;
|
||||
font-size:9pt;
|
||||
border:1px solid #AAAAAA;
|
||||
width:40px;
|
||||
height:13px;
|
||||
font-size:9pt;
|
||||
border:1px solid #AAAAAA;
|
||||
}
|
||||
|
||||
.editor_button_area {
|
||||
clear:both;
|
||||
text-align:center;
|
||||
height:25px;
|
||||
padding-top:3px;
|
||||
background-color:#EEEEEE;
|
||||
clear:both;
|
||||
text-align:center;
|
||||
height:25px;
|
||||
padding-top:3px;
|
||||
background-color:#EEEEEE;
|
||||
}
|
||||
|
||||
.editor_button {
|
||||
margin-top:4px;
|
||||
background-color:#FFFFFF;
|
||||
border:1px solid #AAAAAA;
|
||||
height:18px;
|
||||
font-size:8pt;
|
||||
margin-top:4px;
|
||||
background-color:#FFFFFF;
|
||||
border:1px solid #AAAAAA;
|
||||
height:18px;
|
||||
font-size:8pt;
|
||||
}
|
||||
|
||||
img.color_icon {
|
||||
width:14px;
|
||||
height:14px;
|
||||
border:1px solid #FFFFFF;
|
||||
width:14px;
|
||||
height:14px;
|
||||
border:1px solid #FFFFFF;
|
||||
}
|
||||
|
||||
img.color_icon_over {
|
||||
width:14px;
|
||||
height:14px;
|
||||
border:1px solid #000000;
|
||||
cursor:pointer;
|
||||
width:14px;
|
||||
height:14px;
|
||||
border:1px solid #000000;
|
||||
cursor:pointer;
|
||||
}
|
||||
|
||||
img.border_preview_color {
|
||||
width:30px;
|
||||
height:16px;
|
||||
border:1px solid #EEEEEE;
|
||||
background-color:#000000;
|
||||
width:30px;
|
||||
height:16px;
|
||||
border:1px solid #EEEEEE;
|
||||
background-color:#000000;
|
||||
}
|
||||
|
||||
img.border_preview_none_color {
|
||||
width:30px;
|
||||
height:12px;
|
||||
border:1px solid #EEEEEE;
|
||||
background-color:#FFFFFF;
|
||||
width:30px;
|
||||
height:12px;
|
||||
border:1px solid #EEEEEE;
|
||||
background-color:#FFFFFF;
|
||||
}
|
||||
|
||||
img.bg_preview_color {
|
||||
width:30px;
|
||||
height:16px;
|
||||
border:1px solid #000000;
|
||||
background-color:#FFFFFF;
|
||||
width:30px;
|
||||
height:16px;
|
||||
border:1px solid #000000;
|
||||
background-color:#FFFFFF;
|
||||
}
|
||||
|
||||
.editor_color_box {
|
||||
clear:both;
|
||||
height:65px;
|
||||
width:400px;
|
||||
border:1px solid #DDDDDD;
|
||||
padding:2px;
|
||||
margin-bottom:3px;
|
||||
clear:both;
|
||||
height:65px;
|
||||
width:400px;
|
||||
border:1px solid #DDDDDD;
|
||||
padding:2px;
|
||||
margin-bottom:3px;
|
||||
}
|
||||
|
||||
.editor_color_input {
|
||||
clear:both;
|
||||
clear:both;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -3,109 +3,111 @@
|
|||
<!--%import("../lang")-->
|
||||
|
||||
<form action="./" method="get" onSubmit="return false" id="fo">
|
||||
<div class="editor_window">
|
||||
<div class="editor_window">
|
||||
|
||||
<div class="editor_title">{$component_info->title} ver. {$component_info->version} <a href="#" onclick="winopen('./?module=editor&act=viewComponentInfo&component_name={$component_info->component_name}','ComponentInfo','left=10,top=10,width=10,height=10,resizable=no,scrollbars=no,toolbars=no');return false;"><img src="../../../tpl/images/about_component.gif" title="{$lang->about_component}" alt="{$lang->about_component}" class="about_component_icon" border="0" /></a></div>
|
||||
<div class="editor_title">{$component_info->title} ver. {$component_info->version} <a href="#" onclick="winopen('./?module=editor&act=viewComponentInfo&component_name={$component_info->component_name}','ComponentInfo','left=10,top=10,width=10,height=10,resizable=no,scrollbars=no,toolbars=no');return false;"><img src="../../../tpl/images/about_component.gif" title="{$lang->about_component}" alt="{$lang->about_component}" class="about_component_icon" border="0" /></a></div>
|
||||
|
||||
<div class="editor_option" id="table_option" style="display:none">
|
||||
<input name="attr" type="radio" value="table" id="table_attribute_select" onclick="doSelectOption('table');"/> <label for="table_attribute_select">{$lang->table_attribute}</label>
|
||||
<input name="attr" type="radio" value="cell" id="cell_attribute_select" onclick="doSelectOption('cell');"/> <label for="cell_attribute_select">{$lang->cell_attribute}</label>
|
||||
</div>
|
||||
|
||||
<div id="table_attribute" style="display:none">
|
||||
|
||||
<div class="item_area" id="col_row_area" style="display:none" >
|
||||
<div class="header">{$lang->table_cols_count} :</div>
|
||||
<div class="body"><input type="text" class="table_input" id="cols_count" value="2" /></div>
|
||||
|
||||
<div class="header">{$lang->table_rows_count} :</div>
|
||||
<div class="body"><input type="text" class="table_input" id="rows_count" value="1" /></div>
|
||||
</div>
|
||||
|
||||
<div class="item_area">
|
||||
<div class="header">{$lang->table_width} :</div>
|
||||
<div class="wide_body">
|
||||
<input type="text" class="table_input" id="width" value="100" />
|
||||
<input type="radio" name="width_unit" id="width_unit_percent" checked="true" /><label for="width_unit_percent">%</label>
|
||||
<input type="radio" name="width_unit" id="width_unit_pixel" /><label for="width_unit_pixel">px</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item_area">
|
||||
<div class="header">{$lang->table_cellspacing} :</div>
|
||||
<div class="body"><input type="text" class="table_input" id="cellspacing" value="0" />px</div>
|
||||
|
||||
<div class="header">{$lang->table_cellpadding} :</div>
|
||||
<div class="body"><input type="text" class="table_input" id="cellpadding" value="1" />px</div>
|
||||
</div>
|
||||
|
||||
<div class="item_area">
|
||||
<div class="header">{$lang->table_border} :</div>
|
||||
<div class="body"><input type="text" class="table_input" id="border" value="1" />px</div>
|
||||
|
||||
<div class="header">{$lang->table_inner_border} :</div>
|
||||
<div class="body"><input type="text" class="table_input" id="inner_border" value="0" />px</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div id="cell_attribute" style="display:none">
|
||||
<div class="item_area">
|
||||
<div class="header">{$lang->cell_width} :</div>
|
||||
<div class="body">
|
||||
<input type="text" class="table_input" id="cell_width" value="0" />
|
||||
<input type="radio" name="cell_width_unit" id="cell_width_unit_percent" checked="true" /><label for="cell_width_unit_percent">%</label>
|
||||
<input type="radio" name="cell_width_unit" id="cell_width_unit_pixel" /><label for="cell_width_unit_pixel">px</label>
|
||||
<div class="editor_option" id="table_option" style="display:none">
|
||||
<input name="attr" type="radio" value="table" id="table_attribute_select" onclick="doSelectOption('table');"/> <label for="table_attribute_select">{$lang->table_attribute}</label>
|
||||
<input name="attr" type="radio" value="cell" id="cell_attribute_select" onclick="doSelectOption('cell');"/> <label for="cell_attribute_select">{$lang->cell_attribute}</label>
|
||||
</div>
|
||||
|
||||
<div class="header">{$lang->cell_height} :</div>
|
||||
<div class="body"><input type="text" class="table_input" id="cell_height" value="0" />px</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="table_attribute" style="display:none">
|
||||
|
||||
<div class="item_area" id="border_color_area" style="display:none">
|
||||
<div class="header">{$lang->table_border_color} :</div>
|
||||
<div class="wide_body">
|
||||
<div class="editor_color_box">
|
||||
<script type="text/javascript">
|
||||
printColor("border", "{$tpl_path}/images/blank.gif");
|
||||
</script>
|
||||
<div class="item_area" id="col_row_area" style="display:none" >
|
||||
<div class="header">{$lang->table_cols_count} :</div>
|
||||
<div class="body"><input type="text" class="table_input" id="cols_count" value="2" /></div>
|
||||
|
||||
<div class="header">{$lang->table_rows_count} :</div>
|
||||
<div class="body"><input type="text" class="table_input" id="rows_count" value="1" /></div>
|
||||
</div>
|
||||
<div class="editor_color_input">
|
||||
<table border="0" cellspacing="0">
|
||||
<tr>
|
||||
<td><img src="./images/border_solid.gif" alt="blank" class="border_preview_color" id="border_preview_color" /></td>
|
||||
<td>#</td>
|
||||
<td><input type="text" id="border_color_input" size="6" maxlength="6" class="table_input" value="000000" onkeyup="manual_select_color('border',this)"/></td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="item_area" id="bg_color_area" style="display:none">
|
||||
<div class="header">{$lang->table_bg_color} :</div>
|
||||
<div class="wide_body">
|
||||
<div class="editor_color_box">
|
||||
<script type="text/javascript">
|
||||
printColor("bg", "{$tpl_path}/images/blank.gif");
|
||||
</script>
|
||||
<div class="item_area">
|
||||
<div class="header">{$lang->table_width} :</div>
|
||||
<div class="wide_body">
|
||||
<input type="text" class="table_input" id="width" value="100" />
|
||||
<input type="radio" name="width_unit" id="width_unit_percent" checked="true" /><label for="width_unit_percent">%</label>
|
||||
<input type="radio" name="width_unit" id="width_unit_pixel" /><label for="width_unit_pixel">px</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="editor_color_input">
|
||||
<table border="0" cellspacing="0">
|
||||
<tr>
|
||||
<td><img src="./images/blank.gif" alt="blank" class="bg_preview_color" id="bg_preview_color" /></td>
|
||||
<td>#</td>
|
||||
<td><input type="text" id="bg_color_input" size="6" maxlength="6" class="table_input" value="FFFFFF" onkeyup="manual_select_color('bg',this)"/></td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<div class="item_area">
|
||||
<div class="header">{$lang->table_cellspacing} :</div>
|
||||
<div class="body"><input type="text" class="table_input" id="cellspacing" value="0" />px</div>
|
||||
|
||||
<div class="header">{$lang->table_cellpadding} :</div>
|
||||
<div class="body"><input type="text" class="table_input" id="cellpadding" value="1" />px</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="editor_button_area">
|
||||
<input type="button" value="{$lang->cmd_insert}" class="editor_button" onclick="insertTable()" />
|
||||
<input type="button" value="{$lang->cmd_close}" class="editor_button" onclick="window.close();" />
|
||||
</div>
|
||||
<div class="item_area">
|
||||
<div class="header">{$lang->table_border} :</div>
|
||||
<div class="body"><input type="text" class="table_input" id="border" value="1" />px</div>
|
||||
|
||||
</div>
|
||||
<div class="header">{$lang->table_inner_border} :</div>
|
||||
<div class="body"><input type="text" class="table_input" id="inner_border" value="0" />px</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div id="cell_attribute" style="display:none">
|
||||
<div class="item_area">
|
||||
<div class="header">{$lang->cell_width} :</div>
|
||||
<div class="body">
|
||||
<input type="text" class="table_input" id="cell_width" value="0" />
|
||||
<input type="radio" name="cell_width_unit" id="cell_width_unit_percent" checked="true" /><label for="cell_width_unit_percent">%</label>
|
||||
<input type="radio" name="cell_width_unit" id="cell_width_unit_pixel" /><label for="cell_width_unit_pixel">px</label>
|
||||
</div>
|
||||
|
||||
<div class="header">{$lang->cell_height} :</div>
|
||||
<div class="body"><input type="text" class="table_input" id="cell_height" value="0" />px</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="item_area" id="border_color_area" style="display:none">
|
||||
<div class="header">{$lang->table_border_color} :</div>
|
||||
<div class="wide_body">
|
||||
<div class="editor_color_box">
|
||||
<script type="text/javascript">
|
||||
printColor("border", "{$tpl_path}/images/blank.gif");
|
||||
</script>
|
||||
</div>
|
||||
|
||||
<div class="editor_color_input">
|
||||
<table border="0" cellspacing="0">
|
||||
<tr>
|
||||
<td><img src="./images/border_solid.gif" alt="blank" class="border_preview_color" id="border_preview_color" /></td>
|
||||
<td>#</td>
|
||||
<td><input type="text" id="border_color_input" size="6" maxlength="6" class="table_input" value="000000" onkeyup="manual_select_color('border',this)"/></td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="item_area" id="bg_color_area" style="display:none">
|
||||
<div class="header">{$lang->table_bg_color} :</div>
|
||||
<div class="wide_body">
|
||||
<div class="editor_color_box">
|
||||
<script type="text/javascript">
|
||||
printColor("bg", "{$tpl_path}/images/blank.gif");
|
||||
</script>
|
||||
</div>
|
||||
<div class="editor_color_input">
|
||||
<table border="0" cellspacing="0">
|
||||
<tr>
|
||||
<td><img src="./images/blank.gif" alt="blank" class="bg_preview_color" id="bg_preview_color" /></td>
|
||||
<td>#</td>
|
||||
<td><input type="text" id="bg_color_input" size="6" maxlength="6" class="table_input" value="FFFFFF" onkeyup="manual_select_color('bg',this)"/></td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="editor_button_area">
|
||||
<input type="button" value="{$lang->cmd_insert}" class="editor_button" onclick="insertTable()" />
|
||||
<input type="button" value="{$lang->cmd_close}" class="editor_button" onclick="window.close();" />
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</form>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue