annotate media/js/tiny_mce/plugins/table/cell.htm @ 273:2dbb657a2305

For #114, a CSS tweak.
author Brian Neal <bgneal@gmail.com>
date Sun, 26 Sep 2010 19:15:46 +0000
parents 149c3567fec1
children
rev   line source
bgneal@45 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
bgneal@45 2 <html xmlns="http://www.w3.org/1999/xhtml">
bgneal@45 3 <head>
bgneal@45 4 <title>{#table_dlg.cell_title}</title>
bgneal@45 5 <script type="text/javascript" src="../../tiny_mce_popup.js"></script>
bgneal@45 6 <script type="text/javascript" src="../../utils/mctabs.js"></script>
bgneal@45 7 <script type="text/javascript" src="../../utils/form_utils.js"></script>
bgneal@45 8 <script type="text/javascript" src="../../utils/editable_selects.js"></script>
bgneal@45 9 <script type="text/javascript" src="js/cell.js"></script>
bgneal@45 10 <link href="css/cell.css" rel="stylesheet" type="text/css" />
bgneal@45 11 </head>
bgneal@45 12 <body id="tablecell" style="display: none">
bgneal@45 13 <form onsubmit="updateAction();return false;" action="#">
bgneal@45 14 <div class="tabs">
bgneal@45 15 <ul>
bgneal@45 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>
bgneal@45 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>
bgneal@45 18 </ul>
bgneal@45 19 </div>
bgneal@45 20
bgneal@45 21 <div class="panel_wrapper">
bgneal@45 22 <div id="general_panel" class="panel current">
bgneal@45 23 <fieldset>
bgneal@45 24 <legend>{#table_dlg.general_props}</legend>
bgneal@45 25
bgneal@45 26 <table border="0" cellpadding="4" cellspacing="0">
bgneal@45 27 <tr>
bgneal@45 28 <td><label for="align">{#table_dlg.align}</label></td>
bgneal@45 29 <td>
bgneal@45 30 <select id="align" name="align" class="mceFocus">
bgneal@45 31 <option value="">{#not_set}</option>
bgneal@45 32 <option value="center">{#table_dlg.align_middle}</option>
bgneal@45 33 <option value="left">{#table_dlg.align_left}</option>
bgneal@45 34 <option value="right">{#table_dlg.align_right}</option>
bgneal@45 35 </select>
bgneal@45 36 </td>
bgneal@45 37
bgneal@45 38 <td><label for="celltype">{#table_dlg.cell_type}</label></td>
bgneal@45 39 <td>
bgneal@45 40 <select id="celltype" name="celltype">
bgneal@45 41 <option value="td">{#table_dlg.td}</option>
bgneal@45 42 <option value="th">{#table_dlg.th}</option>
bgneal@45 43 </select>
bgneal@45 44 </td>
bgneal@45 45 </tr>
bgneal@45 46
bgneal@45 47 <tr>
bgneal@45 48 <td><label for="valign">{#table_dlg.valign}</label></td>
bgneal@45 49 <td>
bgneal@45 50 <select id="valign" name="valign">
bgneal@45 51 <option value="">{#not_set}</option>
bgneal@45 52 <option value="top">{#table_dlg.align_top}</option>
bgneal@45 53 <option value="middle">{#table_dlg.align_middle}</option>
bgneal@45 54 <option value="bottom">{#table_dlg.align_bottom}</option>
bgneal@45 55 </select>
bgneal@45 56 </td>
bgneal@45 57
bgneal@45 58 <td><label for="scope">{#table_dlg.scope}</label></td>
bgneal@45 59 <td>
bgneal@45 60 <select id="scope" name="scope">
bgneal@45 61 <option value="">{#not_set}</option>
bgneal@45 62 <option value="col">{#table.col}</option>
bgneal@45 63 <option value="row">{#table.row}</option>
bgneal@45 64 <option value="rowgroup">{#table_dlg.rowgroup}</option>
bgneal@45 65 <option value="colgroup">{#table_dlg.colgroup}</option>
bgneal@45 66 </select>
bgneal@45 67 </td>
bgneal@45 68
bgneal@45 69 </tr>
bgneal@45 70
bgneal@45 71 <tr>
bgneal@45 72 <td><label for="width">{#table_dlg.width}</label></td>
bgneal@45 73 <td><input id="width" name="width" type="text" value="" size="4" maxlength="4" onchange="changedSize();" /></td>
bgneal@45 74
bgneal@45 75 <td><label for="height">{#table_dlg.height}</label></td>
bgneal@45 76 <td><input id="height" name="height" type="text" value="" size="4" maxlength="4" onchange="changedSize();" /></td>
bgneal@45 77 </tr>
bgneal@45 78
bgneal@45 79 <tr id="styleSelectRow">
bgneal@45 80 <td><label for="class">{#class_name}</label></td>
bgneal@45 81 <td colspan="3">
bgneal@45 82 <select id="class" name="class" class="mceEditableSelect">
bgneal@45 83 <option value="" selected="selected">{#not_set}</option>
bgneal@45 84 </select>
bgneal@45 85 </td>
bgneal@45 86 </tr>
bgneal@45 87 </table>
bgneal@45 88 </fieldset>
bgneal@45 89 </div>
bgneal@45 90
bgneal@45 91 <div id="advanced_panel" class="panel">
bgneal@45 92 <fieldset>
bgneal@45 93 <legend>{#table_dlg.advanced_props}</legend>
bgneal@45 94
bgneal@45 95 <table border="0" cellpadding="0" cellspacing="4">
bgneal@45 96 <tr>
bgneal@45 97 <td class="column1"><label for="id">{#table_dlg.id}</label></td>
bgneal@45 98 <td><input id="id" name="id" type="text" value="" style="width: 200px" /></td>
bgneal@45 99 </tr>
bgneal@45 100
bgneal@45 101 <tr>
bgneal@45 102 <td><label for="style">{#table_dlg.style}</label></td>
bgneal@45 103 <td><input type="text" id="style" name="style" value="" style="width: 200px;" onchange="changedStyle();" /></td>
bgneal@45 104 </tr>
bgneal@45 105
bgneal@45 106 <tr>
bgneal@45 107 <td class="column1"><label for="dir">{#table_dlg.langdir}</label></td>
bgneal@45 108 <td>
bgneal@45 109 <select id="dir" name="dir" style="width: 200px">
bgneal@45 110 <option value="">{#not_set}</option>
bgneal@45 111 <option value="ltr">{#table_dlg.ltr}</option>
bgneal@45 112 <option value="rtl">{#table_dlg.rtl}</option>
bgneal@45 113 </select>
bgneal@45 114 </td>
bgneal@45 115 </tr>
bgneal@45 116
bgneal@45 117 <tr>
bgneal@45 118 <td class="column1"><label for="lang">{#table_dlg.langcode}</label></td>
bgneal@45 119 <td>
bgneal@45 120 <input id="lang" name="lang" type="text" value="" style="width: 200px" />
bgneal@45 121 </td>
bgneal@45 122 </tr>
bgneal@45 123
bgneal@45 124 <tr>
bgneal@45 125 <td class="column1"><label for="backgroundimage">{#table_dlg.bgimage}</label></td>
bgneal@45 126 <td>
bgneal@45 127 <table border="0" cellpadding="0" cellspacing="0">
bgneal@45 128 <tr>
bgneal@45 129 <td><input id="backgroundimage" name="backgroundimage" type="text" value="" style="width: 200px" onchange="changedBackgroundImage();" /></td>
bgneal@45 130 <td id="backgroundimagebrowsercontainer">&nbsp;</td>
bgneal@45 131 </tr>
bgneal@45 132 </table>
bgneal@45 133 </td>
bgneal@45 134 </tr>
bgneal@45 135
bgneal@45 136 <tr>
bgneal@45 137 <td class="column1"><label for="bordercolor">{#table_dlg.bordercolor}</label></td>
bgneal@45 138 <td>
bgneal@45 139 <table border="0" cellpadding="0" cellspacing="0">
bgneal@45 140 <tr>
bgneal@45 141 <td><input id="bordercolor" name="bordercolor" type="text" value="" size="9" onchange="updateColor('bordercolor_pick','bordercolor');changedColor();" /></td>
bgneal@45 142 <td id="bordercolor_pickcontainer">&nbsp;</td>
bgneal@45 143 </tr>
bgneal@45 144 </table>
bgneal@45 145 </td>
bgneal@45 146 </tr>
bgneal@45 147
bgneal@45 148 <tr>
bgneal@45 149 <td class="column1"><label for="bgcolor">{#table_dlg.bgcolor}</label></td>
bgneal@45 150 <td>
bgneal@45 151 <table border="0" cellpadding="0" cellspacing="0">
bgneal@45 152 <tr>
bgneal@45 153 <td><input id="bgcolor" name="bgcolor" type="text" value="" size="9" onchange="updateColor('bgcolor_pick','bgcolor');changedColor();" /></td>
bgneal@45 154 <td id="bgcolor_pickcontainer">&nbsp;</td>
bgneal@45 155 </tr>
bgneal@45 156 </table>
bgneal@45 157 </td>
bgneal@45 158 </tr>
bgneal@45 159 </table>
bgneal@45 160 </fieldset>
bgneal@45 161 </div>
bgneal@45 162 </div>
bgneal@45 163
bgneal@45 164 <div class="mceActionPanel">
bgneal@45 165 <div>
bgneal@45 166 <select id="action" name="action">
bgneal@45 167 <option value="cell">{#table_dlg.cell_cell}</option>
bgneal@45 168 <option value="row">{#table_dlg.cell_row}</option>
bgneal@45 169 <option value="all">{#table_dlg.cell_all}</option>
bgneal@45 170 </select>
bgneal@45 171 </div>
bgneal@45 172
bgneal@183 173 <input type="submit" id="insert" name="insert" value="{#update}" />
bgneal@183 174 <input type="button" id="cancel" name="cancel" value="{#cancel}" onclick="tinyMCEPopup.close();" />
bgneal@45 175 </div>
bgneal@45 176 </form>
bgneal@45 177 </body>
bgneal@45 178 </html>