Полезный Popup. Часть 1. Упрощение создания Звонков.

var oTelField = crmForm.all.phonenumber;
var oTelPopUp = new PhoneNumberPopUP(oTelField);

function PhoneNumberPopUP(oField)
{
    var This = this;
    
    This.EntityLookup = "";
    This.Attributes = [];
    This.Labels = [];
    This.Icons = [];

    var oTelPopup = window.createPopup(); 

    function reRenderControl()
    {
        oField.PhoneNumberPopUP = This;
        
        var oLabel = crmForm.all[oField.id + "_c"];
        oLabel.style.textDecoration = "underline";
        oLabel.style.color = "blue";
        oLabel.attachEvent("onclick", This.showPopUP);

        oTelPopup.document.body.attachEvent("onclick", This.OnPopClick);
    }
    
    // Обработчик popup
    This.showPopUP = function()
    {
        var oPopUpHTML = This.getPopUpHTML();

        oTelPopup.document.body.innerHTML = oPopUpHTML;

        var Width  = oField.offsetWidth;
        // TODO: По длинне записи!
        //var Width = 180;
        var Height = This.Attributes.length * 22;

        var Position = This.getControlPostion(oField);
        var Left = Position.X + 1;
        var Top = Position.Y + 1;

        oTelPopup.show(Left, Top, Width, Height, null);
    }

    This.getPopUpHTML = function()
    {
        var oTelXML = This.fetchAttribData();

        var oXmlDoc = new ActiveXObject("Microsoft.XMLDOM");
        oXmlDoc.async = false;
        oXmlDoc.loadXML(oTelXML);

        var oPopUpHTML = "<table style='width:100%;height:100%;border:1px solid gray;font-family:Tahoma;font-size:11px'>";

        for (var i = 0; i < This.Attributes.length; i++)
        {
            var telName = This.Attributes[i];
            var telNode = oXmlDoc.selectSingleNode("/resultset/result/" + telName);
            var telNum = telNode != null ? telNode.text : "";
            var telLabel = This.Labels[i];
            var telIco = This.Icons[i] == 0 ? "ico_16_4210.gif" : "ico_18_4204.gif";

            oPopUpHTML += "<tr style='cursor:pointer'>" +
                                "<td><img src='/_imgs/" + telIco + "' /></td>" +
                                "<td>" + telLabel + "</td>" +
                                "<td>" + telNum + "</td>" +
                             "</tr>";
        }

        oPopUpHTML += "</table>";



        return oPopUpHTML;
    }

    This.OnPopClick = function(event)
    {
        var phoneRow = event.srcElement;
        while (phoneRow.tagName != "TR")
        {
            phoneRow = phoneRow.parentElement;
        }
        
        var oTelNum = phoneRow.lastChild.innerText;
        oField.DataValue = oTelNum;
    }

    This.getControlPostion = function(control)  
    {       
        var Position = new Object();       
        var controlHeight = control.offsetHeight;       
        var iY = 0, iX = 0;       
        while( control != null )       
        {             
            iY += control.offsetTop;  
            iX += control.offsetLeft;  
            control = control.offsetParent;  
        }       
        Position.X = iX + screenLeft;       
        Position.Y = iY + screenTop + controlHeight;       
        return Position;  
    }

    This.fetchAttribData = function()
    {
        if (This.EntityLookup == null) return;

        var oFetchXML = "<fetch mapping='logical'>" +
                    "<entity name='" + This.EntityLookup.typename + "'>";

        for (var i = 0; i < This.Attributes.length; i++)
        {
            oFetchXML += "<attribute name='" + This.Attributes[i] + "'/>";
        }

        oFetchXML += "<filter type='and'><condition attribute='" + This.EntityLookup.typename + "id' ";
        oFetchXML += "operator='eq' value='" + This.EntityLookup.id + "'/>";
        oFetchXML += "</filter></entity></fetch>";

        oFetchXML = oFetchXML.replace(/</g, '&lt;');
        oFetchXML = oFetchXML.replace(/>/g, '&gt;');

        var oSOAP = "<?xml version='1.0' encoding='utf-8'?>" +
                "<soap:Envelope xmlns:soap='http://schemas.xmlsoap.org/soap/envelope/'" +
                        " xmlns:xsi='http://www.w3.org/2001/XMLSchema-instance'" +
                        " xmlns:xsd='http://www.w3.org/2001/XMLSchema'>" +
                        GenerateAuthenticationHeader() +
                "<soap:Body>" +
                    "<Fetch xmlns='http://schemas.microsoft.com/crm/2007/WebServices'>" +
                        "<fetchXml>" +
                            oFetchXML +
                        "</fetchXml>" +
                    "</Fetch>" +
                "</soap:Body>" +
            "</soap:Envelope>";

        var oXmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
        oXmlHttp.Open("POST", "/mscrmservices/2007/CrmService.asmx", false);
        oXmlHttp.setRequestHeader("SOAPAction", "http://schemas.microsoft.com/crm/2007/WebServices/Fetch");
        oXmlHttp.setRequestHeader("Content-Type", "text/xml; charset=utf-8");
        oXmlHttp.setRequestHeader("Content-Length", oSOAP.length);
        oXmlHttp.send(oSOAP);

        var oResponseText = oXmlHttp.responseXML.text;

        return oResponseText;
    }

    reRenderControl();
}

var oTelField = crmForm.all.phonenumber;
var oTelPopUp = oTelField.PhoneNumberPopUP;


var oEntityLookup = null;
var oAttributes = [];
var oLabels = [];
var oIcons = [];

if (event.srcElement.DataValue != null)
{
    oEntityLookup = event.srcElement.DataValue[0];
    
    var oTypeName = oEntityLookup.typename;

    switch (oTypeName)
    {
        case "account":
            {
                oAttributes = new Array("telephone1", "telephone2", "fax");
                oLabels = new Array("Основной", "Дополнителельный", "Факс");
                oIcons = new Array(0, 0, 1);

                break;
            }
        case "contact":
            {

                oAttributes = new Array("telephone1", "telephone2", "mobilephone", "fax");
                oLabels = new Array("Основной", "Дополнителельный", "Мобильный", "Факс");
                oIcons = new Array(0, 0, 0, 1);

                break;            
            }
        case "lead":
            {
                oAttributes = new Array("telephone1", "telephone2", "fax");
                oLabels = new Array("Основной", "Дополнителельный", "Мобильный", "Факс");
                oIcons = new Array(0, 0, 0, 1);

                break;
            }
        case "systemuser":
            {
                oAttributes = new Array("address1_telephone1", "address1_telephone2", "mobilephone", "address1_fax");
                oLabels = new Array("Основной", "Дополнителельный", "Мобильный", "Факс");
                oIcons = new Array(0, 0, 0, 1);

                break;
            }
    }
}

oTelPopUp.EntityLookup = oEntityLookup;
oTelPopUp.Attributes = oAttributes;
oTelPopUp.Labels = oLabels;
oTelPopUp.Icons = oIcons;