PageRenderTime 73ms CodeModel.GetById 56ms app.highlight 11ms RepoModel.GetById 1ms app.codeStats 1ms

/img/js/tiny_mce/plugins/table/cell.htm

http://github.com/plushcms/PlushCMS
HTML | 178 lines | 159 code | 19 blank | 0 comment | 0 complexity | b07b5d2342e792ee0774821180b87fb1 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.cell_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/cell.js"></script>
 10	<link href="css/cell.css" rel="stylesheet" type="text/css" />
 11</head>
 12<body id="tablecell" style="display: none" role="application">
 13	<form onsubmit="updateAction();return false;" action="#">
 14		<div class="tabs">
 15			<ul>
 16				<li id="general_tab" class="current" aria-controls="general_panel"><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" aria-controls="advanced_panel"><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 role="presentation" border="0" cellpadding="4" cellspacing="0">
 27						<tr>
 28							<td><label for="align">{#table_dlg.align}</label></td>
 29							<td>
 30								<select id="align" name="align" class="mceFocus">
 31									<option value="">{#not_set}</option>
 32									<option value="center">{#table_dlg.align_middle}</option>
 33									<option value="left">{#table_dlg.align_left}</option>
 34									<option value="right">{#table_dlg.align_right}</option>
 35								</select>
 36							</td>
 37		
 38							<td><label for="celltype">{#table_dlg.cell_type}</label></td>
 39							<td>
 40								<select id="celltype" name="celltype">
 41									<option value="td">{#table_dlg.td}</option>
 42									<option value="th">{#table_dlg.th}</option>
 43								</select>
 44							</td>
 45						</tr>
 46
 47						<tr>
 48							<td><label for="valign">{#table_dlg.valign}</label></td>
 49							<td>
 50								<select id="valign" name="valign">
 51									<option value="">{#not_set}</option>
 52									<option value="top">{#table_dlg.align_top}</option>
 53									<option value="middle">{#table_dlg.align_middle}</option>
 54									<option value="bottom">{#table_dlg.align_bottom}</option>
 55								</select>
 56							</td>
 57
 58							<td><label for="scope">{#table_dlg.scope}</label></td>
 59							<td>
 60								<select id="scope" name="scope">
 61									<option value="">{#not_set}</option>
 62									<option value="col">{#table.col}</option>
 63									<option value="row">{#table.row}</option>
 64									<option value="rowgroup">{#table_dlg.rowgroup}</option>
 65									<option value="colgroup">{#table_dlg.colgroup}</option>
 66								</select>
 67							</td>
 68
 69						</tr>
 70
 71						<tr>
 72							<td><label for="width">{#table_dlg.width}</label></td>
 73							<td><input id="width" name="width" type="text" value="" size="4" maxlength="4" onchange="changedSize();" /></td>
 74
 75							<td><label for="height">{#table_dlg.height}</label></td>
 76							<td><input id="height" name="height" type="text" value="" size="4" maxlength="4" onchange="changedSize();" /></td>
 77						</tr>
 78
 79						<tr id="styleSelectRow">
 80							<td><label for="class">{#class_name}</label></td>
 81							<td colspan="3">
 82								<select id="class" name="class" class="mceEditableSelect">
 83									<option value="" selected="selected">{#not_set}</option>
 84								</select>
 85							</td>
 86						</tr>
 87					</table>
 88				</fieldset>
 89			</div>
 90
 91			<div id="advanced_panel" class="panel">
 92				<fieldset>
 93					<legend>{#table_dlg.advanced_props}</legend>
 94
 95					<table role="presentation" border="0" cellpadding="0" cellspacing="4">
 96						<tr>
 97							<td class="column1"><label for="id">{#table_dlg.id}</label></td> 
 98							<td><input id="id" name="id" type="text" value="" style="width: 200px" /></td> 
 99						</tr>
100
101						<tr>
102							<td><label for="style">{#table_dlg.style}</label></td>
103							<td><input type="text" id="style" name="style" value="" style="width: 200px;" onchange="changedStyle();" /></td>
104						</tr>
105
106						<tr>
107							<td class="column1"><label for="dir">{#table_dlg.langdir}</label></td> 
108							<td>
109								<select id="dir" name="dir" style="width: 200px"> 
110										<option value="">{#not_set}</option> 
111										<option value="ltr">{#table_dlg.ltr}</option> 
112										<option value="rtl">{#table_dlg.rtl}</option> 
113								</select>
114							</td> 
115						</tr>
116
117						<tr>
118							<td class="column1"><label for="lang">{#table_dlg.langcode}</label></td> 
119							<td>
120								<input id="lang" name="lang" type="text" value="" style="width: 200px" />
121							</td> 
122						</tr>
123
124						<tr>
125							<td class="column1"><label for="backgroundimage">{#table_dlg.bgimage}</label></td> 
126							<td>
127								<table role="presentation" border="0" cellpadding="0" cellspacing="0">
128									<tr>
129										<td><input id="backgroundimage" name="backgroundimage" type="text" value="" style="width: 200px" onchange="changedBackgroundImage();" /></td>
130										<td id="backgroundimagebrowsercontainer">&nbsp;</td>
131									</tr>
132								</table>
133							</td> 
134						</tr>
135
136						<tr role="group" aria-labelledby="bordercolor_label">
137							<td class="column1"><label id="bordercolor_label" for="bordercolor">{#table_dlg.bordercolor}</label></td> 
138							<td>
139								<table role="presentation" border="0" cellpadding="0" cellspacing="0">
140									<tr>
141										<td><input id="bordercolor" name="bordercolor" type="text" value="" size="9" onchange="updateColor('bordercolor_pick','bordercolor');changedColor();" /></td>
142										<td id="bordercolor_pickcontainer">&nbsp;</td>
143									</tr>
144								</table>
145							</td> 
146						</tr>
147
148						<tr role="group" aria-labelledby="bgcolor_label">
149							<td class="column1"><label id="bgcolor_label" for="bgcolor">{#table_dlg.bgcolor}</label></td> 
150							<td>
151								<table role="presentation" border="0" cellpadding="0" cellspacing="0">
152									<tr>
153										<td><input id="bgcolor" name="bgcolor" type="text" value="" size="9" onchange="updateColor('bgcolor_pick','bgcolor');changedColor();" /></td>
154										<td id="bgcolor_pickcontainer">&nbsp;</td>
155									</tr>
156								</table>
157							</td> 
158						</tr>
159					</table>
160				</fieldset>
161			</div>
162		</div>
163
164		<div class="mceActionPanel">
165			<div>
166				<select id="action" name="action">
167					<option value="cell">{#table_dlg.cell_cell}</option>
168					<option value="row">{#table_dlg.cell_row}</option>
169					<option value="all">{#table_dlg.cell_all}</option>
170				</select>
171			</div>
172
173			<input type="submit" id="insert" name="insert" value="{#update}" />
174			<input type="button" id="cancel" name="cancel" value="{#cancel}" onclick="tinyMCEPopup.close();" />
175		</div>
176	</form>
177</body>
178</html>