includes/clientside/tinymce/plugins/table/table.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_title}</title>
     4 	<title>{#table_dlg.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="../../utils/validate.js"></script>
     8 	<script type="text/javascript" src="../../utils/validate.js"></script>
     8 	<script language="javascript" type="text/javascript" src="jscripts/table.js"></script>
     9 	<script type="text/javascript" src="js/table.js"></script>
     9 	<link href="css/table.css" rel="stylesheet" type="text/css" />
    10 	<link href="css/table.css" rel="stylesheet" type="text/css" />
    10 	<base target="_self" />
    11 	<base target="_self" />
    11 </head>
    12 </head>
    12 <body id="table" onload="tinyMCEPopup.executeOnLoad('init();');" style="display: none">
    13 <body id="table" style="display: none">
    13 	<form onsubmit="insertTable();return false;" action="#">
    14 	<form onsubmit="insertTable();return false;" action="#">
    14 		<div class="tabs">
    15 		<div class="tabs">
    15 			<ul>
    16 			<ul>
    16 				<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>
    17 				<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>
    17 				<li id="advanced_tab"><span><a href="javascript:mcTabs.displayTab('advanced_tab','advanced_panel');" onmousedown="return false;">{$lang_table_advanced_tab}</a></span></li>
    18 				<li id="advanced_tab"><span><a href="javascript:mcTabs.displayTab('advanced_tab','advanced_panel');" onmousedown="return false;">{#table_dlg.advanced_tab}</a></span></li>
    18 			</ul>
    19 			</ul>
    19 		</div>
    20 		</div>
    20 
    21 
    21 		<div class="panel_wrapper">
    22 		<div class="panel_wrapper">
    22 			<div id="general_panel" class="panel current">
    23 			<div id="general_panel" class="panel current">
    23 				<fieldset>
    24 				<fieldset>
    24 					<legend>{$lang_table_general_props}</legend>
    25 					<legend>{#table_dlg.general_props}</legend>
    25 
       
    26 					  <table border="0" cellpadding="4" cellspacing="0" width="100%">
    26 					  <table border="0" cellpadding="4" cellspacing="0" width="100%">
    27 							  <tr>
    27 							  <tr>
    28 								<td><label id="colslabel" for="cols">{$lang_table_cols}</label></td>
    28 								<td><label id="colslabel" for="cols">{#table_dlg.cols}</label></td>
    29 								<td><input id="cols" name="cols" type="text" value="" size="3" maxlength="3" class="required number min1" /></td>
    29 								<td><input id="cols" name="cols" type="text" value="" size="3" maxlength="3" class="required number min1" /></td>
    30 								<td><label id="rowslabel" for="rows">{$lang_table_rows}</label></td>
    30 								<td><label id="rowslabel" for="rows">{#table_dlg.rows}</label></td>
    31 								<td><input id="rows" name="rows" type="text" value="" size="3" maxlength="3" class="required number min1" /></td>
    31 								<td><input id="rows" name="rows" type="text" value="" size="3" maxlength="3" class="required number min1" /></td>
    32 							  </tr>
    32 							  </tr>
    33 							  <tr>
    33 							  <tr>
    34 								<td><label id="cellpaddinglabel" for="cellpadding">{$lang_table_cellpadding}</label></td>
    34 								<td><label id="cellpaddinglabel" for="cellpadding">{#table_dlg.cellpadding}</label></td>
    35 								<td><input id="cellpadding" name="cellpadding" type="text" value="" size="3" maxlength="3" class="number" /></td>
    35 								<td><input id="cellpadding" name="cellpadding" type="text" value="" size="3" maxlength="3" class="number" /></td>
    36 								<td><label id="cellspacinglabel" for="cellspacing">{$lang_table_cellspacing}</label></td>
    36 								<td><label id="cellspacinglabel" for="cellspacing">{#table_dlg.cellspacing}</label></td>
    37 								<td><input id="cellspacing" name="cellspacing" type="text" value="" size="3" maxlength="3" class="number" /></td>
    37 								<td><input id="cellspacing" name="cellspacing" type="text" value="" size="3" maxlength="3" class="number" /></td>
    38 							  </tr>
    38 							  </tr>
    39 							  <tr>
    39 							  <tr>
    40 								<td><label id="alignlabel" for="align">{$lang_table_align}</label></td>
    40 								<td><label id="alignlabel" for="align">{#table_dlg.align}</label></td>
    41 								<td><select id="align" name="align">
    41 								<td><select id="align" name="align">
    42 									<option value="">{$lang_not_set}</option>
    42 									<option value="">{#not_set}</option>
    43 									<option value="center">{$lang_table_align_middle}</option>
    43 									<option value="center">{#table_dlg.align_middle}</option>
    44 									<option value="left">{$lang_table_align_left}</option>
    44 									<option value="left">{#table_dlg.align_left}</option>
    45 									<option value="right">{$lang_table_align_right}</option>
    45 									<option value="right">{#table_dlg.align_right}</option>
    46 								  </select></td>
    46 								  </select></td>
    47 								<td><label id="borderlabel" for="border">{$lang_table_border}</label></td>
    47 								<td><label id="borderlabel" for="border">{#table_dlg.border}</label></td>
    48 								<td><input id="border" name="border" type="text" value="" size="3" maxlength="3" onchange="changedBorder();" class="number" /></td>
    48 								<td><input id="border" name="border" type="text" value="" size="3" maxlength="3" onchange="changedBorder();" class="number" /></td>
    49 							  </tr>
    49 							  </tr>
    50 							  <tr id="width_row">
    50 							  <tr id="width_row">
    51 								<td><label id="widthlabel" for="width">{$lang_table_width}</label></td>
    51 								<td><label id="widthlabel" for="width">{#table_dlg.width}</label></td>
    52 								<td><input name="width" type="text" id="width" value="" size="4" maxlength="4" onchange="changedSize();" class="size" /></td>
    52 								<td><input name="width" type="text" id="width" value="" size="4" maxlength="4" onchange="changedSize();" class="size" /></td>
    53 								<td><label id="heightlabel" for="height">{$lang_table_height}</label></td>
    53 								<td><label id="heightlabel" for="height">{#table_dlg.height}</label></td>
    54 								<td><input name="height" type="text" id="height" value="" size="4" maxlength="4" onchange="changedSize();" class="size" /></td>
    54 								<td><input name="height" type="text" id="height" value="" size="4" maxlength="4" onchange="changedSize();" class="size" /></td>
    55 							  </tr>
    55 							  </tr>
    56 							  <tr id="styleSelectRow">
    56 							  <tr id="styleSelectRow">
    57 								<td><label id="classlabel" for="class">{$lang_class_name}</label></td>
    57 								<td><label id="classlabel" for="class">{#class_name}</label></td>
    58 								<td colspan="3">
    58 								<td colspan="3">
    59 								 <select id="class" name="class">
    59 								 <select id="class" name="class">
    60 									<option value="" selected>{$lang_not_set}</option>
    60 									<option value="" selected>{#not_set}</option>
    61 								 </select></td>
    61 								 </select></td>
    62 							  </tr>
    62 							  </tr>
    63 							  <tr>
    63 							  <tr>
    64 								<td class="column1"><label for="caption">{$lang_table_caption}</label></td> 
    64 								<td class="column1"><label for="caption">{#table_dlg.caption}</label></td> 
    65 								<td><input id="caption" name="caption" type="checkbox" value="true" /></td> 
    65 								<td><input id="caption" name="caption" type="checkbox" class="checkbox" value="true" /></td> 
    66 							  </tr>
    66 							  </tr>
    67 							</table>
    67 							</table>
    68 				</fieldset>
    68 				</fieldset>
    69 			</div>
    69 			</div>
    70 
    70 
    71 			<div id="advanced_panel" class="panel">
    71 			<div id="advanced_panel" class="panel">
    72 				<fieldset>
    72 				<fieldset>
    73 					<legend>{$lang_table_advanced_props}</legend>
    73 					<legend>{#table_dlg.advanced_props}</legend>
    74 
    74 
    75 					<table border="0" cellpadding="0" cellspacing="4">
    75 					<table border="0" cellpadding="0" cellspacing="4">
    76 						<tr>
    76 						<tr>
    77 							<td class="column1"><label for="id">{$lang_table_id}</label></td> 
    77 							<td class="column1"><label for="id">{#table_dlg.id}</label></td> 
    78 							<td><input id="id" name="id" type="text" value="" class="advfield" /></td> 
    78 							<td><input id="id" name="id" type="text" value="" class="advfield" /></td> 
    79 						</tr>
    79 						</tr>
    80 
    80 
    81 						<tr>
    81 						<tr>
    82 							<td class="column1"><label for="summary">{$lang_table_summary}</label></td> 
    82 							<td class="column1"><label for="summary">{#table_dlg.summary}</label></td> 
    83 							<td><input id="summary" name="summary" type="text" value="" class="advfield" /></td> 
    83 							<td><input id="summary" name="summary" type="text" value="" class="advfield" /></td> 
    84 						</tr>
    84 						</tr>
    85 
    85 
    86 						<tr>
    86 						<tr>
    87 							<td><label for="style">{$lang_table_style}</label></td>
    87 							<td><label for="style">{#table_dlg.style}</label></td>
    88 							<td><input type="text" id="style" name="style" value="" class="advfield" onchange="changedStyle();" /></td>
    88 							<td><input type="text" id="style" name="style" value="" class="advfield" onchange="changedStyle();" /></td>
    89 						</tr>
    89 						</tr>
    90 
    90 
    91 						<tr>
    91 						<tr>
    92 							<td class="column1"><label for="dir">{$lang_table_langdir}</label></td> 
    92 							<td class="column1"><label id="langlabel" for="lang">{#table_dlg.langcode}</label></td> 
    93 							<td>
       
    94 								<select id="dir" name="dir" class="advfield"> 
       
    95 										<option value="">{$lang_not_set}</option> 
       
    96 										<option value="ltr">{$lang_table_ltr}</option> 
       
    97 										<option value="rtl">{$lang_table_rtl}</option> 
       
    98 								</select>
       
    99 							</td> 
       
   100 						</tr>
       
   101 
       
   102 						<tr>
       
   103 							<td class="column1"><label id="langlabel" for="lang">{$lang_table_langcode}</label></td> 
       
   104 							<td>
    93 							<td>
   105 								<input id="lang" name="lang" type="text" value="" class="advfield" />
    94 								<input id="lang" name="lang" type="text" value="" class="advfield" />
   106 							</td> 
    95 							</td> 
   107 						</tr>
    96 						</tr>
   108 
    97 
   109 						<tr>
    98 						<tr>
   110 							<td class="column1"><label for="backgroundimage">{$lang_table_bgimage}</label></td> 
    99 							<td class="column1"><label for="backgroundimage">{#table_dlg.bgimage}</label></td> 
   111 							<td>
   100 							<td>
   112 								<table border="0" cellpadding="0" cellspacing="0">
   101 								<table border="0" cellpadding="0" cellspacing="0">
   113 									<tr>
   102 									<tr>
   114 										<td><input id="backgroundimage" name="backgroundimage" type="text" value="" class="advfield" onchange="changedBackgroundImage();" /></td>
   103 										<td><input id="backgroundimage" name="backgroundimage" type="text" value="" class="advfield" onchange="changedBackgroundImage();" /></td>
   115 										<td id="backgroundimagebrowsercontainer">&nbsp;</td>
   104 										<td id="backgroundimagebrowsercontainer">&nbsp;</td>
   117 								</table>
   106 								</table>
   118 							</td> 
   107 							</td> 
   119 						</tr>
   108 						</tr>
   120 
   109 
   121 						<tr>
   110 						<tr>
   122 							<td class="column1"><label for="bordercolor">{$lang_table_bordercolor}</label></td> 
   111 							<td class="column1"><label for="frame">{#table_dlg.frame}</label></td> 
       
   112 							<td>
       
   113 								<select id="frame" name="frame" class="advfield"> 
       
   114 										<option value="">{#not_set}</option> 
       
   115 										<option value="none">{#table_dlg.frame_none}</option>
       
   116 										<option value="groups">{#table_dlg.frame_groups}</option>
       
   117 										<option value="rows">{#table_dlg.frame_rows}</option>
       
   118 										<option value="cols">{#table_dlg.frame_cols}</option>
       
   119 										<option value="all">{#table_dlg.frame_all}</option>
       
   120 								</select>
       
   121 							</td> 
       
   122 						</tr>
       
   123 
       
   124 						<tr>
       
   125 							<td class="column1"><label for="rules">{#table_dlg.rules}</label></td> 
       
   126 							<td>
       
   127 								<select id="rules" name="rules" class="advfield"> 
       
   128 										<option value="">{#not_set}</option> 
       
   129 										<option value="void">{#table_dlg.rules_void}</option>
       
   130 										<option value="above">{#table_dlg.rules_above}</option> 
       
   131 										<option value="below">{#table_dlg.rules_below}</option> 
       
   132 										<option value="hsides">{#table_dlg.rules_hsides}</option> 
       
   133 										<option value="lhs">{#table_dlg.rules_lhs}</option> 
       
   134 										<option value="rhs">{#table_dlg.rules_rhs}</option> 
       
   135 										<option value="vsides">{#table_dlg.rules_vsides}</option> 
       
   136 										<option value="box">{#table_dlg.rules_box}</option> 
       
   137 										<option value="border">{#table_dlg.rules_border}</option> 
       
   138 									</select>
       
   139 							</td> 
       
   140 						</tr>
       
   141 
       
   142 						<tr>
       
   143 							<td class="column1"><label for="dir">{#table_dlg.langdir}</label></td> 
       
   144 							<td>
       
   145 								<select id="dir" name="dir" class="advfield"> 
       
   146 										<option value="">{#not_set}</option> 
       
   147 										<option value="ltr">{#table_dlg.ltr}</option> 
       
   148 										<option value="rtl">{#table_dlg.rtl}</option> 
       
   149 								</select>
       
   150 							</td> 
       
   151 						</tr>
       
   152 
       
   153 						<tr>
       
   154 							<td class="column1"><label for="bordercolor">{#table_dlg.bordercolor}</label></td> 
   123 							<td>
   155 							<td>
   124 								<table border="0" cellpadding="0" cellspacing="0">
   156 								<table border="0" cellpadding="0" cellspacing="0">
   125 									<tr>
   157 									<tr>
   126 										<td><input id="bordercolor" name="bordercolor" type="text" value="" size="9" onchange="updateColor('bordercolor_pick','bordercolor');changedColor();" /></td>
   158 										<td><input id="bordercolor" name="bordercolor" type="text" value="" size="9" onchange="updateColor('bordercolor_pick','bordercolor');changedColor();" /></td>
   127 										<td id="bordercolor_pickcontainer">&nbsp;</td>
   159 										<td id="bordercolor_pickcontainer">&nbsp;</td>
   129 								</table>
   161 								</table>
   130 							</td> 
   162 							</td> 
   131 						</tr>
   163 						</tr>
   132 
   164 
   133 						<tr>
   165 						<tr>
   134 							<td class="column1"><label for="bgcolor">{$lang_table_bgcolor}</label></td> 
   166 							<td class="column1"><label for="bgcolor">{#table_dlg.bgcolor}</label></td> 
   135 							<td>
   167 							<td>
   136 								<table border="0" cellpadding="0" cellspacing="0">
   168 								<table border="0" cellpadding="0" cellspacing="0">
   137 									<tr>
   169 									<tr>
   138 										<td><input id="bgcolor" name="bgcolor" type="text" value="" size="9" onchange="updateColor('bgcolor_pick','bgcolor');changedColor();" /></td>
   170 										<td><input id="bgcolor" name="bgcolor" type="text" value="" size="9" onchange="updateColor('bgcolor_pick','bgcolor');changedColor();" /></td>
   139 										<td id="bgcolor_pickcontainer">&nbsp;</td>
   171 										<td id="bgcolor_pickcontainer">&nbsp;</td>
   146 			</div>
   178 			</div>
   147 		</div>
   179 		</div>
   148 
   180 
   149 		<div class="mceActionPanel">
   181 		<div class="mceActionPanel">
   150 			<div style="float: left">
   182 			<div style="float: left">
   151 				<input type="button" id="insert" name="insert" value="{$lang_insert}" onclick="insertTable();" />
   183 				<input type="button" id="insert" name="insert" value="{#insert}" onclick="insertTable();" />
   152 			</div>
   184 			</div>
   153 
   185 
   154 			<div style="float: right">
   186 			<div style="float: right">
   155 				<input type="button" id="cancel" name="cancel" value="{$lang_cancel}" onclick="tinyMCEPopup.close();" />
   187 				<input type="button" id="cancel" name="cancel" value="{#cancel}" onclick="tinyMCEPopup.close();" />
   156 			</div>
   188 			</div>
   157 		</div>
   189 		</div>
   158 	</form>
   190 	</form>
   159 </body>
   191 </body>
   160 </html>
   192 </html>