Mercurial > public > sg101

annotate static/js/tiny_mce/plugins/table/table.htm @ 693:ad69236e8501

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
For issue #52, update many 3rd party Javascript libraries. Updated to jquery 1.10.2, jquery ui 1.10.3. This broke a lot of stuff. - Found a newer version of the jquery cycle all plugin (3.0.3). - Updated JPlayer to 2.4.0. - Updated to MarkItUp 1.1.14. This also required me to add multiline attributes set to true on various buttons in the markdown set. - As per a stackoverflow post, added some code to get multiline titles in a jQuery UI dialog. They removed that functionality but allow you to put it back. Tweaked the MarkItUp preview CSS to show blockquotes in italic. Did not update TinyMCE at this time. I'm not using the JQuery version and this version appears to work ok for now. What I should do is make a repo for MarkItUp and do a vendor branch thing so I don't have to futz around diffing directories to figure out if I'll lose changes when I update.
author Brian Neal <bgneal@gmail.com>
date Wed, 04 Sep 2013 19:55:20 -0500
parents 6c182ceb7147
children
rev   line source
bgneal@312 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
bgneal@312 2 <html xmlns="http://www.w3.org/1999/xhtml">
bgneal@312 3 <head>
bgneal@312 4 <title>{#table_dlg.title}</title>
bgneal@312 5 <script type="text/javascript" src="../../tiny_mce_popup.js"></script>
bgneal@312 6 <script type="text/javascript" src="../../utils/mctabs.js"></script>
bgneal@312 7 <script type="text/javascript" src="../../utils/form_utils.js"></script>
bgneal@312 8 <script type="text/javascript" src="../../utils/validate.js"></script>
bgneal@312 9 <script type="text/javascript" src="../../utils/editable_selects.js"></script>
bgneal@312 10 <script type="text/javascript" src="js/table.js"></script>
bgneal@312 11 <link href="css/table.css" rel="stylesheet" type="text/css" />
bgneal@312 12 </head>
bgneal@442 13 <body id="table" style="display: none" role="application" aria-labelledby="app_title">
bgneal@442 14 <span style="display:none;" id="app_title">{#table_dlg.title}</span>
bgneal@312 15 <form onsubmit="insertTable();return false;" action="#">
bgneal@312 16 <div class="tabs">
bgneal@312 17 <ul>
bgneal@442 18 <li id="general_tab" aria-controls="general_panel" class="current"><span><a href="javascript:mcTabs.displayTab('general_tab','general_panel');" onmousedown="return false;">{#table_dlg.general_tab}</a></span></li>
bgneal@442 19 <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>
bgneal@312 20 </ul>
bgneal@312 21 </div>
bgneal@312 22
bgneal@312 23 <div class="panel_wrapper">
bgneal@312 24 <div id="general_panel" class="panel current">
bgneal@312 25 <fieldset>
bgneal@312 26 <legend>{#table_dlg.general_props}</legend>
bgneal@442 27 <table role="presentation" border="0" cellpadding="4" cellspacing="0" width="100%">
bgneal@442 28 <tr>
bgneal@442 29 <td><label id="colslabel" for="cols">{#table_dlg.cols}</label></td>
bgneal@442 30 <td><input id="cols" name="cols" type="text" value="" size="3" maxlength="3" class="required number min1 mceFocus" aria-required="true" /></td>
bgneal@442 31 <td><label id="rowslabel" for="rows">{#table_dlg.rows}</label></td>
bgneal@442 32 <td><input id="rows" name="rows" type="text" value="" size="3" maxlength="3" class="required number min1" aria-required="true" /></td>
bgneal@442 33 </tr>
bgneal@442 34 <tr>
bgneal@442 35 <td><label id="cellpaddinglabel" for="cellpadding">{#table_dlg.cellpadding}</label></td>
bgneal@442 36 <td><input id="cellpadding" name="cellpadding" type="text" value="" size="3" maxlength="3" class="number" /></td>
bgneal@442 37 <td><label id="cellspacinglabel" for="cellspacing">{#table_dlg.cellspacing}</label></td>
bgneal@442 38 <td><input id="cellspacing" name="cellspacing" type="text" value="" size="3" maxlength="3" class="number" /></td>
bgneal@442 39 </tr>
bgneal@442 40 <tr>
bgneal@442 41 <td><label id="alignlabel" for="align">{#table_dlg.align}</label></td>
bgneal@442 42 <td><select id="align" name="align">
bgneal@442 43 <option value="">{#not_set}</option>
bgneal@442 44 <option value="center">{#table_dlg.align_middle}</option>
bgneal@442 45 <option value="left">{#table_dlg.align_left}</option>
bgneal@442 46 <option value="right">{#table_dlg.align_right}</option>
bgneal@442 47 </select></td>
bgneal@442 48 <td><label id="borderlabel" for="border">{#table_dlg.border}</label></td>
bgneal@442 49 <td><input id="border" name="border" type="text" value="" size="3" maxlength="3" onchange="changedBorder();" class="number" /></td>
bgneal@442 50 </tr>
bgneal@442 51 <tr id="width_row">
bgneal@442 52 <td><label id="widthlabel" for="width">{#table_dlg.width}</label></td>
bgneal@442 53 <td><input name="width" type="text" id="width" value="" size="4" maxlength="4" onchange="changedSize();" class="size" /></td>
bgneal@442 54 <td><label id="heightlabel" for="height">{#table_dlg.height}</label></td>
bgneal@442 55 <td><input name="height" type="text" id="height" value="" size="4" maxlength="4" onchange="changedSize();" class="size" /></td>
bgneal@442 56 </tr>
bgneal@442 57 <tr id="styleSelectRow" >
bgneal@442 58 <td><label id="classlabel" for="class">{#class_name}</label></td>
bgneal@442 59 <td colspan="3" >
bgneal@442 60 <select id="class" name="class" class="mceEditableSelect">
bgneal@442 61 <option value="" selected="selected">{#not_set}</option>
bgneal@442 62 </select></td>
bgneal@442 63 </tr>
bgneal@442 64 <tr>
bgneal@442 65 <td class="column1" ><label for="caption">{#table_dlg.caption}</label></td>
bgneal@442 66 <td><input id="caption" name="caption" type="checkbox" class="checkbox" value="true" /></td>
bgneal@442 67 </tr>
bgneal@442 68 </table>
bgneal@312 69 </fieldset>
bgneal@312 70 </div>
bgneal@312 71
bgneal@312 72 <div id="advanced_panel" class="panel">
bgneal@312 73 <fieldset>
bgneal@312 74 <legend>{#table_dlg.advanced_props}</legend>
bgneal@312 75
bgneal@442 76 <table role="presentation" border="0" cellpadding="0" cellspacing="4">
bgneal@312 77 <tr>
bgneal@312 78 <td class="column1"><label for="id">{#table_dlg.id}</label></td>
bgneal@312 79 <td><input id="id" name="id" type="text" value="" class="advfield" /></td>
bgneal@312 80 </tr>
bgneal@312 81
bgneal@312 82 <tr>
bgneal@312 83 <td class="column1"><label for="summary">{#table_dlg.summary}</label></td>
bgneal@312 84 <td><input id="summary" name="summary" type="text" value="" class="advfield" /></td>
bgneal@312 85 </tr>
bgneal@312 86
bgneal@312 87 <tr>
bgneal@312 88 <td><label for="style">{#table_dlg.style}</label></td>
bgneal@312 89 <td><input type="text" id="style" name="style" value="" class="advfield" onchange="changedStyle();" /></td>
bgneal@312 90 </tr>
bgneal@312 91
bgneal@312 92 <tr>
bgneal@312 93 <td class="column1"><label id="langlabel" for="lang">{#table_dlg.langcode}</label></td>
bgneal@312 94 <td>
bgneal@312 95 <input id="lang" name="lang" type="text" value="" class="advfield" />
bgneal@312 96 </td>
bgneal@312 97 </tr>
bgneal@312 98
bgneal@312 99 <tr>
bgneal@312 100 <td class="column1"><label for="backgroundimage">{#table_dlg.bgimage}</label></td>
bgneal@312 101 <td>
bgneal@442 102 <table role="presentation" aria-labelledby="backgroundimage_label" border="0" cellpadding="0" cellspacing="0">
bgneal@312 103 <tr>
bgneal@312 104 <td><input id="backgroundimage" name="backgroundimage" type="text" value="" class="advfield" onchange="changedBackgroundImage();" /></td>
bgneal@312 105 <td id="backgroundimagebrowsercontainer">&nbsp;</td>
bgneal@312 106 </tr>
bgneal@312 107 </table>
bgneal@312 108 </td>
bgneal@312 109 </tr>
bgneal@312 110
bgneal@312 111 <tr>
bgneal@312 112 <td class="column1"><label for="tframe">{#table_dlg.frame}</label></td>
bgneal@312 113 <td>
bgneal@312 114 <select id="tframe" name="tframe" class="advfield">
bgneal@312 115 <option value="">{#not_set}</option>
bgneal@312 116 <option value="void">{#table_dlg.rules_void}</option>
bgneal@312 117 <option value="above">{#table_dlg.rules_above}</option>
bgneal@312 118 <option value="below">{#table_dlg.rules_below}</option>
bgneal@312 119 <option value="hsides">{#table_dlg.rules_hsides}</option>
bgneal@312 120 <option value="lhs">{#table_dlg.rules_lhs}</option>
bgneal@312 121 <option value="rhs">{#table_dlg.rules_rhs}</option>
bgneal@312 122 <option value="vsides">{#table_dlg.rules_vsides}</option>
bgneal@312 123 <option value="box">{#table_dlg.rules_box}</option>
bgneal@312 124 <option value="border">{#table_dlg.rules_border}</option>
bgneal@312 125 </select>
bgneal@312 126 </td>
bgneal@312 127 </tr>
bgneal@312 128
bgneal@312 129 <tr>
bgneal@312 130 <td class="column1"><label for="rules">{#table_dlg.rules}</label></td>
bgneal@312 131 <td>
bgneal@312 132 <select id="rules" name="rules" class="advfield">
bgneal@312 133 <option value="">{#not_set}</option>
bgneal@312 134 <option value="none">{#table_dlg.frame_none}</option>
bgneal@312 135 <option value="groups">{#table_dlg.frame_groups}</option>
bgneal@312 136 <option value="rows">{#table_dlg.frame_rows}</option>
bgneal@312 137 <option value="cols">{#table_dlg.frame_cols}</option>
bgneal@312 138 <option value="all">{#table_dlg.frame_all}</option>
bgneal@312 139 </select>
bgneal@312 140 </td>
bgneal@312 141 </tr>
bgneal@312 142
bgneal@312 143 <tr>
bgneal@312 144 <td class="column1"><label for="dir">{#table_dlg.langdir}</label></td>
bgneal@312 145 <td>
bgneal@312 146 <select id="dir" name="dir" class="advfield">
bgneal@312 147 <option value="">{#not_set}</option>
bgneal@312 148 <option value="ltr">{#table_dlg.ltr}</option>
bgneal@312 149 <option value="rtl">{#table_dlg.rtl}</option>
bgneal@312 150 </select>
bgneal@312 151 </td>
bgneal@312 152 </tr>
bgneal@312 153
bgneal@442 154 <tr role="group" aria-labelledby="bordercolor_label">
bgneal@442 155 <td class="column1"><label id="bordercolor_label" for="bordercolor">{#table_dlg.bordercolor}</label></td>
bgneal@312 156 <td>
bgneal@442 157 <table role="presentation" border="0" cellpadding="0" cellspacing="0">
bgneal@312 158 <tr>
bgneal@312 159 <td><input id="bordercolor" name="bordercolor" type="text" value="" size="9" onchange="updateColor('bordercolor_pick','bordercolor');changedColor();" /></td>
bgneal@312 160 <td id="bordercolor_pickcontainer">&nbsp;</td>
bgneal@312 161 </tr>
bgneal@312 162 </table>
bgneal@312 163 </td>
bgneal@312 164 </tr>
bgneal@312 165
bgneal@442 166 <tr role="group" aria-labelledby="bgcolor_label">
bgneal@442 167 <td class="column1"><label id="bgcolor_label" for="bgcolor">{#table_dlg.bgcolor}</label></td>
bgneal@312 168 <td>
bgneal@442 169 <table role="presentation" border="0" cellpadding="0" cellspacing="0">
bgneal@312 170 <tr>
bgneal@312 171 <td><input id="bgcolor" name="bgcolor" type="text" value="" size="9" onchange="updateColor('bgcolor_pick','bgcolor');changedColor();" /></td>
bgneal@312 172 <td id="bgcolor_pickcontainer">&nbsp;</td>
bgneal@312 173 </tr>
bgneal@312 174 </table>
bgneal@312 175 </td>
bgneal@312 176 </tr>
bgneal@312 177 </table>
bgneal@312 178 </fieldset>
bgneal@312 179 </div>
bgneal@312 180 </div>
bgneal@312 181
bgneal@312 182 <div class="mceActionPanel">
bgneal@312 183 <input type="submit" id="insert" name="insert" value="{#insert}" />
bgneal@312 184 <input type="button" id="cancel" name="cancel" value="{#cancel}" onclick="tinyMCEPopup.close();" />
bgneal@312 185 </div>
bgneal@312 186 </form>
bgneal@312 187 </body>
bgneal@312 188 </html>