/img/js/tiny_mce/plugins/table/cell.htm
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"> </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"> </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"> </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>