Determine when an embedded Marketo form was loaded via JavaScript?

Question

Is there a way to detect when a Marketo form has successfully loaded when you paste it into your HTML page?

I want to manipulate the form using jQuery, but it does not always load when the .ready () event occurs.

Answer 1

Marketo Forms 2.0 provides a method called whenReady that allows you to specify a callback function when the Marketo form reaches its finished event. Thus, you can use this method to notify the client when the Marketo form is loaded.

See the Marketo developer documentation for more information.

Answer 2

The Marketo Forms 2.0 .loadForm allows you to use callback as your fourth argument. Just add your function there.

From API Link

 .loadForm(baseUrl, munchkinId, formId [,callback]) 

Example

 MktoForms2.loadForm("//app-sjqe.marketo.com", "718-GIV-198", 621, function(form){ //from here we have access to the form object and can call its methods. }); 

If you use .whenReady(callback) , if "there is already a form that will be ready when this function is called, the passed callback will be called immediately", which may not be the way you want.

(@Murtza works in Marketo, so maybe his answer is more official, but that didn't work for me)