alchemy_cms 2.0.7 → 2.1.beta1
Sign up to get free protection for your applications and to get access to all the features.
- data/.gitignore +1 -4
- data/.travis.yml +1 -1
- data/Gemfile +7 -2
- data/README.md +6 -6
- data/Rakefile +26 -18
- data/alchemy_cms.gemspec +14 -14
- data/{assets/stylesheets → app/assets/images/alchemy}/Jcrop.gif +0 -0
- data/{assets/images → app/assets/images/alchemy}/ajax_loader.gif +0 -0
- data/{assets/images → app/assets/images/alchemy}/alchemy-logo.png +0 -0
- data/{assets/images → app/assets/images/alchemy}/flags.png +0 -0
- data/{assets/images → app/assets/images/alchemy}/gui/navi-tab.png +0 -0
- data/{assets/images → app/assets/images/alchemy}/gui/shading_90.png +0 -0
- data/{assets/images → app/assets/images/alchemy}/gui/toggle.png +0 -0
- data/{assets/images → app/assets/images/alchemy}/icons.png +0 -0
- data/{assets/images → app/assets/images/alchemy}/image_loader.gif +0 -0
- data/{assets/images → app/assets/images/alchemy}/jquery-sb/select_arrow.gif +0 -0
- data/{assets/images → app/assets/images/alchemy}/jquery-sb/select_arrow_bg.gif +0 -0
- data/{assets/images → app/assets/images/alchemy}/jquery-sb/select_arrow_bg_hover.gif +0 -0
- data/{assets/images → app/assets/images/alchemy}/placeholder.png +0 -0
- data/{assets/images/gui → app/assets/images/alchemy}/shading.png +0 -0
- data/{assets/images → app/assets/images/alchemy}/swfupload/browse_button.png +0 -0
- data/{assets/stylesheets/default/img → app/assets/images/alchemy}/tabs.gif +0 -0
- data/{assets/images/jquery-ui → app/assets/images/alchemy}/ui-icons_666666_256x240.png +0 -0
- data/app/assets/javascripts/alchemy/alchemy.base.js +212 -0
- data/app/assets/javascripts/alchemy/alchemy.buttons.js +36 -0
- data/app/assets/javascripts/alchemy/alchemy.dirty.js +91 -0
- data/app/assets/javascripts/alchemy/alchemy.dragndrop.js +114 -0
- data/{assets/javascripts → app/assets/javascripts/alchemy}/alchemy.element_editor_selector.js +0 -0
- data/{assets/javascripts → app/assets/javascripts/alchemy}/alchemy.growler.js +0 -0
- data/{assets/javascripts → app/assets/javascripts/alchemy}/alchemy.image_cropper.js +0 -0
- data/app/assets/javascripts/alchemy/alchemy.js +26 -0
- data/app/assets/javascripts/alchemy/alchemy.js_extensions.js +17 -0
- data/{assets/javascripts → app/assets/javascripts/alchemy}/alchemy.link_overlay.js +1 -1
- data/{assets/javascripts → app/assets/javascripts/alchemy}/alchemy.page_sorter.js +0 -0
- data/{assets/javascripts → app/assets/javascripts/alchemy}/alchemy.preview.js +0 -0
- data/app/assets/javascripts/alchemy/alchemy.windows.js +438 -0
- data/app/assets/stylesheets/alchemy/_defaults.scss +160 -0
- data/app/assets/stylesheets/alchemy/alchemy.css +9 -0
- data/{assets/stylesheets/alchemy.css → app/assets/stylesheets/alchemy/base.css.scss} +216 -353
- data/{assets/stylesheets/elements.css → app/assets/stylesheets/alchemy/elements.css.scss} +41 -70
- data/{assets/stylesheets/flags.css → app/assets/stylesheets/alchemy/flags.css.scss} +1 -1
- data/{assets/stylesheets/jquery-ui-1.8.7.alchemy.css → app/assets/stylesheets/alchemy/jquery-ui.alchemy.css} +15 -15
- data/{assets/stylesheets/jquery.Jcrop.css → app/assets/stylesheets/alchemy/jquery.Jcrop.css.scss} +3 -3
- data/{assets/stylesheets/jquery.sb.css → app/assets/stylesheets/alchemy/jquery.sb.css.scss} +19 -29
- data/{assets/stylesheets → app/assets/stylesheets/alchemy}/print.css +6 -1
- data/{assets/stylesheets → app/assets/stylesheets/alchemy}/standard_set.css +0 -0
- data/{assets/stylesheets/alchemy_tinymce_content.css → app/assets/stylesheets/alchemy/tinymce_content.css} +0 -0
- data/{assets/stylesheets/alchemy_tinymce_dialog.css → app/assets/stylesheets/alchemy/tinymce_dialog.css} +2 -2
- data/app/controllers/admin/attachments_controller.rb +2 -8
- data/app/controllers/admin/clipboard_controller.rb +2 -2
- data/app/controllers/admin/contents_controller.rb +4 -16
- data/app/controllers/admin/elements_controller.rb +2 -2
- data/app/controllers/admin/essence_audios_controller.rb +0 -3
- data/app/controllers/admin/essence_files_controller.rb +0 -11
- data/app/controllers/admin/essence_flashes_controller.rb +0 -3
- data/app/controllers/admin/essence_pictures_controller.rb +2 -7
- data/app/controllers/admin/essence_videos_controller.rb +0 -3
- data/app/controllers/admin/languages_controller.rb +4 -10
- data/app/controllers/admin/pages_controller.rb +6 -4
- data/app/controllers/admin/pictures_controller.rb +13 -18
- data/app/controllers/admin/trash_controller.rb +0 -5
- data/app/controllers/admin/users_controller.rb +2 -3
- data/app/controllers/alchemy_controller.rb +18 -30
- data/app/controllers/pages_controller.rb +21 -24
- data/app/helpers/admin/elements_helper.rb +5 -0
- data/app/helpers/admin/pages_helper.rb +36 -1
- data/app/helpers/alchemy_helper.rb +39 -17
- data/app/models/attachment.rb +2 -2
- data/app/models/essence_file.rb +1 -1
- data/app/models/page.rb +1 -1
- data/app/sweepers/pages_sweeper.rb +10 -0
- data/app/views/admin/attachments/destroy.js.erb +4 -0
- data/app/views/admin/clipboard/insert.js.erb +12 -19
- data/app/views/admin/contents/create.js.erb +1 -1
- data/app/views/admin/contents/destroy.js.erb +7 -0
- data/app/views/admin/contents/order.js.erb +6 -0
- data/app/views/admin/elements/_element.html.erb +4 -2
- data/app/views/admin/elements/create.js.erb +19 -26
- data/app/views/admin/elements/fold.js.erb +1 -1
- data/app/views/admin/elements/index.html.erb +1 -1
- data/app/views/admin/essence_files/assign.js.erb +8 -0
- data/app/views/admin/essence_pictures/save_link.js.erb +3 -0
- data/app/views/admin/index.html.erb +37 -27
- data/app/views/admin/languages/destroy.js.erb +1 -0
- data/app/views/admin/pages/_page.html.erb +1 -1
- data/app/views/admin/pages/_sitemap.html.erb +1 -1
- data/app/views/admin/pages/edit.html.erb +2 -2
- data/app/views/admin/pages/update.js.erb +1 -1
- data/app/views/admin/partials/_upload_form.html.erb +11 -11
- data/app/views/admin/pictures/archive_overlay.js.erb +1 -0
- data/app/views/admin/pictures/flush.js.erb +2 -0
- data/app/views/admin/pictures/update.js.erb +1 -0
- data/app/views/admin/trash/clear.js.erb +3 -0
- data/app/views/alchemy/error_notice.js.erb +1 -0
- data/app/views/alchemy/permission_denied.js.erb +2 -0
- data/app/views/alchemy/redirect.js.erb +1 -0
- data/app/views/alchemy/remote_errors.js.erb +3 -0
- data/app/views/alchemy/update.js.erb +5 -0
- data/app/views/essences/_essence_file_editor.html.erb +0 -1
- data/app/views/essences/_essence_file_view.html.erb +1 -5
- data/app/views/essences/_essence_picture_tools.html.erb +1 -1
- data/app/views/layouts/alchemy.html.erb +22 -9
- data/app/views/pages/show.rss.builder +1 -1
- data/config/alchemy/elements.yml +0 -5
- data/config/alchemy/page_layouts.yml +1 -1
- data/config/asset_packages.yml +17 -19
- data/config/authorization_rules.rb +1 -0
- data/config/locales/de.yml +0 -1
- data/config/routes.rb +1 -1
- data/lib/alchemy/tinymce.rb +51 -0
- data/lib/alchemy/version.rb +3 -3
- data/lib/alchemy_cms.rb +4 -2
- data/script/rails +6 -0
- data/spec/controllers/admin/clipboard_controller_spec.rb +15 -13
- data/spec/controllers/admin/contents_controller_spec.rb +4 -4
- data/spec/controllers/admin/trash_controller_spec.rb +6 -9
- data/spec/controllers/pages_controller_spec.rb +9 -8
- data/spec/dummy/Rakefile +1 -1
- data/spec/dummy/app/assets/javascripts/application.js +9 -0
- data/spec/dummy/app/assets/stylesheets/application.css +7 -0
- data/spec/dummy/app/mailers/.gitkeep +0 -0
- data/spec/dummy/app/models/.gitkeep +0 -0
- data/spec/dummy/app/views/layouts/application.html.erb +3 -3
- data/spec/dummy/config/application.rb +12 -6
- data/spec/dummy/config/database.yml +3 -0
- data/spec/dummy/config/environments/development.rb +7 -3
- data/spec/dummy/config/environments/production.rb +23 -12
- data/spec/dummy/config/environments/test.rb +5 -1
- data/spec/dummy/config/initializers/secret_token.rb +1 -1
- data/spec/dummy/config/initializers/wrap_parameters.rb +14 -0
- data/spec/dummy/config/locales/en.yml +1 -1
- data/spec/dummy/config/routes.rb +1 -1
- data/spec/dummy/lib/assets/.gitkeep +0 -0
- data/spec/factories.rb +8 -8
- data/spec/helpers/admin/elements_helper_spec.rb +2 -2
- data/spec/helpers/contents_helper_spec.rb +1 -1
- data/spec/helpers/elements_helper_spec.rb +6 -6
- data/spec/helpers/essences_helper_spec.rb +1 -1
- data/spec/helpers/pages_helper_spec.rb +37 -37
- data/spec/integration/pages_controller_spec.rb +29 -26
- data/spec/integration/security_spec.rb +2 -1
- data/spec/models/content_spec.rb +1 -1
- data/spec/models/element_spec.rb +11 -11
- data/spec/models/language_spec.rb +5 -5
- data/spec/models/page_spec.rb +54 -54
- data/spec/models/user_spec.rb +2 -1
- data/spec/routing_spec.rb +1 -1
- data/{assets/javascripts/jquery.js → vendor/assets/javascripts/jquery-1.6.2.min.js} +0 -0
- data/{assets/javascripts/jquery-ui.js → vendor/assets/javascripts/jquery-ui-custom-1.8.16.min.js} +0 -0
- data/{assets/javascripts → vendor/assets/javascripts/jquery_plugins}/jquery.Jcrop.min.js +0 -0
- data/{assets/javascripts → vendor/assets/javascripts/jquery_plugins}/jquery.dialogextend.min.js +7 -7
- data/{assets/javascripts → vendor/assets/javascripts/jquery_plugins}/jquery.in-place-edit.js +0 -0
- data/{assets/javascripts → vendor/assets/javascripts/jquery_plugins}/jquery.sb.min.js +0 -0
- data/{assets/javascripts → vendor/assets/javascripts/jquery_plugins}/jquery.scrollTo-1.4.2-min.js +10 -10
- data/{assets/javascripts → vendor/assets/javascripts/jquery_plugins}/jquery.ui.nestedSortable.js +0 -0
- data/{assets/javascripts → vendor/assets/javascripts/jquery_plugins}/jquery.ui.tabspaging.js +0 -0
- data/{assets → vendor/assets}/javascripts/swfupload/fileprogress.js +202 -202
- data/{assets → vendor/assets}/javascripts/swfupload/handlers.js +171 -171
- data/{assets → vendor/assets}/javascripts/swfupload/queue.js +97 -97
- data/{assets → vendor/assets}/javascripts/swfupload/swfupload.js +980 -980
- data/{assets → vendor/assets}/javascripts/swfupload/swfupload.swf +0 -0
- data/{assets → vendor/assets}/javascripts/tiny_mce/jquery.tinymce.js +0 -0
- data/{assets → vendor/assets}/javascripts/tiny_mce/langs/de.js +0 -0
- data/{assets → vendor/assets}/javascripts/tiny_mce/langs/en.js +0 -0
- data/{assets → vendor/assets}/javascripts/tiny_mce/license.txt +504 -504
- data/{assets → vendor/assets}/javascripts/tiny_mce/plugins/alchemy_link/editor_plugin.js +0 -0
- data/{assets → vendor/assets}/javascripts/tiny_mce/plugins/alchemy_link/langs/de.js +0 -0
- data/{assets → vendor/assets}/javascripts/tiny_mce/plugins/alchemy_link/langs/en.js +0 -0
- data/{assets → vendor/assets}/javascripts/tiny_mce/plugins/autoresize/editor_plugin.js +0 -0
- data/{assets → vendor/assets}/javascripts/tiny_mce/plugins/fullscreen/editor_plugin.js +0 -0
- data/{assets → vendor/assets}/javascripts/tiny_mce/plugins/fullscreen/fullscreen.htm +110 -110
- data/{assets → vendor/assets}/javascripts/tiny_mce/plugins/inlinepopups/editor_plugin.js +0 -0
- data/{assets/javascripts/tiny_mce/plugins/inlinepopups/skins/alchemy/window.css → vendor/assets/javascripts/tiny_mce/plugins/inlinepopups/skins/alchemy/window.css.erb} +8 -8
- data/{assets → vendor/assets}/javascripts/tiny_mce/plugins/inlinepopups/template.htm +387 -387
- data/{assets → vendor/assets}/javascripts/tiny_mce/plugins/paste/editor_plugin.js +0 -0
- data/{assets → vendor/assets}/javascripts/tiny_mce/plugins/paste/js/pastetext.js +36 -36
- data/{assets → vendor/assets}/javascripts/tiny_mce/plugins/paste/js/pasteword.js +51 -51
- data/{assets → vendor/assets}/javascripts/tiny_mce/plugins/paste/langs/de_dlg.js +0 -0
- data/{assets → vendor/assets}/javascripts/tiny_mce/plugins/paste/langs/en_dlg.js +0 -0
- data/{assets → vendor/assets}/javascripts/tiny_mce/plugins/paste/pastetext.htm +26 -26
- data/{assets → vendor/assets}/javascripts/tiny_mce/plugins/paste/pasteword.htm +21 -21
- data/{assets → vendor/assets}/javascripts/tiny_mce/plugins/table/cell.htm +180 -180
- data/{assets → vendor/assets}/javascripts/tiny_mce/plugins/table/css/cell.css +16 -16
- data/{assets → vendor/assets}/javascripts/tiny_mce/plugins/table/css/row.css +25 -25
- data/{assets → vendor/assets}/javascripts/tiny_mce/plugins/table/css/table.css +13 -13
- data/{assets → vendor/assets}/javascripts/tiny_mce/plugins/table/editor_plugin.js +0 -0
- data/{assets → vendor/assets}/javascripts/tiny_mce/plugins/table/js/cell.js +319 -319
- data/{assets → vendor/assets}/javascripts/tiny_mce/plugins/table/js/merge_cells.js +27 -27
- data/{assets → vendor/assets}/javascripts/tiny_mce/plugins/table/js/row.js +237 -237
- data/{assets → vendor/assets}/javascripts/tiny_mce/plugins/table/js/table.js +450 -450
- data/{assets → vendor/assets}/javascripts/tiny_mce/plugins/table/langs/de_dlg.js +0 -0
- data/{assets → vendor/assets}/javascripts/tiny_mce/plugins/table/langs/en_dlg.js +0 -0
- data/{assets → vendor/assets}/javascripts/tiny_mce/plugins/table/merge_cells.htm +32 -32
- data/{assets → vendor/assets}/javascripts/tiny_mce/plugins/table/row.htm +158 -158
- data/{assets → vendor/assets}/javascripts/tiny_mce/plugins/table/table.htm +188 -188
- data/{assets → vendor/assets}/javascripts/tiny_mce/themes/advanced/about.htm +52 -52
- data/{assets → vendor/assets}/javascripts/tiny_mce/themes/advanced/anchor.htm +26 -26
- data/{assets → vendor/assets}/javascripts/tiny_mce/themes/advanced/charmap.htm +51 -51
- data/{assets → vendor/assets}/javascripts/tiny_mce/themes/advanced/color_picker.htm +74 -74
- data/{assets → vendor/assets}/javascripts/tiny_mce/themes/advanced/editor_template.js +0 -0
- data/{assets → vendor/assets}/javascripts/tiny_mce/themes/advanced/image.htm +80 -80
- data/{assets → vendor/assets}/javascripts/tiny_mce/themes/advanced/img/colorpicker.jpg +0 -0
- data/{assets → vendor/assets}/javascripts/tiny_mce/themes/advanced/img/flash.gif +0 -0
- data/{assets → vendor/assets}/javascripts/tiny_mce/themes/advanced/img/icons.gif +0 -0
- data/{assets → vendor/assets}/javascripts/tiny_mce/themes/advanced/img/iframe.gif +0 -0
- data/{assets → vendor/assets}/javascripts/tiny_mce/themes/advanced/img/pagebreak.gif +0 -0
- data/{assets → vendor/assets}/javascripts/tiny_mce/themes/advanced/img/quicktime.gif +0 -0
- data/{assets → vendor/assets}/javascripts/tiny_mce/themes/advanced/img/realmedia.gif +0 -0
- data/{assets → vendor/assets}/javascripts/tiny_mce/themes/advanced/img/shockwave.gif +0 -0
- data/{assets → vendor/assets}/javascripts/tiny_mce/themes/advanced/img/trans.gif +0 -0
- data/{assets → vendor/assets}/javascripts/tiny_mce/themes/advanced/img/video.gif +0 -0
- data/{assets → vendor/assets}/javascripts/tiny_mce/themes/advanced/img/windowsmedia.gif +0 -0
- data/{assets → vendor/assets}/javascripts/tiny_mce/themes/advanced/js/about.js +73 -73
- data/{assets → vendor/assets}/javascripts/tiny_mce/themes/advanced/js/anchor.js +43 -43
- data/{assets → vendor/assets}/javascripts/tiny_mce/themes/advanced/js/charmap.js +355 -355
- data/{assets → vendor/assets}/javascripts/tiny_mce/themes/advanced/js/color_picker.js +329 -329
- data/{assets → vendor/assets}/javascripts/tiny_mce/themes/advanced/js/image.js +251 -251
- data/{assets → vendor/assets}/javascripts/tiny_mce/themes/advanced/js/link.js +153 -153
- data/{assets → vendor/assets}/javascripts/tiny_mce/themes/advanced/js/source_editor.js +56 -56
- data/{assets → vendor/assets}/javascripts/tiny_mce/themes/advanced/langs/de.js +0 -0
- data/{assets → vendor/assets}/javascripts/tiny_mce/themes/advanced/langs/de_dlg.js +0 -0
- data/{assets → vendor/assets}/javascripts/tiny_mce/themes/advanced/langs/en.js +0 -0
- data/{assets → vendor/assets}/javascripts/tiny_mce/themes/advanced/langs/en_dlg.js +0 -0
- data/{assets → vendor/assets}/javascripts/tiny_mce/themes/advanced/link.htm +57 -57
- data/{assets → vendor/assets}/javascripts/tiny_mce/themes/advanced/shortcuts.htm +47 -47
- data/{assets → vendor/assets}/javascripts/tiny_mce/themes/advanced/skins/default/content.css +50 -50
- data/{assets → vendor/assets}/javascripts/tiny_mce/themes/advanced/skins/default/dialog.css +117 -117
- data/{assets → vendor/assets}/javascripts/tiny_mce/themes/advanced/skins/default/img/buttons.png +0 -0
- data/{assets → vendor/assets}/javascripts/tiny_mce/themes/advanced/skins/default/img/items.gif +0 -0
- data/{assets → vendor/assets}/javascripts/tiny_mce/themes/advanced/skins/default/img/menu_arrow.gif +0 -0
- data/{assets → vendor/assets}/javascripts/tiny_mce/themes/advanced/skins/default/img/menu_check.gif +0 -0
- data/{assets → vendor/assets}/javascripts/tiny_mce/themes/advanced/skins/default/img/progress.gif +0 -0
- data/{assets → vendor/assets}/javascripts/tiny_mce/themes/advanced/skins/default/img/tabs.gif +0 -0
- data/{assets → vendor/assets}/javascripts/tiny_mce/themes/advanced/skins/default/ui.css +214 -214
- data/{assets → vendor/assets}/javascripts/tiny_mce/themes/advanced/skins/o2k7/content.css +48 -48
- data/{assets → vendor/assets}/javascripts/tiny_mce/themes/advanced/skins/o2k7/dialog.css +117 -117
- data/{assets → vendor/assets}/javascripts/tiny_mce/themes/advanced/skins/o2k7/img/button_bg.png +0 -0
- data/{assets → vendor/assets}/javascripts/tiny_mce/themes/advanced/skins/o2k7/img/button_bg_black.png +0 -0
- data/{assets → vendor/assets}/javascripts/tiny_mce/themes/advanced/skins/o2k7/img/button_bg_silver.png +0 -0
- data/{assets → vendor/assets}/javascripts/tiny_mce/themes/advanced/skins/o2k7/ui.css +217 -217
- data/{assets → vendor/assets}/javascripts/tiny_mce/themes/advanced/skins/o2k7/ui_black.css +7 -7
- data/{assets → vendor/assets}/javascripts/tiny_mce/themes/advanced/skins/o2k7/ui_silver.css +5 -5
- data/{assets → vendor/assets}/javascripts/tiny_mce/themes/advanced/source_editor.htm +25 -25
- data/{assets → vendor/assets}/javascripts/tiny_mce/tiny_mce.js +0 -0
- data/{assets → vendor/assets}/javascripts/tiny_mce/tiny_mce_popup.js +0 -0
- data/{assets → vendor/assets}/javascripts/tiny_mce/utils/editable_selects.js +70 -70
- data/{assets → vendor/assets}/javascripts/tiny_mce/utils/form_utils.js +210 -210
- data/{assets → vendor/assets}/javascripts/tiny_mce/utils/mctabs.js +161 -161
- data/{assets → vendor/assets}/javascripts/tiny_mce/utils/validate.js +252 -252
- metadata +338 -369
- data/app/views/elements/_download_editor.html.erb +0 -1
- data/app/views/elements/_download_view.html.erb +0 -3
- data/assets/javascripts/alchemy.js +0 -903
- data/assets/javascripts/jquery.rails.js +0 -315
- data/assets/stylesheets/ie6.css +0 -18
- data/config/initializers/tinymce_hammer.rb +0 -31
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
@@ -1,110 +1,110 @@
|
|
1
|
-
<!DOCTYPE html>
|
2
|
-
<html xmlns="http://www.w3.org/1999/xhtml">
|
3
|
-
<head>
|
4
|
-
<title></title>
|
5
|
-
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
6
|
-
<script type="text/javascript" src="../../tiny_mce.js"></script>
|
7
|
-
<script type="text/javascript">
|
8
|
-
function patchCallback(settings, key) {
|
9
|
-
if (settings[key])
|
10
|
-
settings[key] = "window.opener." + settings[key];
|
11
|
-
}
|
12
|
-
|
13
|
-
var settings = {}, paSe = window.opener.tinyMCE.activeEditor.settings, oeID = window.opener.tinyMCE.activeEditor.id;
|
14
|
-
|
15
|
-
// Clone array
|
16
|
-
for (var n in paSe)
|
17
|
-
settings[n] = paSe[n];
|
18
|
-
|
19
|
-
// Override options for fullscreen
|
20
|
-
for (var n in paSe.fullscreen_settings)
|
21
|
-
settings[n] = paSe.fullscreen_settings[n];
|
22
|
-
|
23
|
-
// Patch callbacks, make them point to window.opener
|
24
|
-
patchCallback(settings, 'urlconverter_callback');
|
25
|
-
patchCallback(settings, 'insertlink_callback');
|
26
|
-
patchCallback(settings, 'insertimage_callback');
|
27
|
-
patchCallback(settings, 'setupcontent_callback');
|
28
|
-
patchCallback(settings, 'save_callback');
|
29
|
-
patchCallback(settings, 'onchange_callback');
|
30
|
-
patchCallback(settings, 'init_instance_callback');
|
31
|
-
patchCallback(settings, 'file_browser_callback');
|
32
|
-
patchCallback(settings, 'cleanup_callback');
|
33
|
-
patchCallback(settings, 'execcommand_callback');
|
34
|
-
patchCallback(settings, 'oninit');
|
35
|
-
|
36
|
-
// Set options
|
37
|
-
delete settings.id;
|
38
|
-
settings['mode'] = 'exact';
|
39
|
-
settings['elements'] = 'fullscreenarea';
|
40
|
-
settings['add_unload_trigger'] = false;
|
41
|
-
settings['ask'] = false;
|
42
|
-
settings['document_base_url'] = window.opener.tinyMCE.activeEditor.documentBaseURI.getURI();
|
43
|
-
settings['fullscreen_is_enabled'] = true;
|
44
|
-
settings['fullscreen_editor_id'] = oeID;
|
45
|
-
settings['theme_advanced_resizing'] = false;
|
46
|
-
settings['strict_loading_mode'] = true;
|
47
|
-
|
48
|
-
settings.save_onsavecallback = function() {
|
49
|
-
window.opener.tinyMCE.get(oeID).setContent(tinyMCE.get('fullscreenarea').getContent({format : 'raw'}), {format : 'raw'});
|
50
|
-
window.opener.tinyMCE.get(oeID).execCommand('mceSave');
|
51
|
-
window.close();
|
52
|
-
};
|
53
|
-
|
54
|
-
function unloadHandler(e) {
|
55
|
-
moveContent();
|
56
|
-
}
|
57
|
-
|
58
|
-
function moveContent() {
|
59
|
-
window.opener.tinyMCE.get(oeID).setContent(tinyMCE.activeEditor.getContent());
|
60
|
-
}
|
61
|
-
|
62
|
-
function closeFullscreen() {
|
63
|
-
moveContent();
|
64
|
-
window.close();
|
65
|
-
}
|
66
|
-
|
67
|
-
function doParentSubmit() {
|
68
|
-
moveContent();
|
69
|
-
|
70
|
-
if (window.opener.tinyMCE.selectedInstance.formElement.form)
|
71
|
-
window.opener.tinyMCE.selectedInstance.formElement.form.submit();
|
72
|
-
|
73
|
-
window.close();
|
74
|
-
|
75
|
-
return false;
|
76
|
-
}
|
77
|
-
|
78
|
-
function render() {
|
79
|
-
var e = document.getElementById('fullscreenarea'), vp, ed, ow, oh, dom = tinymce.DOM;
|
80
|
-
|
81
|
-
e.value = window.opener.tinyMCE.get(oeID).getContent();
|
82
|
-
|
83
|
-
vp = dom.getViewPort();
|
84
|
-
settings.width = vp.w;
|
85
|
-
settings.height = vp.h - 15;
|
86
|
-
|
87
|
-
tinymce.dom.Event.add(window, 'resize', function() {
|
88
|
-
var vp = dom.getViewPort();
|
89
|
-
|
90
|
-
tinyMCE.activeEditor.theme.resizeTo(vp.w, vp.h);
|
91
|
-
});
|
92
|
-
|
93
|
-
tinyMCE.init(settings);
|
94
|
-
}
|
95
|
-
|
96
|
-
// Add onunload
|
97
|
-
tinymce.dom.Event.add(window, "beforeunload", unloadHandler);
|
98
|
-
</script>
|
99
|
-
</head>
|
100
|
-
<body style="margin:0;overflow:hidden;width:100%;height:100%" scrolling="no" scroll="no">
|
101
|
-
<form onsubmit="doParentSubmit();">
|
102
|
-
<textarea id="fullscreenarea" style="width:100%; height:100%"></textarea>
|
103
|
-
</form>
|
104
|
-
|
105
|
-
<script type="text/javascript">
|
106
|
-
render();
|
107
|
-
</script>
|
108
|
-
|
109
|
-
</body>
|
110
|
-
</html>
|
1
|
+
<!DOCTYPE html>
|
2
|
+
<html xmlns="http://www.w3.org/1999/xhtml">
|
3
|
+
<head>
|
4
|
+
<title></title>
|
5
|
+
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
6
|
+
<script type="text/javascript" src="../../tiny_mce.js"></script>
|
7
|
+
<script type="text/javascript">
|
8
|
+
function patchCallback(settings, key) {
|
9
|
+
if (settings[key])
|
10
|
+
settings[key] = "window.opener." + settings[key];
|
11
|
+
}
|
12
|
+
|
13
|
+
var settings = {}, paSe = window.opener.tinyMCE.activeEditor.settings, oeID = window.opener.tinyMCE.activeEditor.id;
|
14
|
+
|
15
|
+
// Clone array
|
16
|
+
for (var n in paSe)
|
17
|
+
settings[n] = paSe[n];
|
18
|
+
|
19
|
+
// Override options for fullscreen
|
20
|
+
for (var n in paSe.fullscreen_settings)
|
21
|
+
settings[n] = paSe.fullscreen_settings[n];
|
22
|
+
|
23
|
+
// Patch callbacks, make them point to window.opener
|
24
|
+
patchCallback(settings, 'urlconverter_callback');
|
25
|
+
patchCallback(settings, 'insertlink_callback');
|
26
|
+
patchCallback(settings, 'insertimage_callback');
|
27
|
+
patchCallback(settings, 'setupcontent_callback');
|
28
|
+
patchCallback(settings, 'save_callback');
|
29
|
+
patchCallback(settings, 'onchange_callback');
|
30
|
+
patchCallback(settings, 'init_instance_callback');
|
31
|
+
patchCallback(settings, 'file_browser_callback');
|
32
|
+
patchCallback(settings, 'cleanup_callback');
|
33
|
+
patchCallback(settings, 'execcommand_callback');
|
34
|
+
patchCallback(settings, 'oninit');
|
35
|
+
|
36
|
+
// Set options
|
37
|
+
delete settings.id;
|
38
|
+
settings['mode'] = 'exact';
|
39
|
+
settings['elements'] = 'fullscreenarea';
|
40
|
+
settings['add_unload_trigger'] = false;
|
41
|
+
settings['ask'] = false;
|
42
|
+
settings['document_base_url'] = window.opener.tinyMCE.activeEditor.documentBaseURI.getURI();
|
43
|
+
settings['fullscreen_is_enabled'] = true;
|
44
|
+
settings['fullscreen_editor_id'] = oeID;
|
45
|
+
settings['theme_advanced_resizing'] = false;
|
46
|
+
settings['strict_loading_mode'] = true;
|
47
|
+
|
48
|
+
settings.save_onsavecallback = function() {
|
49
|
+
window.opener.tinyMCE.get(oeID).setContent(tinyMCE.get('fullscreenarea').getContent({format : 'raw'}), {format : 'raw'});
|
50
|
+
window.opener.tinyMCE.get(oeID).execCommand('mceSave');
|
51
|
+
window.close();
|
52
|
+
};
|
53
|
+
|
54
|
+
function unloadHandler(e) {
|
55
|
+
moveContent();
|
56
|
+
}
|
57
|
+
|
58
|
+
function moveContent() {
|
59
|
+
window.opener.tinyMCE.get(oeID).setContent(tinyMCE.activeEditor.getContent());
|
60
|
+
}
|
61
|
+
|
62
|
+
function closeFullscreen() {
|
63
|
+
moveContent();
|
64
|
+
window.close();
|
65
|
+
}
|
66
|
+
|
67
|
+
function doParentSubmit() {
|
68
|
+
moveContent();
|
69
|
+
|
70
|
+
if (window.opener.tinyMCE.selectedInstance.formElement.form)
|
71
|
+
window.opener.tinyMCE.selectedInstance.formElement.form.submit();
|
72
|
+
|
73
|
+
window.close();
|
74
|
+
|
75
|
+
return false;
|
76
|
+
}
|
77
|
+
|
78
|
+
function render() {
|
79
|
+
var e = document.getElementById('fullscreenarea'), vp, ed, ow, oh, dom = tinymce.DOM;
|
80
|
+
|
81
|
+
e.value = window.opener.tinyMCE.get(oeID).getContent();
|
82
|
+
|
83
|
+
vp = dom.getViewPort();
|
84
|
+
settings.width = vp.w;
|
85
|
+
settings.height = vp.h - 15;
|
86
|
+
|
87
|
+
tinymce.dom.Event.add(window, 'resize', function() {
|
88
|
+
var vp = dom.getViewPort();
|
89
|
+
|
90
|
+
tinyMCE.activeEditor.theme.resizeTo(vp.w, vp.h);
|
91
|
+
});
|
92
|
+
|
93
|
+
tinyMCE.init(settings);
|
94
|
+
}
|
95
|
+
|
96
|
+
// Add onunload
|
97
|
+
tinymce.dom.Event.add(window, "beforeunload", unloadHandler);
|
98
|
+
</script>
|
99
|
+
</head>
|
100
|
+
<body style="margin:0;overflow:hidden;width:100%;height:100%" scrolling="no" scroll="no">
|
101
|
+
<form onsubmit="doParentSubmit();">
|
102
|
+
<textarea id="fullscreenarea" style="width:100%; height:100%"></textarea>
|
103
|
+
</form>
|
104
|
+
|
105
|
+
<script type="text/javascript">
|
106
|
+
render();
|
107
|
+
</script>
|
108
|
+
|
109
|
+
</body>
|
110
|
+
</html>
|
File without changes
|
@@ -92,7 +92,7 @@
|
|
92
92
|
a.mceMove {
|
93
93
|
width: 100%;
|
94
94
|
height: 29px;
|
95
|
-
background: #c6dbe7 url(
|
95
|
+
background: #c6dbe7 url(<%= image_tag "shading.png" %>) repeat-x 50% -66px;
|
96
96
|
color: #333333;
|
97
97
|
font-weight: bold;
|
98
98
|
border-bottom: 2px solid #ededed;
|
@@ -219,7 +219,7 @@ a.mceMove {
|
|
219
219
|
|
220
220
|
.alchemy .mceClose {
|
221
221
|
right: 8px;
|
222
|
-
background: url(
|
222
|
+
background: url(<%= image_tag "ui-icons_666666_256x240.png" %>) -96px -128px;
|
223
223
|
width: 16px;
|
224
224
|
height: 16px;
|
225
225
|
top: 6px;
|
@@ -235,7 +235,7 @@ a.mceMove {
|
|
235
235
|
right: 28px;
|
236
236
|
width: 16px;
|
237
237
|
height: 16px;
|
238
|
-
background: url(
|
238
|
+
background: url(<%= image_tag "ui-icons_666666_256x240.png" %>) -49px -80px;
|
239
239
|
top: 6px;
|
240
240
|
}
|
241
241
|
|
@@ -244,7 +244,7 @@ a.mceMove {
|
|
244
244
|
right: 28px;
|
245
245
|
width: 16px;
|
246
246
|
height: 16px;
|
247
|
-
background: url(
|
247
|
+
background: url(<%= image_tag "ui-icons_666666_256x240.png" %>) -32px -80px;
|
248
248
|
top: 6px;
|
249
249
|
}
|
250
250
|
|
@@ -349,7 +349,7 @@ a.mceMove {
|
|
349
349
|
bottom: 1px;
|
350
350
|
right: 1px;
|
351
351
|
cursor: se-resize;
|
352
|
-
background: url(
|
352
|
+
background: url(<%= image_tag "ui-icons_666666_256x240.png" %>) no-repeat -80px -224px;
|
353
353
|
width: 14px;
|
354
354
|
height: 14px;
|
355
355
|
}
|
@@ -361,7 +361,7 @@ a.mceMove {
|
|
361
361
|
bottom: 10px;
|
362
362
|
width: 80px;
|
363
363
|
height: 31px;
|
364
|
-
background: url(
|
364
|
+
background: url(<%= image_tag "shading.png" %>) repeat-x 0 -75px;
|
365
365
|
line-height: 31px;
|
366
366
|
vertical-align: middle;
|
367
367
|
text-align: center;
|
@@ -401,7 +401,7 @@ a.mceMove {
|
|
401
401
|
}
|
402
402
|
|
403
403
|
.alchemy .mceAlert .mceIcon {
|
404
|
-
background: url(
|
404
|
+
background: url(<%= image_tag "icons.png" %>) 0 -88px;
|
405
405
|
}
|
406
406
|
|
407
407
|
.alchemy .mceConfirm .mceOk {
|
@@ -416,5 +416,5 @@ a.mceMove {
|
|
416
416
|
}
|
417
417
|
|
418
418
|
.alchemy .mceConfirm .mceIcon {
|
419
|
-
background: url(
|
419
|
+
background: url(<%= image_tag "icons.png" %>) 0 -88px;
|
420
420
|
}
|
@@ -1,387 +1,387 @@
|
|
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>Template for dialogs</title>
|
5
|
-
<link rel="stylesheet" type="text/css" href="skins/clearlooks2/window.css" />
|
6
|
-
</head>
|
7
|
-
<body>
|
8
|
-
|
9
|
-
<div class="mceEditor">
|
10
|
-
<div class="clearlooks2" style="width:400px; height:100px; left:10px;">
|
11
|
-
<div class="mceWrapper">
|
12
|
-
<div class="mceTop">
|
13
|
-
<div class="mceLeft"></div>
|
14
|
-
<div class="mceCenter"></div>
|
15
|
-
<div class="mceRight"></div>
|
16
|
-
<span>Blured</span>
|
17
|
-
</div>
|
18
|
-
|
19
|
-
<div class="mceMiddle">
|
20
|
-
<div class="mceLeft"></div>
|
21
|
-
<span>Content</span>
|
22
|
-
<div class="mceRight"></div>
|
23
|
-
</div>
|
24
|
-
|
25
|
-
<div class="mceBottom">
|
26
|
-
<div class="mceLeft"></div>
|
27
|
-
<div class="mceCenter"></div>
|
28
|
-
<div class="mceRight"></div>
|
29
|
-
<span>Statusbar text.</span>
|
30
|
-
</div>
|
31
|
-
|
32
|
-
<a class="mceMove" href="#"></a>
|
33
|
-
<a class="mceMin" href="#"></a>
|
34
|
-
<a class="mceMax" href="#"></a>
|
35
|
-
<a class="mceMed" href="#"></a>
|
36
|
-
<a class="mceClose" href="#"></a>
|
37
|
-
<a class="mceResize mceResizeN" href="#"></a>
|
38
|
-
<a class="mceResize mceResizeS" href="#"></a>
|
39
|
-
<a class="mceResize mceResizeW" href="#"></a>
|
40
|
-
<a class="mceResize mceResizeE" href="#"></a>
|
41
|
-
<a class="mceResize mceResizeNW" href="#"></a>
|
42
|
-
<a class="mceResize mceResizeNE" href="#"></a>
|
43
|
-
<a class="mceResize mceResizeSW" href="#"></a>
|
44
|
-
<a class="mceResize mceResizeSE" href="#"></a>
|
45
|
-
</div>
|
46
|
-
</div>
|
47
|
-
|
48
|
-
<div class="clearlooks2" style="width:400px; height:100px; left:420px;">
|
49
|
-
<div class="mceWrapper mceMovable mceFocus">
|
50
|
-
<div class="mceTop">
|
51
|
-
<div class="mceLeft"></div>
|
52
|
-
<div class="mceCenter"></div>
|
53
|
-
<div class="mceRight"></div>
|
54
|
-
<span>Focused</span>
|
55
|
-
</div>
|
56
|
-
|
57
|
-
<div class="mceMiddle">
|
58
|
-
<div class="mceLeft"></div>
|
59
|
-
<span>Content</span>
|
60
|
-
<div class="mceRight"></div>
|
61
|
-
</div>
|
62
|
-
|
63
|
-
<div class="mceBottom">
|
64
|
-
<div class="mceLeft"></div>
|
65
|
-
<div class="mceCenter"></div>
|
66
|
-
<div class="mceRight"></div>
|
67
|
-
<span>Statusbar text.</span>
|
68
|
-
</div>
|
69
|
-
|
70
|
-
<a class="mceMove" href="#"></a>
|
71
|
-
<a class="mceMin" href="#"></a>
|
72
|
-
<a class="mceMax" href="#"></a>
|
73
|
-
<a class="mceMed" href="#"></a>
|
74
|
-
<a class="mceClose" href="#"></a>
|
75
|
-
<a class="mceResize mceResizeN" href="#"></a>
|
76
|
-
<a class="mceResize mceResizeS" href="#"></a>
|
77
|
-
<a class="mceResize mceResizeW" href="#"></a>
|
78
|
-
<a class="mceResize mceResizeE" href="#"></a>
|
79
|
-
<a class="mceResize mceResizeNW" href="#"></a>
|
80
|
-
<a class="mceResize mceResizeNE" href="#"></a>
|
81
|
-
<a class="mceResize mceResizeSW" href="#"></a>
|
82
|
-
<a class="mceResize mceResizeSE" href="#"></a>
|
83
|
-
</div>
|
84
|
-
</div>
|
85
|
-
|
86
|
-
<div class="clearlooks2" style="width:400px; height:100px; left:10px; top:120px;">
|
87
|
-
<div class="mceWrapper mceMovable mceFocus mceStatusbar">
|
88
|
-
<div class="mceTop">
|
89
|
-
<div class="mceLeft"></div>
|
90
|
-
<div class="mceCenter"></div>
|
91
|
-
<div class="mceRight"></div>
|
92
|
-
<span>Statusbar</span>
|
93
|
-
</div>
|
94
|
-
|
95
|
-
<div class="mceMiddle">
|
96
|
-
<div class="mceLeft"></div>
|
97
|
-
<span>Content</span>
|
98
|
-
<div class="mceRight"></div>
|
99
|
-
</div>
|
100
|
-
|
101
|
-
<div class="mceBottom">
|
102
|
-
<div class="mceLeft"></div>
|
103
|
-
<div class="mceCenter"></div>
|
104
|
-
<div class="mceRight"></div>
|
105
|
-
<span>Statusbar text.</span>
|
106
|
-
</div>
|
107
|
-
|
108
|
-
<a class="mceMove" href="#"></a>
|
109
|
-
<a class="mceMin" href="#"></a>
|
110
|
-
<a class="mceMax" href="#"></a>
|
111
|
-
<a class="mceMed" href="#"></a>
|
112
|
-
<a class="mceClose" href="#"></a>
|
113
|
-
<a class="mceResize mceResizeN" href="#"></a>
|
114
|
-
<a class="mceResize mceResizeS" href="#"></a>
|
115
|
-
<a class="mceResize mceResizeW" href="#"></a>
|
116
|
-
<a class="mceResize mceResizeE" href="#"></a>
|
117
|
-
<a class="mceResize mceResizeNW" href="#"></a>
|
118
|
-
<a class="mceResize mceResizeNE" href="#"></a>
|
119
|
-
<a class="mceResize mceResizeSW" href="#"></a>
|
120
|
-
<a class="mceResize mceResizeSE" href="#"></a>
|
121
|
-
</div>
|
122
|
-
</div>
|
123
|
-
|
124
|
-
<div class="clearlooks2" style="width:400px; height:100px; left:420px; top:120px;">
|
125
|
-
<div class="mceWrapper mceMovable mceFocus mceStatusbar mceResizable">
|
126
|
-
<div class="mceTop">
|
127
|
-
<div class="mceLeft"></div>
|
128
|
-
<div class="mceCenter"></div>
|
129
|
-
<div class="mceRight"></div>
|
130
|
-
<span>Statusbar, Resizable</span>
|
131
|
-
</div>
|
132
|
-
|
133
|
-
<div class="mceMiddle">
|
134
|
-
<div class="mceLeft"></div>
|
135
|
-
<span>Content</span>
|
136
|
-
<div class="mceRight"></div>
|
137
|
-
</div>
|
138
|
-
|
139
|
-
<div class="mceBottom">
|
140
|
-
<div class="mceLeft"></div>
|
141
|
-
<div class="mceCenter"></div>
|
142
|
-
<div class="mceRight"></div>
|
143
|
-
<span>Statusbar text.</span>
|
144
|
-
</div>
|
145
|
-
|
146
|
-
<a class="mceMove" href="#"></a>
|
147
|
-
<a class="mceMin" href="#"></a>
|
148
|
-
<a class="mceMax" href="#"></a>
|
149
|
-
<a class="mceMed" href="#"></a>
|
150
|
-
<a class="mceClose" href="#"></a>
|
151
|
-
<a class="mceResize mceResizeN" href="#"></a>
|
152
|
-
<a class="mceResize mceResizeS" href="#"></a>
|
153
|
-
<a class="mceResize mceResizeW" href="#"></a>
|
154
|
-
<a class="mceResize mceResizeE" href="#"></a>
|
155
|
-
<a class="mceResize mceResizeNW" href="#"></a>
|
156
|
-
<a class="mceResize mceResizeNE" href="#"></a>
|
157
|
-
<a class="mceResize mceResizeSW" href="#"></a>
|
158
|
-
<a class="mceResize mceResizeSE" href="#"></a>
|
159
|
-
</div>
|
160
|
-
</div>
|
161
|
-
|
162
|
-
<div class="clearlooks2" style="width:400px; height:100px; left:10px; top:230px;">
|
163
|
-
<div class="mceWrapper mceMovable mceFocus mceResizable mceMaximizable">
|
164
|
-
<div class="mceTop">
|
165
|
-
<div class="mceLeft"></div>
|
166
|
-
<div class="mceCenter"></div>
|
167
|
-
<div class="mceRight"></div>
|
168
|
-
<span>Resizable, Maximizable</span>
|
169
|
-
</div>
|
170
|
-
|
171
|
-
<div class="mceMiddle">
|
172
|
-
<div class="mceLeft"></div>
|
173
|
-
<span>Content</span>
|
174
|
-
<div class="mceRight"></div>
|
175
|
-
</div>
|
176
|
-
|
177
|
-
<div class="mceBottom">
|
178
|
-
<div class="mceLeft"></div>
|
179
|
-
<div class="mceCenter"></div>
|
180
|
-
<div class="mceRight"></div>
|
181
|
-
<span>Statusbar text.</span>
|
182
|
-
</div>
|
183
|
-
|
184
|
-
<a class="mceMove" href="#"></a>
|
185
|
-
<a class="mceMin" href="#"></a>
|
186
|
-
<a class="mceMax" href="#"></a>
|
187
|
-
<a class="mceMed" href="#"></a>
|
188
|
-
<a class="mceClose" href="#"></a>
|
189
|
-
<a class="mceResize mceResizeN" href="#"></a>
|
190
|
-
<a class="mceResize mceResizeS" href="#"></a>
|
191
|
-
<a class="mceResize mceResizeW" href="#"></a>
|
192
|
-
<a class="mceResize mceResizeE" href="#"></a>
|
193
|
-
<a class="mceResize mceResizeNW" href="#"></a>
|
194
|
-
<a class="mceResize mceResizeNE" href="#"></a>
|
195
|
-
<a class="mceResize mceResizeSW" href="#"></a>
|
196
|
-
<a class="mceResize mceResizeSE" href="#"></a>
|
197
|
-
</div>
|
198
|
-
</div>
|
199
|
-
|
200
|
-
<div class="clearlooks2" style="width:400px; height:100px; left:420px; top:230px;">
|
201
|
-
<div class="mceWrapper mceMovable mceStatusbar mceResizable mceMaximizable">
|
202
|
-
<div class="mceTop">
|
203
|
-
<div class="mceLeft"></div>
|
204
|
-
<div class="mceCenter"></div>
|
205
|
-
<div class="mceRight"></div>
|
206
|
-
<span>Blurred, Maximizable, Statusbar, Resizable</span>
|
207
|
-
</div>
|
208
|
-
|
209
|
-
<div class="mceMiddle">
|
210
|
-
<div class="mceLeft"></div>
|
211
|
-
<span>Content</span>
|
212
|
-
<div class="mceRight"></div>
|
213
|
-
</div>
|
214
|
-
|
215
|
-
<div class="mceBottom">
|
216
|
-
<div class="mceLeft"></div>
|
217
|
-
<div class="mceCenter"></div>
|
218
|
-
<div class="mceRight"></div>
|
219
|
-
<span>Statusbar text.</span>
|
220
|
-
</div>
|
221
|
-
|
222
|
-
<a class="mceMove" href="#"></a>
|
223
|
-
<a class="mceMin" href="#"></a>
|
224
|
-
<a class="mceMax" href="#"></a>
|
225
|
-
<a class="mceMed" href="#"></a>
|
226
|
-
<a class="mceClose" href="#"></a>
|
227
|
-
<a class="mceResize mceResizeN" href="#"></a>
|
228
|
-
<a class="mceResize mceResizeS" href="#"></a>
|
229
|
-
<a class="mceResize mceResizeW" href="#"></a>
|
230
|
-
<a class="mceResize mceResizeE" href="#"></a>
|
231
|
-
<a class="mceResize mceResizeNW" href="#"></a>
|
232
|
-
<a class="mceResize mceResizeNE" href="#"></a>
|
233
|
-
<a class="mceResize mceResizeSW" href="#"></a>
|
234
|
-
<a class="mceResize mceResizeSE" href="#"></a>
|
235
|
-
</div>
|
236
|
-
</div>
|
237
|
-
|
238
|
-
<div class="clearlooks2" style="width:400px; height:100px; left:10px; top:340px;">
|
239
|
-
<div class="mceWrapper mceMovable mceFocus mceResizable mceMaximized mceMinimizable mceMaximizable">
|
240
|
-
<div class="mceTop">
|
241
|
-
<div class="mceLeft"></div>
|
242
|
-
<div class="mceCenter"></div>
|
243
|
-
<div class="mceRight"></div>
|
244
|
-
<span>Maximized, Maximizable, Minimizable</span>
|
245
|
-
</div>
|
246
|
-
|
247
|
-
<div class="mceMiddle">
|
248
|
-
<div class="mceLeft"></div>
|
249
|
-
<span>Content</span>
|
250
|
-
<div class="mceRight"></div>
|
251
|
-
</div>
|
252
|
-
|
253
|
-
<div class="mceBottom">
|
254
|
-
<div class="mceLeft"></div>
|
255
|
-
<div class="mceCenter"></div>
|
256
|
-
<div class="mceRight"></div>
|
257
|
-
<span>Statusbar text.</span>
|
258
|
-
</div>
|
259
|
-
|
260
|
-
<a class="mceMove" href="#"></a>
|
261
|
-
<a class="mceMin" href="#"></a>
|
262
|
-
<a class="mceMax" href="#"></a>
|
263
|
-
<a class="mceMed" href="#"></a>
|
264
|
-
<a class="mceClose" href="#"></a>
|
265
|
-
<a class="mceResize mceResizeN" href="#"></a>
|
266
|
-
<a class="mceResize mceResizeS" href="#"></a>
|
267
|
-
<a class="mceResize mceResizeW" href="#"></a>
|
268
|
-
<a class="mceResize mceResizeE" href="#"></a>
|
269
|
-
<a class="mceResize mceResizeNW" href="#"></a>
|
270
|
-
<a class="mceResize mceResizeNE" href="#"></a>
|
271
|
-
<a class="mceResize mceResizeSW" href="#"></a>
|
272
|
-
<a class="mceResize mceResizeSE" href="#"></a>
|
273
|
-
</div>
|
274
|
-
</div>
|
275
|
-
|
276
|
-
<div class="clearlooks2" style="width:400px; height:100px; left:420px; top:340px;">
|
277
|
-
<div class="mceWrapper mceMovable mceStatusbar mceResizable mceMaximized mceMinimizable mceMaximizable">
|
278
|
-
<div class="mceTop">
|
279
|
-
<div class="mceLeft"></div>
|
280
|
-
<div class="mceCenter"></div>
|
281
|
-
<div class="mceRight"></div>
|
282
|
-
<span>Blured</span>
|
283
|
-
</div>
|
284
|
-
|
285
|
-
<div class="mceMiddle">
|
286
|
-
<div class="mceLeft"></div>
|
287
|
-
<span>Content</span>
|
288
|
-
<div class="mceRight"></div>
|
289
|
-
</div>
|
290
|
-
|
291
|
-
<div class="mceBottom">
|
292
|
-
<div class="mceLeft"></div>
|
293
|
-
<div class="mceCenter"></div>
|
294
|
-
<div class="mceRight"></div>
|
295
|
-
<span>Statusbar text.</span>
|
296
|
-
</div>
|
297
|
-
|
298
|
-
<a class="mceMove" href="#"></a>
|
299
|
-
<a class="mceMin" href="#"></a>
|
300
|
-
<a class="mceMax" href="#"></a>
|
301
|
-
<a class="mceMed" href="#"></a>
|
302
|
-
<a class="mceClose" href="#"></a>
|
303
|
-
<a class="mceResize mceResizeN" href="#"></a>
|
304
|
-
<a class="mceResize mceResizeS" href="#"></a>
|
305
|
-
<a class="mceResize mceResizeW" href="#"></a>
|
306
|
-
<a class="mceResize mceResizeE" href="#"></a>
|
307
|
-
<a class="mceResize mceResizeNW" href="#"></a>
|
308
|
-
<a class="mceResize mceResizeNE" href="#"></a>
|
309
|
-
<a class="mceResize mceResizeSW" href="#"></a>
|
310
|
-
<a class="mceResize mceResizeSE" href="#"></a>
|
311
|
-
</div>
|
312
|
-
</div>
|
313
|
-
|
314
|
-
<div class="clearlooks2" style="width:400px; height:130px; left:10px; top:450px;">
|
315
|
-
<div class="mceWrapper mceMovable mceFocus mceModal mceAlert">
|
316
|
-
<div class="mceTop">
|
317
|
-
<div class="mceLeft"></div>
|
318
|
-
<div class="mceCenter"></div>
|
319
|
-
<div class="mceRight"></div>
|
320
|
-
<span>Alert</span>
|
321
|
-
</div>
|
322
|
-
|
323
|
-
<div class="mceMiddle">
|
324
|
-
<div class="mceLeft"></div>
|
325
|
-
<span>
|
326
|
-
This is a very long error message. This is a very long error message.
|
327
|
-
This is a very long error message. This is a very long error message.
|
328
|
-
This is a very long error message. This is a very long error message.
|
329
|
-
This is a very long error message. This is a very long error message.
|
330
|
-
This is a very long error message. This is a very long error message.
|
331
|
-
This is a very long error message. This is a very long error message.
|
332
|
-
</span>
|
333
|
-
<div class="mceRight"></div>
|
334
|
-
<div class="mceIcon"></div>
|
335
|
-
</div>
|
336
|
-
|
337
|
-
<div class="mceBottom">
|
338
|
-
<div class="mceLeft"></div>
|
339
|
-
<div class="mceCenter"></div>
|
340
|
-
<div class="mceRight"></div>
|
341
|
-
</div>
|
342
|
-
|
343
|
-
<a class="mceMove" href="#"></a>
|
344
|
-
<a class="mceButton mceOk" href="#">Ok</a>
|
345
|
-
<a class="mceClose" href="#"></a>
|
346
|
-
</div>
|
347
|
-
</div>
|
348
|
-
|
349
|
-
<div class="clearlooks2" style="width:400px; height:130px; left:420px; top:450px;">
|
350
|
-
<div class="mceWrapper mceMovable mceFocus mceModal mceConfirm">
|
351
|
-
<div class="mceTop">
|
352
|
-
<div class="mceLeft"></div>
|
353
|
-
<div class="mceCenter"></div>
|
354
|
-
<div class="mceRight"></div>
|
355
|
-
<span>Confirm</span>
|
356
|
-
</div>
|
357
|
-
|
358
|
-
<div class="mceMiddle">
|
359
|
-
<div class="mceLeft"></div>
|
360
|
-
<span>
|
361
|
-
This is a very long error message. This is a very long error message.
|
362
|
-
This is a very long error message. This is a very long error message.
|
363
|
-
This is a very long error message. This is a very long error message.
|
364
|
-
This is a very long error message. This is a very long error message.
|
365
|
-
This is a very long error message. This is a very long error message.
|
366
|
-
This is a very long error message. This is a very long error message.
|
367
|
-
</span>
|
368
|
-
<div class="mceRight"></div>
|
369
|
-
<div class="mceIcon"></div>
|
370
|
-
</div>
|
371
|
-
|
372
|
-
<div class="mceBottom">
|
373
|
-
<div class="mceLeft"></div>
|
374
|
-
<div class="mceCenter"></div>
|
375
|
-
<div class="mceRight"></div>
|
376
|
-
</div>
|
377
|
-
|
378
|
-
<a class="mceMove" href="#"></a>
|
379
|
-
<a class="mceButton mceOk" href="#">Ok</a>
|
380
|
-
<a class="mceButton mceCancel" href="#">Cancel</a>
|
381
|
-
<a class="mceClose" href="#"></a>
|
382
|
-
</div>
|
383
|
-
</div>
|
384
|
-
</div>
|
385
|
-
|
386
|
-
</body>
|
387
|
-
</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>Template for dialogs</title>
|
5
|
+
<link rel="stylesheet" type="text/css" href="skins/clearlooks2/window.css" />
|
6
|
+
</head>
|
7
|
+
<body>
|
8
|
+
|
9
|
+
<div class="mceEditor">
|
10
|
+
<div class="clearlooks2" style="width:400px; height:100px; left:10px;">
|
11
|
+
<div class="mceWrapper">
|
12
|
+
<div class="mceTop">
|
13
|
+
<div class="mceLeft"></div>
|
14
|
+
<div class="mceCenter"></div>
|
15
|
+
<div class="mceRight"></div>
|
16
|
+
<span>Blured</span>
|
17
|
+
</div>
|
18
|
+
|
19
|
+
<div class="mceMiddle">
|
20
|
+
<div class="mceLeft"></div>
|
21
|
+
<span>Content</span>
|
22
|
+
<div class="mceRight"></div>
|
23
|
+
</div>
|
24
|
+
|
25
|
+
<div class="mceBottom">
|
26
|
+
<div class="mceLeft"></div>
|
27
|
+
<div class="mceCenter"></div>
|
28
|
+
<div class="mceRight"></div>
|
29
|
+
<span>Statusbar text.</span>
|
30
|
+
</div>
|
31
|
+
|
32
|
+
<a class="mceMove" href="#"></a>
|
33
|
+
<a class="mceMin" href="#"></a>
|
34
|
+
<a class="mceMax" href="#"></a>
|
35
|
+
<a class="mceMed" href="#"></a>
|
36
|
+
<a class="mceClose" href="#"></a>
|
37
|
+
<a class="mceResize mceResizeN" href="#"></a>
|
38
|
+
<a class="mceResize mceResizeS" href="#"></a>
|
39
|
+
<a class="mceResize mceResizeW" href="#"></a>
|
40
|
+
<a class="mceResize mceResizeE" href="#"></a>
|
41
|
+
<a class="mceResize mceResizeNW" href="#"></a>
|
42
|
+
<a class="mceResize mceResizeNE" href="#"></a>
|
43
|
+
<a class="mceResize mceResizeSW" href="#"></a>
|
44
|
+
<a class="mceResize mceResizeSE" href="#"></a>
|
45
|
+
</div>
|
46
|
+
</div>
|
47
|
+
|
48
|
+
<div class="clearlooks2" style="width:400px; height:100px; left:420px;">
|
49
|
+
<div class="mceWrapper mceMovable mceFocus">
|
50
|
+
<div class="mceTop">
|
51
|
+
<div class="mceLeft"></div>
|
52
|
+
<div class="mceCenter"></div>
|
53
|
+
<div class="mceRight"></div>
|
54
|
+
<span>Focused</span>
|
55
|
+
</div>
|
56
|
+
|
57
|
+
<div class="mceMiddle">
|
58
|
+
<div class="mceLeft"></div>
|
59
|
+
<span>Content</span>
|
60
|
+
<div class="mceRight"></div>
|
61
|
+
</div>
|
62
|
+
|
63
|
+
<div class="mceBottom">
|
64
|
+
<div class="mceLeft"></div>
|
65
|
+
<div class="mceCenter"></div>
|
66
|
+
<div class="mceRight"></div>
|
67
|
+
<span>Statusbar text.</span>
|
68
|
+
</div>
|
69
|
+
|
70
|
+
<a class="mceMove" href="#"></a>
|
71
|
+
<a class="mceMin" href="#"></a>
|
72
|
+
<a class="mceMax" href="#"></a>
|
73
|
+
<a class="mceMed" href="#"></a>
|
74
|
+
<a class="mceClose" href="#"></a>
|
75
|
+
<a class="mceResize mceResizeN" href="#"></a>
|
76
|
+
<a class="mceResize mceResizeS" href="#"></a>
|
77
|
+
<a class="mceResize mceResizeW" href="#"></a>
|
78
|
+
<a class="mceResize mceResizeE" href="#"></a>
|
79
|
+
<a class="mceResize mceResizeNW" href="#"></a>
|
80
|
+
<a class="mceResize mceResizeNE" href="#"></a>
|
81
|
+
<a class="mceResize mceResizeSW" href="#"></a>
|
82
|
+
<a class="mceResize mceResizeSE" href="#"></a>
|
83
|
+
</div>
|
84
|
+
</div>
|
85
|
+
|
86
|
+
<div class="clearlooks2" style="width:400px; height:100px; left:10px; top:120px;">
|
87
|
+
<div class="mceWrapper mceMovable mceFocus mceStatusbar">
|
88
|
+
<div class="mceTop">
|
89
|
+
<div class="mceLeft"></div>
|
90
|
+
<div class="mceCenter"></div>
|
91
|
+
<div class="mceRight"></div>
|
92
|
+
<span>Statusbar</span>
|
93
|
+
</div>
|
94
|
+
|
95
|
+
<div class="mceMiddle">
|
96
|
+
<div class="mceLeft"></div>
|
97
|
+
<span>Content</span>
|
98
|
+
<div class="mceRight"></div>
|
99
|
+
</div>
|
100
|
+
|
101
|
+
<div class="mceBottom">
|
102
|
+
<div class="mceLeft"></div>
|
103
|
+
<div class="mceCenter"></div>
|
104
|
+
<div class="mceRight"></div>
|
105
|
+
<span>Statusbar text.</span>
|
106
|
+
</div>
|
107
|
+
|
108
|
+
<a class="mceMove" href="#"></a>
|
109
|
+
<a class="mceMin" href="#"></a>
|
110
|
+
<a class="mceMax" href="#"></a>
|
111
|
+
<a class="mceMed" href="#"></a>
|
112
|
+
<a class="mceClose" href="#"></a>
|
113
|
+
<a class="mceResize mceResizeN" href="#"></a>
|
114
|
+
<a class="mceResize mceResizeS" href="#"></a>
|
115
|
+
<a class="mceResize mceResizeW" href="#"></a>
|
116
|
+
<a class="mceResize mceResizeE" href="#"></a>
|
117
|
+
<a class="mceResize mceResizeNW" href="#"></a>
|
118
|
+
<a class="mceResize mceResizeNE" href="#"></a>
|
119
|
+
<a class="mceResize mceResizeSW" href="#"></a>
|
120
|
+
<a class="mceResize mceResizeSE" href="#"></a>
|
121
|
+
</div>
|
122
|
+
</div>
|
123
|
+
|
124
|
+
<div class="clearlooks2" style="width:400px; height:100px; left:420px; top:120px;">
|
125
|
+
<div class="mceWrapper mceMovable mceFocus mceStatusbar mceResizable">
|
126
|
+
<div class="mceTop">
|
127
|
+
<div class="mceLeft"></div>
|
128
|
+
<div class="mceCenter"></div>
|
129
|
+
<div class="mceRight"></div>
|
130
|
+
<span>Statusbar, Resizable</span>
|
131
|
+
</div>
|
132
|
+
|
133
|
+
<div class="mceMiddle">
|
134
|
+
<div class="mceLeft"></div>
|
135
|
+
<span>Content</span>
|
136
|
+
<div class="mceRight"></div>
|
137
|
+
</div>
|
138
|
+
|
139
|
+
<div class="mceBottom">
|
140
|
+
<div class="mceLeft"></div>
|
141
|
+
<div class="mceCenter"></div>
|
142
|
+
<div class="mceRight"></div>
|
143
|
+
<span>Statusbar text.</span>
|
144
|
+
</div>
|
145
|
+
|
146
|
+
<a class="mceMove" href="#"></a>
|
147
|
+
<a class="mceMin" href="#"></a>
|
148
|
+
<a class="mceMax" href="#"></a>
|
149
|
+
<a class="mceMed" href="#"></a>
|
150
|
+
<a class="mceClose" href="#"></a>
|
151
|
+
<a class="mceResize mceResizeN" href="#"></a>
|
152
|
+
<a class="mceResize mceResizeS" href="#"></a>
|
153
|
+
<a class="mceResize mceResizeW" href="#"></a>
|
154
|
+
<a class="mceResize mceResizeE" href="#"></a>
|
155
|
+
<a class="mceResize mceResizeNW" href="#"></a>
|
156
|
+
<a class="mceResize mceResizeNE" href="#"></a>
|
157
|
+
<a class="mceResize mceResizeSW" href="#"></a>
|
158
|
+
<a class="mceResize mceResizeSE" href="#"></a>
|
159
|
+
</div>
|
160
|
+
</div>
|
161
|
+
|
162
|
+
<div class="clearlooks2" style="width:400px; height:100px; left:10px; top:230px;">
|
163
|
+
<div class="mceWrapper mceMovable mceFocus mceResizable mceMaximizable">
|
164
|
+
<div class="mceTop">
|
165
|
+
<div class="mceLeft"></div>
|
166
|
+
<div class="mceCenter"></div>
|
167
|
+
<div class="mceRight"></div>
|
168
|
+
<span>Resizable, Maximizable</span>
|
169
|
+
</div>
|
170
|
+
|
171
|
+
<div class="mceMiddle">
|
172
|
+
<div class="mceLeft"></div>
|
173
|
+
<span>Content</span>
|
174
|
+
<div class="mceRight"></div>
|
175
|
+
</div>
|
176
|
+
|
177
|
+
<div class="mceBottom">
|
178
|
+
<div class="mceLeft"></div>
|
179
|
+
<div class="mceCenter"></div>
|
180
|
+
<div class="mceRight"></div>
|
181
|
+
<span>Statusbar text.</span>
|
182
|
+
</div>
|
183
|
+
|
184
|
+
<a class="mceMove" href="#"></a>
|
185
|
+
<a class="mceMin" href="#"></a>
|
186
|
+
<a class="mceMax" href="#"></a>
|
187
|
+
<a class="mceMed" href="#"></a>
|
188
|
+
<a class="mceClose" href="#"></a>
|
189
|
+
<a class="mceResize mceResizeN" href="#"></a>
|
190
|
+
<a class="mceResize mceResizeS" href="#"></a>
|
191
|
+
<a class="mceResize mceResizeW" href="#"></a>
|
192
|
+
<a class="mceResize mceResizeE" href="#"></a>
|
193
|
+
<a class="mceResize mceResizeNW" href="#"></a>
|
194
|
+
<a class="mceResize mceResizeNE" href="#"></a>
|
195
|
+
<a class="mceResize mceResizeSW" href="#"></a>
|
196
|
+
<a class="mceResize mceResizeSE" href="#"></a>
|
197
|
+
</div>
|
198
|
+
</div>
|
199
|
+
|
200
|
+
<div class="clearlooks2" style="width:400px; height:100px; left:420px; top:230px;">
|
201
|
+
<div class="mceWrapper mceMovable mceStatusbar mceResizable mceMaximizable">
|
202
|
+
<div class="mceTop">
|
203
|
+
<div class="mceLeft"></div>
|
204
|
+
<div class="mceCenter"></div>
|
205
|
+
<div class="mceRight"></div>
|
206
|
+
<span>Blurred, Maximizable, Statusbar, Resizable</span>
|
207
|
+
</div>
|
208
|
+
|
209
|
+
<div class="mceMiddle">
|
210
|
+
<div class="mceLeft"></div>
|
211
|
+
<span>Content</span>
|
212
|
+
<div class="mceRight"></div>
|
213
|
+
</div>
|
214
|
+
|
215
|
+
<div class="mceBottom">
|
216
|
+
<div class="mceLeft"></div>
|
217
|
+
<div class="mceCenter"></div>
|
218
|
+
<div class="mceRight"></div>
|
219
|
+
<span>Statusbar text.</span>
|
220
|
+
</div>
|
221
|
+
|
222
|
+
<a class="mceMove" href="#"></a>
|
223
|
+
<a class="mceMin" href="#"></a>
|
224
|
+
<a class="mceMax" href="#"></a>
|
225
|
+
<a class="mceMed" href="#"></a>
|
226
|
+
<a class="mceClose" href="#"></a>
|
227
|
+
<a class="mceResize mceResizeN" href="#"></a>
|
228
|
+
<a class="mceResize mceResizeS" href="#"></a>
|
229
|
+
<a class="mceResize mceResizeW" href="#"></a>
|
230
|
+
<a class="mceResize mceResizeE" href="#"></a>
|
231
|
+
<a class="mceResize mceResizeNW" href="#"></a>
|
232
|
+
<a class="mceResize mceResizeNE" href="#"></a>
|
233
|
+
<a class="mceResize mceResizeSW" href="#"></a>
|
234
|
+
<a class="mceResize mceResizeSE" href="#"></a>
|
235
|
+
</div>
|
236
|
+
</div>
|
237
|
+
|
238
|
+
<div class="clearlooks2" style="width:400px; height:100px; left:10px; top:340px;">
|
239
|
+
<div class="mceWrapper mceMovable mceFocus mceResizable mceMaximized mceMinimizable mceMaximizable">
|
240
|
+
<div class="mceTop">
|
241
|
+
<div class="mceLeft"></div>
|
242
|
+
<div class="mceCenter"></div>
|
243
|
+
<div class="mceRight"></div>
|
244
|
+
<span>Maximized, Maximizable, Minimizable</span>
|
245
|
+
</div>
|
246
|
+
|
247
|
+
<div class="mceMiddle">
|
248
|
+
<div class="mceLeft"></div>
|
249
|
+
<span>Content</span>
|
250
|
+
<div class="mceRight"></div>
|
251
|
+
</div>
|
252
|
+
|
253
|
+
<div class="mceBottom">
|
254
|
+
<div class="mceLeft"></div>
|
255
|
+
<div class="mceCenter"></div>
|
256
|
+
<div class="mceRight"></div>
|
257
|
+
<span>Statusbar text.</span>
|
258
|
+
</div>
|
259
|
+
|
260
|
+
<a class="mceMove" href="#"></a>
|
261
|
+
<a class="mceMin" href="#"></a>
|
262
|
+
<a class="mceMax" href="#"></a>
|
263
|
+
<a class="mceMed" href="#"></a>
|
264
|
+
<a class="mceClose" href="#"></a>
|
265
|
+
<a class="mceResize mceResizeN" href="#"></a>
|
266
|
+
<a class="mceResize mceResizeS" href="#"></a>
|
267
|
+
<a class="mceResize mceResizeW" href="#"></a>
|
268
|
+
<a class="mceResize mceResizeE" href="#"></a>
|
269
|
+
<a class="mceResize mceResizeNW" href="#"></a>
|
270
|
+
<a class="mceResize mceResizeNE" href="#"></a>
|
271
|
+
<a class="mceResize mceResizeSW" href="#"></a>
|
272
|
+
<a class="mceResize mceResizeSE" href="#"></a>
|
273
|
+
</div>
|
274
|
+
</div>
|
275
|
+
|
276
|
+
<div class="clearlooks2" style="width:400px; height:100px; left:420px; top:340px;">
|
277
|
+
<div class="mceWrapper mceMovable mceStatusbar mceResizable mceMaximized mceMinimizable mceMaximizable">
|
278
|
+
<div class="mceTop">
|
279
|
+
<div class="mceLeft"></div>
|
280
|
+
<div class="mceCenter"></div>
|
281
|
+
<div class="mceRight"></div>
|
282
|
+
<span>Blured</span>
|
283
|
+
</div>
|
284
|
+
|
285
|
+
<div class="mceMiddle">
|
286
|
+
<div class="mceLeft"></div>
|
287
|
+
<span>Content</span>
|
288
|
+
<div class="mceRight"></div>
|
289
|
+
</div>
|
290
|
+
|
291
|
+
<div class="mceBottom">
|
292
|
+
<div class="mceLeft"></div>
|
293
|
+
<div class="mceCenter"></div>
|
294
|
+
<div class="mceRight"></div>
|
295
|
+
<span>Statusbar text.</span>
|
296
|
+
</div>
|
297
|
+
|
298
|
+
<a class="mceMove" href="#"></a>
|
299
|
+
<a class="mceMin" href="#"></a>
|
300
|
+
<a class="mceMax" href="#"></a>
|
301
|
+
<a class="mceMed" href="#"></a>
|
302
|
+
<a class="mceClose" href="#"></a>
|
303
|
+
<a class="mceResize mceResizeN" href="#"></a>
|
304
|
+
<a class="mceResize mceResizeS" href="#"></a>
|
305
|
+
<a class="mceResize mceResizeW" href="#"></a>
|
306
|
+
<a class="mceResize mceResizeE" href="#"></a>
|
307
|
+
<a class="mceResize mceResizeNW" href="#"></a>
|
308
|
+
<a class="mceResize mceResizeNE" href="#"></a>
|
309
|
+
<a class="mceResize mceResizeSW" href="#"></a>
|
310
|
+
<a class="mceResize mceResizeSE" href="#"></a>
|
311
|
+
</div>
|
312
|
+
</div>
|
313
|
+
|
314
|
+
<div class="clearlooks2" style="width:400px; height:130px; left:10px; top:450px;">
|
315
|
+
<div class="mceWrapper mceMovable mceFocus mceModal mceAlert">
|
316
|
+
<div class="mceTop">
|
317
|
+
<div class="mceLeft"></div>
|
318
|
+
<div class="mceCenter"></div>
|
319
|
+
<div class="mceRight"></div>
|
320
|
+
<span>Alert</span>
|
321
|
+
</div>
|
322
|
+
|
323
|
+
<div class="mceMiddle">
|
324
|
+
<div class="mceLeft"></div>
|
325
|
+
<span>
|
326
|
+
This is a very long error message. This is a very long error message.
|
327
|
+
This is a very long error message. This is a very long error message.
|
328
|
+
This is a very long error message. This is a very long error message.
|
329
|
+
This is a very long error message. This is a very long error message.
|
330
|
+
This is a very long error message. This is a very long error message.
|
331
|
+
This is a very long error message. This is a very long error message.
|
332
|
+
</span>
|
333
|
+
<div class="mceRight"></div>
|
334
|
+
<div class="mceIcon"></div>
|
335
|
+
</div>
|
336
|
+
|
337
|
+
<div class="mceBottom">
|
338
|
+
<div class="mceLeft"></div>
|
339
|
+
<div class="mceCenter"></div>
|
340
|
+
<div class="mceRight"></div>
|
341
|
+
</div>
|
342
|
+
|
343
|
+
<a class="mceMove" href="#"></a>
|
344
|
+
<a class="mceButton mceOk" href="#">Ok</a>
|
345
|
+
<a class="mceClose" href="#"></a>
|
346
|
+
</div>
|
347
|
+
</div>
|
348
|
+
|
349
|
+
<div class="clearlooks2" style="width:400px; height:130px; left:420px; top:450px;">
|
350
|
+
<div class="mceWrapper mceMovable mceFocus mceModal mceConfirm">
|
351
|
+
<div class="mceTop">
|
352
|
+
<div class="mceLeft"></div>
|
353
|
+
<div class="mceCenter"></div>
|
354
|
+
<div class="mceRight"></div>
|
355
|
+
<span>Confirm</span>
|
356
|
+
</div>
|
357
|
+
|
358
|
+
<div class="mceMiddle">
|
359
|
+
<div class="mceLeft"></div>
|
360
|
+
<span>
|
361
|
+
This is a very long error message. This is a very long error message.
|
362
|
+
This is a very long error message. This is a very long error message.
|
363
|
+
This is a very long error message. This is a very long error message.
|
364
|
+
This is a very long error message. This is a very long error message.
|
365
|
+
This is a very long error message. This is a very long error message.
|
366
|
+
This is a very long error message. This is a very long error message.
|
367
|
+
</span>
|
368
|
+
<div class="mceRight"></div>
|
369
|
+
<div class="mceIcon"></div>
|
370
|
+
</div>
|
371
|
+
|
372
|
+
<div class="mceBottom">
|
373
|
+
<div class="mceLeft"></div>
|
374
|
+
<div class="mceCenter"></div>
|
375
|
+
<div class="mceRight"></div>
|
376
|
+
</div>
|
377
|
+
|
378
|
+
<a class="mceMove" href="#"></a>
|
379
|
+
<a class="mceButton mceOk" href="#">Ok</a>
|
380
|
+
<a class="mceButton mceCancel" href="#">Cancel</a>
|
381
|
+
<a class="mceClose" href="#"></a>
|
382
|
+
</div>
|
383
|
+
</div>
|
384
|
+
</div>
|
385
|
+
|
386
|
+
</body>
|
387
|
+
</html>
|