← Back to branch summary

~quam-plures-core/quam-plures/bug-614012

« back to all changes in this revision

Viewing changes to qp_plugins/tinymce_plugin/tiny_mce/plugins/table/table.htm

  • Committer: yabs
  • Author(s): EdB
  • Date: 2010-07-23 07:41:42 UTC
  • mfrom: (7507.5.4 upgrade_tinymce_core)
  • Revision ID: yabs@innervisions.org.uk-20100723074142-1xhibhdhaibhq33m
Upgrade TinyMCE

Show diffs side-by-side

added added

removed removed

Lines of Context:
qp_plugins/tinymce_plugin/tiny_mce/plugins/table/table.htm
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="void">{#table_dlg.rules_void}</option>
117
 
                                                                                <option value="above">{#table_dlg.rules_above}</option> 
118
 
                                                                                <option value="below">{#table_dlg.rules_below}</option> 
119
 
                                                                                <option value="hsides">{#table_dlg.rules_hsides}</option> 
120
 
                                                                                <option value="lhs">{#table_dlg.rules_lhs}</option> 
121
 
                                                                                <option value="rhs">{#table_dlg.rules_rhs}</option> 
122
 
                                                                                <option value="vsides">{#table_dlg.rules_vsides}</option> 
123
 
                                                                                <option value="box">{#table_dlg.rules_box}</option> 
124
 
                                                                                <option value="border">{#table_dlg.rules_border}</option> 
125
 
                                                                </select>
126
 
                                                        </td> 
127
 
                                                </tr>
128
 
 
129
 
                                                <tr>
130
 
                                                        <td class="column1"><label for="rules">{#table_dlg.rules}</label></td> 
131
 
                                                        <td>
132
 
                                                                <select id="rules" name="rules" class="advfield"> 
133
 
                                                                                <option value="">{#not_set}</option> 
134
 
                                                                                <option value="none">{#table_dlg.frame_none}</option>
135
 
                                                                                <option value="groups">{#table_dlg.frame_groups}</option>
136
 
                                                                                <option value="rows">{#table_dlg.frame_rows}</option>
137
 
                                                                                <option value="cols">{#table_dlg.frame_cols}</option>
138
 
                                                                                <option value="all">{#table_dlg.frame_all}</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>
 
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
                        <input type="submit" id="insert" name="insert" value="{#insert}" />
 
183
                        <input type="button" id="cancel" name="cancel" value="{#cancel}" onclick="tinyMCEPopup.close();" />
 
184
                </div>
 
185
        </form>
 
186
</body>
 
187
</html>