cpopp/everbridge-gtm
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

adding state to autofill

Browse Source
This commit is contained in:
Cappy Popp 2021-01-06 14:54:02 -05:00
parent 6a0f231d1f
commit 18a5425588
1 changed files with 8 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
LinkedIn - Demo Form Autofill.html
View File

@ -4,6 +4,7 @@
iframeHolderDiv = document.createElement('div'), // so we can style location of button iframeHolderDiv = document.createElement('div'), // so we can style location of button
autoFillLocation = document.querySelector("form[id^='mktoForm_']"), // will only find first Marketo form on a page autoFillLocation = document.querySelector("form[id^='mktoForm_']"), // will only find first Marketo form on a page
firstRow = document.querySelector('form .mktoFormRow'), firstRow = document.querySelector('form .mktoFormRow'),
mktoForm,
hiddenLinkedInInputs = document.createDocumentFragment(), // since we're creating multiple nodes, just do the add once hiddenLinkedInInputs = document.createDocumentFragment(), // since we're creating multiple nodes, just do the add once
hiddenInputCreator = function (tagName, onChangeHandler) { hiddenInputCreator = function (tagName, onChangeHandler) {
var newInput = document.createElement('input'); var newInput = document.createElement('input');
@ -262,10 +263,15 @@
mktoCountryInput = document.querySelector("#Country"); mktoCountryInput = document.querySelector("#Country");
// sets the value in the form the user can see // sets the value in the form the user can see
if (typeof MktoForms2 !== 'undefined') { if (typeof MktoForms2 !== 'undefined') {
MktoForms2.allForms()[0].setValues({ mktoForm.setValues({
'Country': countries[newValue.toUpperCase()]}); 'Country': countries[newValue.toUpperCase()]});
} }
}); });
hiddenInputCreator('state', function(newValue){
mktoForm.setValues({
'State': newValue.toUpperCase();
});
});
/*['email', 'country'].forEach(function(inputField){ /*['email', 'country'].forEach(function(inputField){
var newInput = document.createElement("input"); var newInput = document.createElement("input");
@ -307,6 +313,7 @@
// need the id of the form so we can hook up autofill // need the id of the form so we can hook up autofill
// doing this way will work on any Marketo form // doing this way will work on any Marketo form
fillScript.setAttribute('data-form', 'mktoForm_' + form.getId()); fillScript.setAttribute('data-form', 'mktoForm_' + form.getId());
mktoForm = form;
form.onSubmit(function (form) { form.onSubmit(function (form) {
console.log('onSubmit'); console.log('onSubmit');
console.log(form.vals()); console.log(form.vals());