PageRenderTime 97ms CodeModel.GetById 76ms app.highlight 11ms RepoModel.GetById 1ms app.codeStats 1ms

/static/scripts/tiny_mce/plugins/table/table.htm

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