Open-Source PHP Framework - Designed for rapid development of performance-oriented scalable applications

/webroot/js/tinymce/plugins/table/cell.htm

[return to app]
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">
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="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 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 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>
137                             <td class="column1"><label for="bordercolor">{#table_dlg.bordercolor}</label></td> 
138                             <td>
139                                 <table 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>
149                             <td class="column1"><label for="bgcolor">{#table_dlg.bgcolor}</label></td> 
150                             <td>
151                                 <table 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             <div style="float: left">
174                 <div><input type="submit" id="insert" name="insert" value="{#update}" /></div>
175             </div>
176
177             <div style="float: right">
178                 <input type="button" id="cancel" name="cancel" value="{#cancel}" onclick="tinyMCEPopup.close();" />
179             </div>
180         </div>
181     </form>
182 </body>
183 </html>
184