| Index: branches/MwEmbedStandAlone/tests/style.css |
| — | — | @@ -61,7 +61,13 @@ |
| 62 | 62 | width: 720px; |
| 63 | 63 | z-index:100; |
| 64 | 64 | right:10px; position:absolute; top:10px; margin:0; } |
| | 65 | +#js-console { background-color:#FFFFFF; |
| | 66 | +color: black; |
| | 67 | + width: 720px; |
| | 68 | + z-index:100; |
| | 69 | + left:10px; position:absolute; bottom:10px; margin:0; } |
| 65 | 70 | |
| | 71 | + |
| 66 | 72 | dfn { border-bottom:1px dotted green; color:green; cursor:default; font-style:normal; } |
| 67 | 73 | |
| 68 | 74 | .controls { padding: 5px; } |
| Index: branches/MwEmbedStandAlone/tests/mwEmbed_Demo.html |
| — | — | @@ -36,6 +36,11 @@ |
| 37 | 37 | |
| 38 | 38 | $("#docbox").resizable(); |
| 39 | 39 | $("#docbox").draggable(); |
| | 40 | + $("#js-console").resizable(); |
| | 41 | + $("#js-console").draggable(); |
| | 42 | + |
| | 43 | + |
| | 44 | + |
| 40 | 45 | }); |
| 41 | 46 | </script> |
| 42 | 47 | </head> |
| — | — | @@ -179,15 +184,17 @@ |
| 180 | 185 | </iframe> |
| 181 | 186 | </div> |
| 182 | 187 | |
| 183 | | - <div id="demo_control_panel" style="display:none;"> |
| 184 | | - <p>Demo Controls</p> |
| 185 | | - </div><!-- END demo_control_panel --> |
| | 188 | + </div><!-- end sideBox --> |
| 186 | 189 | |
| | 190 | + <div id="js-console" class="ui-widget-content"> |
| | 191 | + <h3 class="ui-widget-header">mwEmbed Controls</h3> |
| | 192 | + <p>Textboxes and buttons for interacting with the demonstration player.</p> |
| | 193 | + </div> |
| | 194 | + |
| 187 | 195 | <div id="help" style="display:none;"> |
| 188 | 196 | <p>Instructions will go here</p> |
| 189 | 197 | </div><!-- END help --> |
| 190 | 198 | |
| 191 | | - </div><!-- end sideBox --> |
| 192 | 199 | |
| 193 | 200 | </div><!-- END content --> |
| 194 | 201 | </div><!-- END container --> |