home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Plugins / tinymce-advanced / mce / contextmenu / editor_plugin.js next >
Encoding:
JavaScript  |  2008-02-20  |  15.7 KB  |  361 lines
  1. /**
  2.  * $Id: editor_plugin_src.js 201 2007-02-12 15:56:56Z spocke $
  3.  *
  4.  * @author Moxiecode
  5.  * @copyright Copyright ⌐ 2004-2007, Moxiecode Systems AB, All rights reserved.
  6.  */
  7.  
  8. /* Import plugin specific language pack */
  9. if (!tinyMCE.settings['contextmenu_skip_plugin_css']) {
  10.     tinyMCE.loadCSS(tinyMCE.baseURL + "/../../../wp-content/plugins/tinymce-advanced/mce/contextmenu/css/contextmenu.css");
  11. }
  12.  
  13. var TinyMCE_ContextMenuPlugin = {
  14.     // Private fields
  15.     _contextMenu : null,
  16.  
  17.     getInfo : function() {
  18.         return {
  19.             longname : 'Context menus',
  20.             author : 'Moxiecode Systems AB',
  21.             authorurl : 'http://tinymce.moxiecode.com',
  22.             infourl : 'http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/contextmenu',
  23.             version : tinyMCE.majorVersion + "." + tinyMCE.minorVersion
  24.         };
  25.     },
  26.  
  27.     initInstance : function(inst) {
  28.         // Is not working on MSIE 5.0 or Opera no contextmenu event
  29.         if (tinyMCE.isMSIE5_0 && tinyMCE.isOpera)
  30.             return;
  31.  
  32.         TinyMCE_ContextMenuPlugin._contextMenu = new TinyMCE_ContextMenu({
  33.             commandhandler : "TinyMCE_ContextMenuPlugin._commandHandler",
  34.             spacer_image : tinyMCE.baseURL + "/../../../wp-content/plugins/tinymce-advanced/mce/contextmenu/images/spacer.gif"
  35.         });
  36.  
  37.         // Add hide event handles
  38.         tinyMCE.addEvent(inst.getDoc(), "click", TinyMCE_ContextMenuPlugin._hideContextMenu);
  39.         tinyMCE.addEvent(inst.getDoc(), "keypress", TinyMCE_ContextMenuPlugin._hideContextMenu);
  40.         tinyMCE.addEvent(inst.getDoc(), "keydown", TinyMCE_ContextMenuPlugin._hideContextMenu);
  41.         tinyMCE.addEvent(document, "click", TinyMCE_ContextMenuPlugin._hideContextMenu);
  42.         tinyMCE.addEvent(document, "keypress", TinyMCE_ContextMenuPlugin._hideContextMenu);
  43.         tinyMCE.addEvent(document, "keydown", TinyMCE_ContextMenuPlugin._hideContextMenu);
  44.  
  45.         // Attach contextmenu event
  46.         if (tinyMCE.isGecko) {
  47.             tinyMCE.addEvent(inst.getDoc(), "contextmenu", function(e) {TinyMCE_ContextMenuPlugin._showContextMenu(tinyMCE.isMSIE ? inst.contentWindow.event : e, inst);});
  48.         } else
  49.             tinyMCE.addEvent(inst.getDoc(), "contextmenu", TinyMCE_ContextMenuPlugin._onContextMenu);
  50.     },
  51.  
  52.     // Private plugin internal methods
  53.  
  54.     _onContextMenu : function(e) {
  55.         var elm = tinyMCE.isMSIE ? e.srcElement : e.target;
  56.         var targetInst, body;
  57.  
  58.         // Find instance
  59.         if ((body = tinyMCE.getParentElement(elm, "body")) != null) {
  60.             for (var n in tinyMCE.instances) {
  61.                 var inst = tinyMCE.instances[n];
  62.                 if (!tinyMCE.isInstance(inst))
  63.                     continue;
  64.  
  65.                 if (body == inst.getBody()) {
  66.                     targetInst = inst;
  67.                     break;
  68.                 }
  69.             }
  70.  
  71.             return TinyMCE_ContextMenuPlugin._showContextMenu(tinyMCE.isMSIE ? targetInst.contentWindow.event : e, targetInst);
  72.         }
  73.     },
  74.  
  75.     _showContextMenu : function(e, inst) {
  76.         if (e.ctrlKey)
  77.             return true;
  78.         
  79.         function getAttrib(elm, name) {
  80.             return elm.getAttribute(name) ? elm.getAttribute(name) : "";
  81.         }
  82.  
  83.         var x, y, elm, contextMenu;
  84.         var pos = tinyMCE.getAbsPosition(inst.iframeElement);
  85.  
  86.         x = tinyMCE.isMSIE ? e.screenX : pos.absLeft + (e.pageX - inst.getBody().scrollLeft);
  87.         y = tinyMCE.isMSIE ? e.screenY : pos.absTop + (e.pageY - inst.getBody().scrollTop);
  88.         elm = tinyMCE.isMSIE ? e.srcElement : e.target;
  89.  
  90.         contextMenu = this._contextMenu;
  91.         contextMenu.inst = inst;
  92.  
  93.         // Mozilla needs some time
  94.         window.setTimeout(function () {
  95.             var theme = tinyMCE.getParam("theme");
  96.  
  97.             contextMenu.clearAll();
  98.             var sel = inst.selection.getSelectedText().length != 0 || elm.nodeName == "IMG";
  99.  
  100.             // Default items
  101.             contextMenu.addItem(tinyMCE.baseURL + "/themes/" + theme + "/images/cut.gif", "$lang_cut_desc", "Cut", "", !sel);
  102.             contextMenu.addItem(tinyMCE.baseURL + "/themes/" + theme + "/images/copy.gif", "$lang_copy_desc", "Copy", "", !sel);
  103.             contextMenu.addItem(tinyMCE.baseURL + "/themes/" + theme + "/images/paste.gif", "$lang_paste_desc", "Paste", "", false);
  104.  
  105.             if (sel || (elm ? (elm.nodeName == 'A' && tinyMCE.getAttrib(elm, 'name') == '') || (elm.nodeName == 'IMG') : false)) {
  106.                 contextMenu.addSeparator();
  107.                 contextMenu.addItem(tinyMCE.baseURL + "/themes/advanced/images/link.gif", "$lang_link_desc", inst.hasPlugin("advlink") ? "mceAdvLink" : "mceLink");
  108.                 contextMenu.addItem(tinyMCE.baseURL + "/themes/advanced/images/unlink.gif", "$lang_unlink_desc", "unlink", "", (elm ? (elm.nodeName != 'A') && (elm.nodeName != 'IMG') : true));
  109.             }
  110.  
  111.             // Get element
  112.             elm = tinyMCE.getParentElement(elm, "img,table,td" + (inst.hasPlugin("advhr") ? ',hr' : ''));
  113.             if (elm) {
  114.                 switch (elm.nodeName) {
  115.                     case "IMG":
  116.                         contextMenu.addSeparator();
  117.  
  118.                         // If flash
  119.                         if (tinyMCE.hasPlugin('flash') && tinyMCE.getAttrib(elm, 'class').indexOf('mceItemFlash') != -1)
  120.                             contextMenu.addItem(tinyMCE.baseURL + "/../../../wp-content/plugins/tinymce-advanced/mce/flash/images/flash.gif", "$lang_flash_props", "mceFlash");
  121.                         else if (tinyMCE.hasPlugin('media') && /mceItem(Flash|ShockWave|WindowsMedia|QuickTime|RealMedia)/.test(tinyMCE.getAttrib(elm, 'class')))
  122.                             contextMenu.addItem(tinyMCE.baseURL + "/../../../wp-content/plugins/tinymce-advanced/mce/flash/images/flash.gif", "$lang_media_title", "mceMedia");
  123.                         else
  124.                             contextMenu.addItem(tinyMCE.baseURL + "/themes/" + theme + "/images/image.gif", "$lang_image_props_desc", inst.hasPlugin("advimage") ? "mceAdvImage" : "mceImage");
  125.                         break;
  126.  
  127.                     case "HR":
  128.                         contextMenu.addSeparator();
  129.                         contextMenu.addItem(tinyMCE.baseURL + "/../../../wp-content/plugins/tinymce-advanced/mce/advhr/images/advhr.gif", "$lang_insert_advhr_desc", "mceAdvancedHr");
  130.                         break;
  131.  
  132.                     case "TABLE":
  133.                     case "TD":
  134.                         // Is table plugin loaded
  135.                         if (inst.hasPlugin("table")) {
  136.                             var colspan = (elm.nodeName == "TABLE") ? "" : getAttrib(elm, "colspan");
  137.                             var rowspan = (elm.nodeName == "TABLE") ? "" : getAttrib(elm, "rowspan");
  138.  
  139.                             colspan = colspan == "" ? "1" : colspan;
  140.                             rowspan = rowspan == "" ? "1" : rowspan;
  141.  
  142.                             contextMenu.addSeparator();
  143.                             contextMenu.addItem(tinyMCE.baseURL + "/themes/" + theme + "/images/cut.gif", "$lang_table_cut_row_desc", "mceTableCutRow");
  144.                             contextMenu.addItem(tinyMCE.baseURL + "/themes/" + theme + "/images/copy.gif", "$lang_table_copy_row_desc", "mceTableCopyRow");
  145.                             contextMenu.addItem(tinyMCE.baseURL + "/themes/" + theme + "/images/paste.gif", "$lang_table_paste_row_before_desc", "mceTablePasteRowBefore", "", inst.tableRowClipboard == null);
  146.                             contextMenu.addItem(tinyMCE.baseURL + "/themes/" + theme + "/images/paste.gif", "$lang_table_paste_row_after_desc", "mceTablePasteRowAfter", "", inst.tableRowClipboard == null);
  147.  
  148.     /*                        contextMenu.addItem(tinyMCE.baseURL + "/themes/" + theme + "/images/justifyleft.gif", "$lang_justifyleft_desc", "JustifyLeft", "", false);
  149.                             contextMenu.addItem(tinyMCE.baseURL + "/themes/" + theme + "/images/justifycenter.gif", "$lang_justifycenter_desc", "JustifyCenter", "", false);
  150.                             contextMenu.addItem(tinyMCE.baseURL + "/themes/" + theme + "/images/justifyright.gif", "$lang_justifyright_desc", "JustifyRight", "", false);
  151.                             contextMenu.addItem(tinyMCE.baseURL + "/themes/" + theme + "/images/justifyfull.gif", "$lang_justifyfull_desc", "JustifyFull", "", false);*/
  152.                             contextMenu.addSeparator();
  153.                             contextMenu.addItem(tinyMCE.baseURL + "/../../../wp-content/plugins/tinymce-advanced/mce/table/images/table.gif", "$lang_table_desc", "mceInsertTable", "insert");
  154.                             contextMenu.addItem(tinyMCE.baseURL + "/../../../wp-content/plugins/tinymce-advanced/mce/table/images/table.gif", "$lang_table_props_desc", "mceInsertTable");
  155.                             contextMenu.addItem(tinyMCE.baseURL + "/../../../wp-content/plugins/tinymce-advanced/mce/table/images/table_cell_props.gif", "$lang_table_cell_desc", "mceTableCellProps");
  156.                             contextMenu.addItem(tinyMCE.baseURL + "/../../../wp-content/plugins/tinymce-advanced/mce/table/images/table_delete.gif", "$lang_table_del", "mceTableDelete");
  157.                             contextMenu.addSeparator();
  158.                             contextMenu.addItem(tinyMCE.baseURL + "/../../../wp-content/plugins/tinymce-advanced/mce/table/images/table_row_props.gif", "$lang_table_row_desc", "mceTableRowProps");
  159.                             contextMenu.addItem(tinyMCE.baseURL + "/../../../wp-content/plugins/tinymce-advanced/mce/table/images/table_insert_row_before.gif", "$lang_table_row_before_desc", "mceTableInsertRowBefore");
  160.                             contextMenu.addItem(tinyMCE.baseURL + "/../../../wp-content/plugins/tinymce-advanced/mce/table/images/table_insert_row_after.gif", "$lang_table_row_after_desc", "mceTableInsertRowAfter");
  161.                             contextMenu.addItem(tinyMCE.baseURL + "/../../../wp-content/plugins/tinymce-advanced/mce/table/images/table_delete_row.gif", "$lang_table_delete_row_desc", "mceTableDeleteRow");
  162.                             contextMenu.addSeparator();
  163.                             contextMenu.addItem(tinyMCE.baseURL + "/../../../wp-content/plugins/tinymce-advanced/mce/table/images/table_insert_col_before.gif", "$lang_table_col_before_desc", "mceTableInsertColBefore");
  164.                             contextMenu.addItem(tinyMCE.baseURL + "/../../../wp-content/plugins/tinymce-advanced/mce/table/images/table_insert_col_after.gif", "$lang_table_col_after_desc", "mceTableInsertColAfter");
  165.                             contextMenu.addItem(tinyMCE.baseURL + "/../../../wp-content/plugins/tinymce-advanced/mce/table/images/table_delete_col.gif", "$lang_table_delete_col_desc", "mceTableDeleteCol");
  166.                             contextMenu.addSeparator();
  167.                             contextMenu.addItem(tinyMCE.baseURL + "/../../../wp-content/plugins/tinymce-advanced/mce/table/images/table_split_cells.gif", "$lang_table_split_cells_desc", "mceTableSplitCells", "", (colspan == "1" && rowspan == "1"));
  168.                             contextMenu.addItem(tinyMCE.baseURL + "/../../../wp-content/plugins/tinymce-advanced/mce/table/images/table_merge_cells.gif", "$lang_table_merge_cells_desc", "mceTableMergeCells", "", false);
  169.                         }
  170.                         break;
  171.                 }
  172.             }  else {
  173.                 // Add table specific
  174.                 if (inst.hasPlugin("table")) {
  175.                     contextMenu.addSeparator();
  176.                     contextMenu.addItem(tinyMCE.baseURL + "/../../../wp-content/plugins/tinymce-advanced/mce/table/images/table.gif", "$lang_table_desc", "mceInsertTable", "insert");
  177.                 }
  178.             }
  179.  
  180.             contextMenu.show(x, y);
  181.         }, 10);
  182.  
  183.         // Cancel default handeling
  184.         tinyMCE.cancelEvent(e);
  185.         return false;
  186.     },
  187.  
  188.     _hideContextMenu : function() {
  189.         if (TinyMCE_ContextMenuPlugin._contextMenu)
  190.             TinyMCE_ContextMenuPlugin._contextMenu.hide();
  191.     },
  192.  
  193.     _commandHandler : function(command, value) {
  194.         var cm = TinyMCE_ContextMenuPlugin._contextMenu;
  195.  
  196.         cm.hide();
  197.  
  198.         // UI must be true on these
  199.         var ui = false;
  200.         if (command == "mceInsertTable" || command == "mceTableCellProps" || command == "mceTableRowProps" || command == "mceTableMergeCells")
  201.             ui = true;
  202.  
  203.         if (command == "Paste")
  204.             value = null;
  205.  
  206.         if (tinyMCE.getParam("dialog_type") == "modal" && tinyMCE.isMSIE) {
  207.             // Cell properties will generate access denied error is this isn't done?!
  208.             window.setTimeout(function() {
  209.                 cm.inst.execCommand(command, ui, value);
  210.             }, 100);
  211.         } else
  212.             cm.inst.execCommand(command, ui, value);
  213.     }
  214. };
  215.  
  216. tinyMCE.addPlugin("contextmenu", TinyMCE_ContextMenuPlugin);
  217.  
  218. // Context menu class
  219.  
  220. function TinyMCE_ContextMenu(settings) {
  221.     var doc, self = this;
  222.  
  223.     // Default value function
  224.     function defParam(key, def_val) {
  225.         settings[key] = typeof(settings[key]) != "undefined" ? settings[key] : def_val;
  226.     }
  227.  
  228.     this.isMSIE = (navigator.appName == "Microsoft Internet Explorer");
  229.  
  230.     // Setup contextmenu div
  231.     this.contextMenuDiv = document.createElement("div");
  232.     this.contextMenuDiv.className = "contextMenu";
  233.     this.contextMenuDiv.setAttribute("class", "contextMenu");
  234.     this.contextMenuDiv.style.display = "none";
  235.     this.contextMenuDiv.style.position = 'absolute';
  236.     this.contextMenuDiv.style.zindex = 1000;
  237.     this.contextMenuDiv.style.left = '0';
  238.     this.contextMenuDiv.style.top = '0';
  239.     this.contextMenuDiv.unselectable = "on";
  240.  
  241.     document.body.appendChild(this.contextMenuDiv);
  242.  
  243.     // Setup default values
  244.     defParam("commandhandler", "");
  245.     defParam("spacer_image", "images/spacer.gif");
  246.  
  247.     this.items = new Array();
  248.     this.settings = settings;
  249.     this.html = "";
  250.  
  251.     // IE Popup
  252.     if (tinyMCE.isMSIE && !tinyMCE.isMSIE5_0 && !tinyMCE.isOpera) {
  253.         this.pop = window.createPopup();
  254.         doc = this.pop.document;
  255.         doc.open();
  256.         doc.write('<html><head><link href="' + tinyMCE.baseURL + '/../../../wp-content/plugins/tinymce-advanced/mce/contextmenu/css/contextmenu.css" rel="stylesheet" type="text/css" /></head><body unselectable="yes" class="contextMenuIEPopup"></body></html>');
  257.         doc.close();
  258.     }
  259. };
  260.  
  261. TinyMCE_ContextMenu.prototype = {
  262.     clearAll : function() {
  263.         this.html = "";
  264.         this.contextMenuDiv.innerHTML = "";
  265.     },
  266.  
  267.     addSeparator : function() {
  268.         this.html += '<tr class="contextMenuItem"><td class="contextMenuIcon"><img src="' + this.settings['spacer_image'] + '" width="20" height="1" class="contextMenuImage" /></td><td><img class="contextMenuSeparator" width="1" height="1" src="' + this.settings['spacer_image'] + '" /></td></tr>';
  269.     },
  270.  
  271.     addItem : function(icon, title, command, value, disabled) {
  272.         if (title.charAt(0) == '$')
  273.             title = tinyMCE.getLang(title.substring(1));
  274.  
  275.         var onMouseDown = '';
  276.         var html = '';
  277.  
  278.         if (tinyMCE.isMSIE && !tinyMCE.isMSIE5_0)
  279.             onMouseDown = 'contextMenu.execCommand(\'' + command + '\', \'' + value + '\');return false;';
  280.         else
  281.             onMouseDown = this.settings['commandhandler'] + '(\'' + command + '\', \'' + value + '\');return false;';
  282.  
  283.         if (icon == "")
  284.             icon = this.settings['spacer_image'];
  285.  
  286.         if (!disabled)
  287.             html += '<tr class="contextMenuItem">';
  288.         else
  289.             html += '<tr class="contextMenuItemDisabled">';
  290.  
  291.         html += '<td class="contextMenuIcon"><img src="' + icon + '" width="20" height="20" class="contextMenuImage" /></td>';
  292.         html += '<td><div class="contextMenuText">';
  293.         html += '<a href="javascript:void(0);" onclick="' + onMouseDown + '" onmousedown="return false;"> ';
  294.  
  295.         // Add text
  296.         html += title;
  297.  
  298.         html += ' </a>';
  299.         html += '</div></td>';
  300.         html += '</tr>';
  301.  
  302.         // Add to main
  303.         this.html += html;
  304.     },
  305.  
  306.     show : function(x, y) {
  307.         var vp, width, height, yo;
  308.  
  309.         if (this.html == "")
  310.             return;
  311.  
  312.         var html = '';
  313.  
  314.         html += '<a href="#"></a><table border="0" cellpadding="0" cellspacing="0">';
  315.         html += this.html;
  316.         html += '</table>';
  317.  
  318.         this.contextMenuDiv.innerHTML = html;
  319.  
  320.         // Get dimensions
  321.         this.contextMenuDiv.style.display = "block";
  322.         width = this.contextMenuDiv.offsetWidth;
  323.         height = this.contextMenuDiv.offsetHeight;
  324.         this.contextMenuDiv.style.display = "none";
  325.  
  326.         if (tinyMCE.isMSIE && !tinyMCE.isMSIE5_0 && !tinyMCE.isOpera) {
  327.             // Setup popup and show
  328.             this.pop.document.body.innerHTML = '<div class="contextMenu">' + html + "</div>";
  329.             this.pop.document.tinyMCE = tinyMCE;
  330.             this.pop.document.contextMenu = this;
  331.             this.pop.show(x, y, width, height);
  332.         } else {
  333.             vp = this.getViewPort();
  334.             yo = tinyMCE.isMSIE5_0 ? document.body.scrollTop : self.pageYOffset;
  335.             this.contextMenuDiv.style.left = (x > vp.left + vp.width - width ? vp.left + vp.width - width : x) + 'px';
  336.             this.contextMenuDiv.style.top = (y > vp.top + vp.height - height ? vp.top + vp.height - height : y) + 'px';
  337.             this.contextMenuDiv.style.display = "block";
  338.         }
  339.     },
  340.  
  341.     getViewPort : function() {
  342.         return {
  343.             left : self.pageXOffset || self.document.documentElement.scrollLeft || self.document.body.scrollLeft,
  344.             top: self.pageYOffset || self.document.documentElement.scrollTop || self.document.body.scrollTop,
  345.             width : document.documentElement.offsetWidth || document.body.offsetWidth,
  346.             height : self.innerHeight || document.documentElement.clientHeight || document.body.clientHeight
  347.         };
  348.     },
  349.  
  350.     hide : function() {
  351.         if (tinyMCE.isMSIE && !tinyMCE.isMSIE5_0 && !tinyMCE.isOpera)
  352.             this.pop.hide();
  353.         else
  354.             this.contextMenuDiv.style.display = "none";
  355.     },
  356.  
  357.     execCommand : function(command, value) {
  358.         eval(this.settings['commandhandler'] + "(command, value);");
  359.     }
  360. };
  361.