includes/clientside/tinymce/plugins/table/cell.htm
changeset 335 67bd3121a12e
parent 1 fe660c52c48f
child 543 dffcbfbc4e59
equal deleted inserted replaced
334:c72b545f1304 335:67bd3121a12e
       
     1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
     1 <html xmlns="http://www.w3.org/1999/xhtml">
     2 <html xmlns="http://www.w3.org/1999/xhtml">
     2 <head>
     3 <head>
     3 	<title>{$lang_table_cell_title}</title>
     4 	<title>{#table_dlg.cell_title}</title>
     4 	<script language="javascript" type="text/javascript" src="../../tiny_mce_popup.js"></script>
     5 	<script type="text/javascript" src="../../tiny_mce_popup.js"></script>
     5 	<script language="javascript" type="text/javascript" src="../../utils/mctabs.js"></script>
     6 	<script type="text/javascript" src="../../utils/mctabs.js"></script>
     6 	<script language="javascript" type="text/javascript" src="../../utils/form_utils.js"></script>
     7 	<script type="text/javascript" src="../../utils/form_utils.js"></script>
     7 	<script language="javascript" type="text/javascript" src="jscripts/cell.js"></script>
     8 	<script type="text/javascript" src="js/cell.js"></script>
     8 	<link href="css/cell.css" rel="stylesheet" type="text/css" />
     9 	<link href="css/cell.css" rel="stylesheet" type="text/css" />
     9 	<base target="_self" />
    10 	<base target="_self" />
    10 </head>
    11 </head>
    11 <body id="tablecell" onload="tinyMCEPopup.executeOnLoad('init();');" style="display: none">
    12 <body id="tablecell" style="display: none">
    12 	<form onsubmit="updateAction();return false;" action="#">
    13 	<form onsubmit="updateAction();return false;" action="#">
    13 		<div class="tabs">
    14 		<div class="tabs">
    14 			<ul>
    15 			<ul>
    15 				<li id="general_tab" class="current"><span><a href="javascript:mcTabs.displayTab('general_tab','general_panel');" onmousedown="return false;">{$lang_table_general_tab}</a></span></li>
    16 				<li id="general_tab" class="current"><span><a href="javascript:mcTabs.displayTab('general_tab','general_panel');" onmousedown="return false;">{#table_dlg.general_tab}</a></span></li>
    16 				<li id="advanced_tab"><span><a href="javascript:mcTabs.displayTab('advanced_tab','advanced_panel');" onmousedown="return false;">{$lang_table_advanced_tab}</a></span></li>
    17 				<li id="advanced_tab"><span><a href="javascript:mcTabs.displayTab('advanced_tab','advanced_panel');" onmousedown="return false;">{#table_dlg.advanced_tab}</a></span></li>
    17 			</ul>
    18 			</ul>
    18 		</div>
    19 		</div>
    19 
    20 
    20 		<div class="panel_wrapper">
    21 		<div class="panel_wrapper">
    21 			<div id="general_panel" class="panel current">
    22 			<div id="general_panel" class="panel current">
    22 				<fieldset>
    23 				<fieldset>
    23 					<legend>{$lang_table_general_props}</legend>
    24 					<legend>{#table_dlg.general_props}</legend>
    24 
    25 
    25 					<table border="0" cellpadding="4" cellspacing="0">
    26 					<table border="0" cellpadding="4" cellspacing="0">
    26 						<tr>
    27 						<tr>
    27 							<td><label for="align">{$lang_table_align}</label></td>
    28 							<td><label for="align">{#table_dlg.align}</label></td>
    28 							<td>
    29 							<td>
    29 								<select id="align" name="align">
    30 								<select id="align" name="align">
    30 									<option value="">{$lang_not_set}</option>
    31 									<option value="">{#not_set}</option>
    31 									<option value="center">{$lang_table_align_middle}</option>
    32 									<option value="center">{#table_dlg.align_middle}</option>
    32 									<option value="left">{$lang_table_align_left}</option>
    33 									<option value="left">{#table_dlg.align_left}</option>
    33 									<option value="right">{$lang_table_align_right}</option>
    34 									<option value="right">{#table_dlg.align_right}</option>
    34 								</select>
    35 								</select>
    35 							</td>
    36 							</td>
    36 		
    37 		
    37 							<td><label for="celltype">{$lang_table_cell_type}</label></td>
    38 							<td><label for="celltype">{#table_dlg.cell_type}</label></td>
    38 							<td>
    39 							<td>
    39 								<select id="celltype" name="celltype">
    40 								<select id="celltype" name="celltype">
    40 									<option value="td">{$lang_table_td}</option>
    41 									<option value="td">{#table_dlg.td}</option>
    41 									<option value="th">{$lang_table_th}</option>
    42 									<option value="th">{#table_dlg.th}</option>
    42 								</select>
    43 								</select>
    43 							</td>
    44 							</td>
    44 						</tr>
    45 						</tr>
    45 
    46 
    46 						<tr>
    47 						<tr>
    47 							<td><label for="valign">{$lang_table_valign}</label></td>
    48 							<td><label for="valign">{#table_dlg.valign}</label></td>
    48 							<td>
    49 							<td>
    49 								<select id="valign" name="valign">
    50 								<select id="valign" name="valign">
    50 									<option value="">{$lang_not_set}</option>
    51 									<option value="">{#not_set}</option>
    51 									<option value="top">{$lang_table_align_top}</option>
    52 									<option value="top">{#table_dlg.align_top}</option>
    52 									<option value="middle">{$lang_table_align_middle}</option>
    53 									<option value="middle">{#table_dlg.align_middle}</option>
    53 									<option value="bottom">{$lang_table_align_bottom}</option>
    54 									<option value="bottom">{#table_dlg.align_bottom}</option>
    54 								</select>
    55 								</select>
    55 							</td>
    56 							</td>
    56 
    57 
    57 							<td><label for="scope">{$lang_table_scope}</label></td>
    58 							<td><label for="scope">{#table_dlg.scope}</label></td>
    58 							<td>
    59 							<td>
    59 								<select id="scope" name="scope">
    60 								<select id="scope" name="scope">
    60 									<option value="">{$lang_not_set}</option>
    61 									<option value="">{#not_set}</option>
    61 									<option value="col">{$lang_table_col}</option>
    62 									<option value="col">{#table.col}</option>
    62 									<option value="row">{$lang_table_row}</option>
    63 									<option value="row">{#table.row}</option>
    63 									<option value="rowgroup">{$lang_table_rowgroup}</option>
    64 									<option value="rowgroup">{#table_dlg.rowgroup}</option>
    64 									<option value="colgroup">{$lang_table_colgroup}</option>
    65 									<option value="colgroup">{#table_dlg.colgroup}</option>
    65 								</select>
    66 								</select>
    66 							</td>
    67 							</td>
    67 
    68 
    68 						</tr>
    69 						</tr>
    69 
    70 
    70 						<tr>
    71 						<tr>
    71 							<td><label for="width">{$lang_table_width}</label></td>
    72 							<td><label for="width">{#table_dlg.width}</label></td>
    72 							<td><input id="width" name="width" type="text" value="" size="4" maxlength="4" onchange="changedSize();" /></td>
    73 							<td><input id="width" name="width" type="text" value="" size="4" maxlength="4" onchange="changedSize();" /></td>
    73 
    74 
    74 							<td><label for="height">{$lang_table_height}</label></td>
    75 							<td><label for="height">{#table_dlg.height}</label></td>
    75 							<td><input id="height" name="height" type="text" value="" size="4" maxlength="4" onchange="changedSize();" /></td>
    76 							<td><input id="height" name="height" type="text" value="" size="4" maxlength="4" onchange="changedSize();" /></td>
    76 						</tr>
    77 						</tr>
    77 
    78 
    78 						<tr id="styleSelectRow">
    79 						<tr id="styleSelectRow">
    79 							<td><label for="class">{$lang_class_name}</label></td>
    80 							<td><label for="class">{#class_name}</label></td>
    80 							<td colspan="3">
    81 							<td colspan="3">
    81 								<select id="class" name="class">
    82 								<select id="class" name="class">
    82 									<option value="" selected="selected">{$lang_not_set}</option>
    83 									<option value="" selected="selected">{#not_set}</option>
    83 								</select>
    84 								</select>
    84 							</td>
    85 							</td>
    85 						</tr>
    86 						</tr>
    86 					</table>
    87 					</table>
    87 				</fieldset>
    88 				</fieldset>
    88 			</div>
    89 			</div>
    89 
    90 
    90 			<div id="advanced_panel" class="panel">
    91 			<div id="advanced_panel" class="panel">
    91 				<fieldset>
    92 				<fieldset>
    92 					<legend>{$lang_table_advanced_props}</legend>
    93 					<legend>{#table_dlg.advanced_props}</legend>
    93 
    94 
    94 					<table border="0" cellpadding="0" cellspacing="4">
    95 					<table border="0" cellpadding="0" cellspacing="4">
    95 						<tr>
    96 						<tr>
    96 							<td class="column1"><label for="id">{$lang_table_id}</label></td> 
    97 							<td class="column1"><label for="id">{#table_dlg.id}</label></td> 
    97 							<td><input id="id" name="id" type="text" value="" style="width: 200px" /></td> 
    98 							<td><input id="id" name="id" type="text" value="" style="width: 200px" /></td> 
    98 						</tr>
    99 						</tr>
    99 
   100 
   100 						<tr>
   101 						<tr>
   101 							<td><label for="style">{$lang_table_style}</label></td>
   102 							<td><label for="style">{#table_dlg.style}</label></td>
   102 							<td><input type="text" id="style" name="style" value="" style="width: 200px;" onchange="changedStyle();" /></td>
   103 							<td><input type="text" id="style" name="style" value="" style="width: 200px;" onchange="changedStyle();" /></td>
   103 						</tr>
   104 						</tr>
   104 
   105 
   105 						<tr>
   106 						<tr>
   106 							<td class="column1"><label for="dir">{$lang_table_langdir}</label></td> 
   107 							<td class="column1"><label for="dir">{#table_dlg.langdir}</label></td> 
   107 							<td>
   108 							<td>
   108 								<select id="dir" name="dir" style="width: 200px"> 
   109 								<select id="dir" name="dir" style="width: 200px"> 
   109 										<option value="">{$lang_not_set}</option> 
   110 										<option value="">{#not_set}</option> 
   110 										<option value="ltr">{$lang_table_ltr}</option> 
   111 										<option value="ltr">{#table_dlg.ltr}</option> 
   111 										<option value="rtl">{$lang_table_rtl}</option> 
   112 										<option value="rtl">{#table_dlg.rtl}</option> 
   112 								</select>
   113 								</select>
   113 							</td> 
   114 							</td> 
   114 						</tr>
   115 						</tr>
   115 
   116 
   116 						<tr>
   117 						<tr>
   117 							<td class="column1"><label for="lang">{$lang_table_langcode}</label></td> 
   118 							<td class="column1"><label for="lang">{#table_dlg.langcode}</label></td> 
   118 							<td>
   119 							<td>
   119 								<input id="lang" name="lang" type="text" value="" style="width: 200px" />
   120 								<input id="lang" name="lang" type="text" value="" style="width: 200px" />
   120 							</td> 
   121 							</td> 
   121 						</tr>
   122 						</tr>
   122 
   123 
   123 						<tr>
   124 						<tr>
   124 							<td class="column1"><label for="backgroundimage">{$lang_table_bgimage}</label></td> 
   125 							<td class="column1"><label for="backgroundimage">{#table_dlg.bgimage}</label></td> 
   125 							<td>
   126 							<td>
   126 								<table border="0" cellpadding="0" cellspacing="0">
   127 								<table border="0" cellpadding="0" cellspacing="0">
   127 									<tr>
   128 									<tr>
   128 										<td><input id="backgroundimage" name="backgroundimage" type="text" value="" style="width: 200px" onchange="changedBackgroundImage();" /></td>
   129 										<td><input id="backgroundimage" name="backgroundimage" type="text" value="" style="width: 200px" onchange="changedBackgroundImage();" /></td>
   129 										<td id="backgroundimagebrowsercontainer">&nbsp;</td>
   130 										<td id="backgroundimagebrowsercontainer">&nbsp;</td>
   131 								</table>
   132 								</table>
   132 							</td> 
   133 							</td> 
   133 						</tr>
   134 						</tr>
   134 
   135 
   135 						<tr>
   136 						<tr>
   136 							<td class="column1"><label for="bordercolor">{$lang_table_bordercolor}</label></td> 
   137 							<td class="column1"><label for="bordercolor">{#table_dlg.bordercolor}</label></td> 
   137 							<td>
   138 							<td>
   138 								<table border="0" cellpadding="0" cellspacing="0">
   139 								<table border="0" cellpadding="0" cellspacing="0">
   139 									<tr>
   140 									<tr>
   140 										<td><input id="bordercolor" name="bordercolor" type="text" value="" size="9" onchange="updateColor('bordercolor_pick','bordercolor');changedColor();" /></td>
   141 										<td><input id="bordercolor" name="bordercolor" type="text" value="" size="9" onchange="updateColor('bordercolor_pick','bordercolor');changedColor();" /></td>
   141 										<td id="bordercolor_pickcontainer">&nbsp;</td>
   142 										<td id="bordercolor_pickcontainer">&nbsp;</td>
   143 								</table>
   144 								</table>
   144 							</td> 
   145 							</td> 
   145 						</tr>
   146 						</tr>
   146 
   147 
   147 						<tr>
   148 						<tr>
   148 							<td class="column1"><label for="bgcolor">{$lang_table_bgcolor}</label></td> 
   149 							<td class="column1"><label for="bgcolor">{#table_dlg.bgcolor}</label></td> 
   149 							<td>
   150 							<td>
   150 								<table border="0" cellpadding="0" cellspacing="0">
   151 								<table border="0" cellpadding="0" cellspacing="0">
   151 									<tr>
   152 									<tr>
   152 										<td><input id="bgcolor" name="bgcolor" type="text" value="" size="9" onchange="updateColor('bgcolor_pick','bgcolor');changedColor();" /></td>
   153 										<td><input id="bgcolor" name="bgcolor" type="text" value="" size="9" onchange="updateColor('bgcolor_pick','bgcolor');changedColor();" /></td>
   153 										<td id="bgcolor_pickcontainer">&nbsp;</td>
   154 										<td id="bgcolor_pickcontainer">&nbsp;</td>
   161 		</div>
   162 		</div>
   162 
   163 
   163 		<div class="mceActionPanel">
   164 		<div class="mceActionPanel">
   164 			<div>
   165 			<div>
   165 				<select id="action" name="action">
   166 				<select id="action" name="action">
   166 					<option value="cell">{$lang_table_cell_cell}</option>
   167 					<option value="cell">{#table_dlg.cell_cell}</option>
   167 					<option value="row">{$lang_table_cell_row}</option>
   168 					<option value="row">{#table_dlg.cell_row}</option>
   168 					<option value="all">{$lang_table_cell_all}</option>
   169 					<option value="all">{#table_dlg.cell_all}</option>
   169 				</select>
   170 				</select>
   170 			</div>
   171 			</div>
   171 
   172 
   172 			<div style="float: left">
   173 			<div style="float: left">
   173 				<div><input type="button" id="insert" name="insert" value="{$lang_update}" onclick="updateAction();" /></div>
   174 				<div><input type="button" id="insert" name="insert" value="{#update}" onclick="updateAction();" /></div>
   174 			</div>
   175 			</div>
   175 
   176 
   176 			<div style="float: right">
   177 			<div style="float: right">
   177 				<input type="button" id="cancel" name="cancel" value="{$lang_cancel}" onclick="tinyMCEPopup.close();" />
   178 				<input type="button" id="cancel" name="cancel" value="{#cancel}" onclick="tinyMCEPopup.close();" />
   178 			</div>
   179 			</div>
   179 		</div>
   180 		</div>
   180 	</form>
   181 	</form>
   181 </body>
   182 </body>
   182 </html>
   183 </html>