includes/clientside/tinymce/plugins/table/table.htm
changeset 1344 dc96d6c5cd1e
parent 1343 2a31905a567d
child 1345 1de01205143b
equal deleted inserted replaced
1343:2a31905a567d 1344:dc96d6c5cd1e
     1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
       
     2 <html xmlns="http://www.w3.org/1999/xhtml">
       
     3 <head>
       
     4 	<title>{#table_dlg.title}</title>
       
     5 	<script type="text/javascript" src="../../tiny_mce_popup.js"></script>
       
     6 	<script type="text/javascript" src="../../utils/mctabs.js"></script>
       
     7 	<script type="text/javascript" src="../../utils/form_utils.js"></script>
       
     8 	<script type="text/javascript" src="../../utils/validate.js"></script>
       
     9 	<script type="text/javascript" src="../../utils/editable_selects.js"></script>
       
    10 	<script type="text/javascript" src="js/table.js"></script>
       
    11 	<link href="css/table.css" rel="stylesheet" type="text/css" />
       
    12 </head>
       
    13 <body id="table" style="display: none">
       
    14 	<form onsubmit="insertTable();return false;" action="#">
       
    15 		<div class="tabs">
       
    16 			<ul>
       
    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>
       
    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>
       
    19 			</ul>
       
    20 		</div>
       
    21 
       
    22 		<div class="panel_wrapper">
       
    23 			<div id="general_panel" class="panel current">
       
    24 				<fieldset>
       
    25 					<legend>{#table_dlg.general_props}</legend>
       
    26 					  <table border="0" cellpadding="4" cellspacing="0" width="100%">
       
    27 							  <tr>
       
    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 mceFocus" /></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>
       
    32 							  </tr>
       
    33 							  <tr>
       
    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>
       
    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>
       
    38 							  </tr>
       
    39 							  <tr>
       
    40 								<td><label id="alignlabel" for="align">{#table_dlg.align}</label></td>
       
    41 								<td><select id="align" name="align">
       
    42 									<option value="">{#not_set}</option>
       
    43 									<option value="center">{#table_dlg.align_middle}</option>
       
    44 									<option value="left">{#table_dlg.align_left}</option>
       
    45 									<option value="right">{#table_dlg.align_right}</option>
       
    46 								  </select></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>
       
    49 							  </tr>
       
    50 							  <tr id="width_row">
       
    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>
       
    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>
       
    55 							  </tr>
       
    56 							  <tr id="styleSelectRow">
       
    57 								<td><label id="classlabel" for="class">{#class_name}</label></td>
       
    58 								<td colspan="3">
       
    59 								 <select id="class" name="class" class="mceEditableSelect">
       
    60 									<option value="" selected="selected">{#not_set}</option>
       
    61 								 </select></td>
       
    62 							  </tr>
       
    63 							  <tr>
       
    64 								<td class="column1"><label for="caption">{#table_dlg.caption}</label></td> 
       
    65 								<td><input id="caption" name="caption" type="checkbox" class="checkbox" value="true" /></td> 
       
    66 							  </tr>
       
    67 							</table>
       
    68 				</fieldset>
       
    69 			</div>
       
    70 
       
    71 			<div id="advanced_panel" class="panel">
       
    72 				<fieldset>
       
    73 					<legend>{#table_dlg.advanced_props}</legend>
       
    74 
       
    75 					<table border="0" cellpadding="0" cellspacing="4">
       
    76 						<tr>
       
    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> 
       
    79 						</tr>
       
    80 
       
    81 						<tr>
       
    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> 
       
    84 						</tr>
       
    85 
       
    86 						<tr>
       
    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>
       
    89 						</tr>
       
    90 
       
    91 						<tr>
       
    92 							<td class="column1"><label id="langlabel" for="lang">{#table_dlg.langcode}</label></td> 
       
    93 							<td>
       
    94 								<input id="lang" name="lang" type="text" value="" class="advfield" />
       
    95 							</td> 
       
    96 						</tr>
       
    97 
       
    98 						<tr>
       
    99 							<td class="column1"><label for="backgroundimage">{#table_dlg.bgimage}</label></td> 
       
   100 							<td>
       
   101 								<table border="0" cellpadding="0" cellspacing="0">
       
   102 									<tr>
       
   103 										<td><input id="backgroundimage" name="backgroundimage" type="text" value="" class="advfield" onchange="changedBackgroundImage();" /></td>
       
   104 										<td id="backgroundimagebrowsercontainer">&nbsp;</td>
       
   105 									</tr>
       
   106 								</table>
       
   107 							</td> 
       
   108 						</tr>
       
   109 
       
   110 						<tr>
       
   111 							<td class="column1"><label for="tframe">{#table_dlg.frame}</label></td> 
       
   112 							<td>
       
   113 								<select id="tframe" name="tframe" class="advfield"> 
       
   114 										<option value="">{#not_set}</option>
       
   115 										<option value="void">{#table_dlg.rules_void}</option>
       
   116 										<option value="above">{#table_dlg.rules_above}</option> 
       
   117 										<option value="below">{#table_dlg.rules_below}</option> 
       
   118 										<option value="hsides">{#table_dlg.rules_hsides}</option> 
       
   119 										<option value="lhs">{#table_dlg.rules_lhs}</option> 
       
   120 										<option value="rhs">{#table_dlg.rules_rhs}</option> 
       
   121 										<option value="vsides">{#table_dlg.rules_vsides}</option> 
       
   122 										<option value="box">{#table_dlg.rules_box}</option> 
       
   123 										<option value="border">{#table_dlg.rules_border}</option> 
       
   124 								</select>
       
   125 							</td> 
       
   126 						</tr>
       
   127 
       
   128 						<tr>
       
   129 							<td class="column1"><label for="rules">{#table_dlg.rules}</label></td> 
       
   130 							<td>
       
   131 								<select id="rules" name="rules" class="advfield"> 
       
   132 										<option value="">{#not_set}</option> 
       
   133 										<option value="none">{#table_dlg.frame_none}</option>
       
   134 										<option value="groups">{#table_dlg.frame_groups}</option>
       
   135 										<option value="rows">{#table_dlg.frame_rows}</option>
       
   136 										<option value="cols">{#table_dlg.frame_cols}</option>
       
   137 										<option value="all">{#table_dlg.frame_all}</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> 
       
   155 							<td>
       
   156 								<table border="0" cellpadding="0" cellspacing="0">
       
   157 									<tr>
       
   158 										<td><input id="bordercolor" name="bordercolor" type="text" value="" size="9" onchange="updateColor('bordercolor_pick','bordercolor');changedColor();" /></td>
       
   159 										<td id="bordercolor_pickcontainer">&nbsp;</td>
       
   160 									</tr>
       
   161 								</table>
       
   162 							</td> 
       
   163 						</tr>
       
   164 
       
   165 						<tr>
       
   166 							<td class="column1"><label for="bgcolor">{#table_dlg.bgcolor}</label></td> 
       
   167 							<td>
       
   168 								<table border="0" cellpadding="0" cellspacing="0">
       
   169 									<tr>
       
   170 										<td><input id="bgcolor" name="bgcolor" type="text" value="" size="9" onchange="updateColor('bgcolor_pick','bgcolor');changedColor();" /></td>
       
   171 										<td id="bgcolor_pickcontainer">&nbsp;</td>
       
   172 									</tr>
       
   173 								</table>
       
   174 							</td> 
       
   175 						</tr>
       
   176 					</table>
       
   177 				</fieldset>
       
   178 			</div>
       
   179 		</div>
       
   180 
       
   181 		<div class="mceActionPanel">
       
   182 			<div style="float: left">
       
   183 				<input type="submit" id="insert" name="insert" value="{#insert}" />
       
   184 			</div>
       
   185 
       
   186 			<div style="float: right">
       
   187 				<input type="button" id="cancel" name="cancel" value="{#cancel}" onclick="tinyMCEPopup.close();" />
       
   188 			</div>
       
   189 		</div>
       
   190 	</form>
       
   191 </body>
       
   192 </html>