Custom Item in 'Sned To' menu

In my previous post I show how to put some javascript to all pages in a site collection using the delegate control. This is pretty common scenario and the approach with the AdditionalPageHead control works great.

In this post I will use again the approach to solve another issue.

The scenario:  Add a custom item in the ‘Send To’ section in the contextual menu for document. 

The solution: Overwriting the default javascript function in core.js. The javascript function renders the new idem. A delegate control is used to bring the customizations on the pages in a particular web. 

Code Sample: download from here

Explanations:

In such tasks the most normal approach will be using a custom action which most difficult part is to find the correct value for the Location property.

The problem in our scenario is the fact that the Send To menu items are rendered only by javascript. There is no way to use custom action for it so the only option is to find a way to overwrite javascript.

The file CORE.debug.js is located in the \14\TEMPLATE\LAYOUTS\1033 folder. Inside it is the definition of the function AddSendSubMenu which renders the items. The easiest way for overwriting a function in javascript is loading a function with the same name after the original function.

Overwriting of the AddSendSubMenu method defined in the default scripts can be done in the following way:

AddSendSubMenu = function (m, ctx) { }
    _spBodyOnLoadFunctionNames.push("resetAddSendSubMenu");
    function resetAddSendSubMenu() {
         AddSendSubMenu = function (m, ctx) {
            ULSsa6:;            // new logic        }    }

_spBodyOnLoadFunctionNames is an array which contains the names of the functions which are executed when page is loaded. / _spBodyOnLoadFunctionNames is very useful, if you still don’t know it, please explore some posts about it ! /

Another important moment is how to render the new item. After exploring the original code the following code can be extracted:

 if (ctx.listTemplate == 101) { // document library        var itemId = GetAttributeFromItemTable(itemTable, "ItemId", "Id");
        var listId = ctx.listName;
        var source = window.location + "";
        strAction = "STSNavigate('" + ctx.HttpRoot + "/_layouts/SendToItem/SendToPage.aspx?ItemId=" + itemId + "&ListId=" + listId + "&Source=" + source + "')";
        strImagePath = ctx.imagesPath + "sendOtherLoc.gif";
        menuOption = CAMOpt(sm, "My Custom Item", strAction, strImagePath);
        CUIInfo(menuOption, "MyCustomItem", ["MyCustomItem"]);
        menuOption.id = "ID_MyCustomItem";
    }

This code should be located in the correct place in the function so the items are rendered in the correct order.