includes/clientside/tinymce/plugins/table/row.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.row_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/editable_selects.js"></script>
       
     9 	<script type="text/javascript" src="js/row.js"></script>
       
    10 	<link href="css/row.css" rel="stylesheet" type="text/css" />
       
    11 </head>
       
    12 <body id="tablerow" style="display: none">
       
    13 	<form onsubmit="updateAction();return false;" action="#">
       
    14 		<div class="tabs">
       
    15 			<ul>
       
    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>
       
    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>
       
    18 			</ul>
       
    19 		</div>
       
    20 
       
    21 		<div class="panel_wrapper">
       
    22 			<div id="general_panel" class="panel current">
       
    23 				<fieldset>
       
    24 					<legend>{#table_dlg.general_props}</legend>
       
    25 
       
    26 					<table border="0" cellpadding="4" cellspacing="0">
       
    27 						<tr>
       
    28 							<td><label for="rowtype">{#table_dlg.rowtype}</label></td>
       
    29 							<td class="col2">
       
    30 								<select id="rowtype" name="rowtype" class="mceFocus">
       
    31 									<option value="thead">{#table_dlg.thead}</option>
       
    32 									<option value="tbody">{#table_dlg.tbody}</option>
       
    33 									<option value="tfoot">{#table_dlg.tfoot}</option>
       
    34 								</select>
       
    35 							</td>
       
    36 						</tr>
       
    37 
       
    38 						<tr>
       
    39 							<td><label for="align">{#table_dlg.align}</label></td>
       
    40 							<td class="col2">
       
    41 								<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>
       
    47 							</td>
       
    48 						</tr>
       
    49 
       
    50 						<tr>
       
    51 							<td><label for="valign">{#table_dlg.valign}</label></td>
       
    52 							<td class="col2">
       
    53 								<select id="valign" name="valign">
       
    54 									<option value="">{#not_set}</option>
       
    55 									<option value="top">{#table_dlg.align_top}</option>
       
    56 									<option value="middle">{#table_dlg.align_middle}</option>
       
    57 									<option value="bottom">{#table_dlg.align_bottom}</option>
       
    58 								</select>
       
    59 							</td>
       
    60 						</tr>
       
    61 
       
    62 						<tr id="styleSelectRow">
       
    63 							<td><label for="class">{#class_name}</label></td>
       
    64 							<td class="col2">
       
    65 								<select id="class" name="class" class="mceEditableSelect">
       
    66 									<option value="" selected="selected">{#not_set}</option>
       
    67 								</select>
       
    68 							</td>
       
    69 						</tr>
       
    70 
       
    71 						<tr>
       
    72 							<td><label for="height">{#table_dlg.height}</label></td>
       
    73 							<td class="col2"><input name="height" type="text" id="height" value="" size="4" maxlength="4" onchange="changedSize();" /></td>
       
    74 						</tr>
       
    75 					</table>
       
    76 				</fieldset>
       
    77 			</div>
       
    78 
       
    79 			<div id="advanced_panel" class="panel">
       
    80 				<fieldset>
       
    81 					<legend>{#table_dlg.advanced_props}</legend>
       
    82 
       
    83 					<table border="0" cellpadding="0" cellspacing="4">
       
    84 						<tr>
       
    85 							<td class="column1"><label for="id">{#table_dlg.id}</label></td> 
       
    86 							<td><input id="id" name="id" type="text" value="" style="width: 200px" /></td> 
       
    87 						</tr>
       
    88 
       
    89 						<tr>
       
    90 							<td><label for="style">{#table_dlg.style}</label></td>
       
    91 							<td><input type="text" id="style" name="style" value="" style="width: 200px;" onchange="changedStyle();" /></td>
       
    92 						</tr>
       
    93 
       
    94 						<tr>
       
    95 							<td class="column1"><label for="dir">{#table_dlg.langdir}</label></td> 
       
    96 							<td>
       
    97 								<select id="dir" name="dir" style="width: 200px"> 
       
    98 										<option value="">{#not_set}</option> 
       
    99 										<option value="ltr">{#table_dlg.ltr}</option> 
       
   100 										<option value="rtl">{#table_dlg.rtl}</option> 
       
   101 								</select>
       
   102 							</td> 
       
   103 						</tr>
       
   104 
       
   105 						<tr>
       
   106 							<td class="column1"><label for="lang">{#table_dlg.langcode}</label></td> 
       
   107 							<td>
       
   108 								<input id="lang" name="lang" type="text" value="" style="width: 200px" />
       
   109 							</td> 
       
   110 						</tr>
       
   111 
       
   112 						<tr>
       
   113 							<td class="column1"><label for="backgroundimage">{#table_dlg.bgimage}</label></td> 
       
   114 							<td>
       
   115 								<table border="0" cellpadding="0" cellspacing="0">
       
   116 									<tr>
       
   117 										<td><input id="backgroundimage" name="backgroundimage" type="text" value="" style="width: 200px" onchange="changedBackgroundImage();" /></td>
       
   118 										<td id="backgroundimagebrowsercontainer">&nbsp;</td>
       
   119 									</tr>
       
   120 								</table>
       
   121 							</td> 
       
   122 						</tr>
       
   123 
       
   124 						<tr>
       
   125 							<td class="column1"><label for="bgcolor">{#table_dlg.bgcolor}</label></td> 
       
   126 							<td>
       
   127 								<table border="0" cellpadding="0" cellspacing="0">
       
   128 									<tr>
       
   129 										<td><input id="bgcolor" name="bgcolor" type="text" value="" size="9" onchange="updateColor('bgcolor_pick','bgcolor');changedColor();" /></td>
       
   130 										<td id="bgcolor_pickcontainer">&nbsp;</td>
       
   131 									</tr>
       
   132 								</table>
       
   133 							</td> 
       
   134 						</tr>
       
   135 					</table>
       
   136 				</fieldset>
       
   137 			</div>
       
   138 		</div>
       
   139 
       
   140 		<div class="mceActionPanel">
       
   141 			<div>
       
   142 				<select id="action" name="action">
       
   143 					<option value="row">{#table_dlg.row_row}</option>
       
   144 					<option value="odd">{#table_dlg.row_odd}</option>
       
   145 					<option value="even">{#table_dlg.row_even}</option>
       
   146 					<option value="all">{#table_dlg.row_all}</option>
       
   147 				</select>
       
   148 			</div>
       
   149 
       
   150 			<div style="float: left">
       
   151 				<div><input type="submit" id="insert" name="insert" value="{#update}" /></div>
       
   152 			</div>
       
   153 
       
   154 			<div style="float: right">
       
   155 				<input type="button" id="cancel" name="cancel" value="{#cancel}" onclick="tinyMCEPopup.close();" />
       
   156 			</div>
       
   157 		</div>
       
   158 	</form>
       
   159 </body>
       
   160 </html>