[SOLVED] Adding Javascript to registration form using CB Auto Action

I am using CB conditional to create a multi step form, and am trying to add some Javascript code to show/hide a map on the registration form depending on which tab is selected.

I am using the CB Auto Action plugin to inject javascript using the onBeforeRegisterFormDisplay trigger. However, the DOM for the tabs is generated dynamically by Javascript which is called after my Javascript. This means that I cannot add a listener to the tabs, because they do not exist when my Javascript is called.

You can see what I am talking about here: www.dasa.org.uk.gridhosted.co.uk/registration

Can anyone suggest a way around this problem - maybe a different Auto Action trigger?

The code I am injecting using CB Auto action is as follows:

var tabCheck = {
ready : function() {
alert('tabcheck.ready() called - the tab DOM does not exist at this stage.');
jQuery('#stepbystep ul li a').click(
function(e) {
alert('Tab has been clicked');
}
);
}
};

$(document).ready(tabCheck.ready);

Try ordering CB Auto Actions after CB Conditional in CB > Plugin Management. Plugin order determines load order. This should allow CB Conditional jQuery to load first before CB Auto Actions adds yours to the header.

That sounded hopeful, but I checked and unfortunately CB Auto actions is order number 25 and CB conditional is 20.

Are you using the JS method or jQuery method? CB Conditional is using jQuery to add the step by step. If using JS try switching to jQuery as they've different output orders. Aside from that there's nothing more I can suggest as there's no after registration form trigger in 1.x.

Aha! Yes, the JQuery method works. Thanks, I'll mark as solved.