Question

I have some common Javascript which I would like to execute on the event of any NyroModal dialog being opened.

How do I assign an event handler for, say, the ‘on load’ (or whatever) event of the NyroModal component?

Answer 1

All of the NyroModal’s event handlers can be set in its ‘options’ object, which you can set using the ‘$.nmObj’ function (by passing an object containing the keys/values you want to set).

To handle the on-load of a popup, you probably want the ‘afterShowCont’ handler:

$.nmObj({
    callbacks: {
        afterShowCont: function(nm) {
            alert('Handled!');
        }
    }
});

See a full list of events here: http://nyromodal.nyrodev.com/#filters

Note: The ‘nm’ parameter will contain an instance of the NyroModal object, which allows you to alter the content, manipulate the NyroModal, etc.