So, here I am again.
@SanfordWhiteman , thanks for letting me know how to grab the HTML form, and with that, I could improve the code. Now the first script is working fine, the whenReady is working fine, is capturing the forminstance and I can use it on the code. The thing now is, and I don't know why when the code gets to the readyform.onFormRender it stops. Nothing inside there is read. Here's the code updated:
(function() {
console.log("first script loading");
/* config area - replace with your instance values */
var formIds = [X004],
podId = '//info.example.com',
munchkinId = '950-TWA-183';
/* no need to touch anything below this line */
var MKTOFORM_ID_PREFIX = 'mktoForm_', MKTOFORM_ID_ATTRNAME = 'data-formId';
formIds.forEach(function(formId) {
var loadForm = MktoForms2.loadForm.bind(
MktoForms2,
podId,
munchkinId,
formId
),
formEls = [].slice.call(
document.querySelectorAll('[' + MKTOFORM_ID_ATTRNAME + '="' + formId + '"]')
);
(function loadFormCb(formEls) {
var formEl = formEls.shift();
formEl.id = MKTOFORM_ID_PREFIX + formId;
loadForm(function(form) {
formEl.id = '';
formEls.length && loadFormCb(formEls);
});
})(formEls);
});
})();
MktoForms2.whenReady(function(readyForm){
console.log('whenReady loading');
var forms = readyForm.getFormElem()[0];
var instance = forms.dataset.forminstance;
if (instance == "one") {
console.log('Form 1');
} else if (instance == "two" ) {
console.log('Form 2');
}
// Until here everything is working fine
readyForm.onFormRender(function(renderedForm){
console.log('onFormRender loading');
if (instance == "one") {
var loc = document.createElement('a'); // new Location object for easier parsing
loc.href = document.referrer;
document.querySelector('.mktoButton').innerText = "Watch Webinar 1"
decodeURIComponent( loc.search.substring(1) ); // use the whole query string as button label, this is just a demo
} else if (instance == "two" ) {
var loc = document.createElement('a'); // new Location object for easier parsing
loc.href = document.referrer;
document.querySelector('.mktoButton').innerText = "Watch Webinar 2"
decodeURIComponent( loc.search.substring(1) ); // use the whole query string as button label, this is just a demo
}
});
});
As you can see I put some console.log to check where the code is going and when it gets to whenReady the first log is read and the first if-else works fine. After that, nothing. If I understand correctly after the form is rendered at least the 'onFormRender loading' log was supposed to show it, right?
Can you (or someone else) give a light on what's happening?
.png)