I need to call a function when modals are invoked

Question

Is there an event handler I could use to determine when sharepoint launches a modal?

Answer 1

with Javascript you can try using the following

function showdialogfunction(pageUrl) {
var options = { url: pageUrl, width: 800, height: 600 };
SP.SOD.execute('sp.ui.dialog.js', 'SP.UI.ModalDialog.showModalDialog', options);
}

if you want to set focus mouse on the dialog then use the following script

$("#id").click(function () {
            OpenPopUpPage("XXX.aspx", null, null, null)
            setTimeout(setFocusModalDialog, 100);
            return false;
        })
    });
    function setFocusModalDialog() {
        var iframe = $(".ms-dlgFrame")[0];
        iframe.contentWindow.focus();
    }

Set focus on SharePoint 2013 Modal dialog

Answer 2

To my knowledge there is no OOTB event handler being provided to us by the SP API. You might want to look at the following post: SP 2010 JavaScript events

Answer 3

In my library SharepointPlus I created a customized showDialogModal function with more options, and one of them is onurlload that triggers when the called URL is loaded.

To do it I check when the iframe (created by Sharepoint to load the URL of the modal) triggers the DOMContentLoad (using iFrameReady from https://stackoverflow.com/a/24603642/1134119).

This solution only works if the URL is in the same domain (because of the cross-domain security restriction).