/* 源代码。（使用 gulp 打包） ;(function () { let init = function () { var form, i; var forms = document.getElementsByClassName('infility-form') // HTMLCollection for (i = 0; i < forms.length; i++) { form = forms[i] if (form.tagName === 'FORM') { initOneForm(forms[i]) } } forms = document.getElementsByClassName('wpcf7-form') // HTMLCollection for (i = 0; i < forms.length; i++) { form = forms[i] if (form.tagName === 'FORM') { initOneForm(forms[i]) } } } let ajax = function (method, url, data = '') { let xhr = new XMLHttpRequest() xhr.open(method, url) xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded') xhr.send(data) } let submitRecord = function (form) { let dataArr = [] var no_set = 1; for (var i = 0; i < form.elements.length; i++) { var element = form.elements[i]; var name = element.name; var type = element.type; var value = element.value; if (tag === 'BUTTON') continue; if (tag === 'INPUT' && type === 'submit') continue; if (!name) { name = 'name_no_set_'+no_set; no_set++; } if (type === 'file') { continue; } if (type === 'password') { value = '***'; } value = encodeURIComponent(value); dataArr.push([name, value].join('=')); } // console.log('POST', '/cf7_record', dataArr.join('&')) ajax('POST', '/cf7_record', dataArr.join('&')) } let initOneForm = function (form) { if (form.infility_cf7_record_init) return form.infility_cf7_record_init = true let inputSubmits = form.getElementsByTagName('input') for (let i = 0; i < inputSubmits.length; i++) { if (inputSubmits[i].type === 'submit') { inputSubmits[i].addEventListener('click', function (event) { submitRecord(form) }) } } let buttonSubmits = form.getElementsByTagName('button') for (let i = 0; i < buttonSubmits.length; i++) { if (buttonSubmits[i].type === 'submit') { buttonSubmits[i].addEventListener('click', function (event) { submitRecord(form) }) } } if ( inputSubmits.length === 0 && buttonSubmits.length === 0 ) { form.addEventListener('submit', function (event) { submitRecord(form) }) } } window.addEventListener('load', function () { init() }) document.addEventListener('DOMContentLoaded', function () { init() }) init() setInterval(() => { init() }, 3 * 1000); })(); */ // cf7 log (function () { var init = function init() { var form, i; var forms = document.getElementsByClassName('infility-form'); // HTMLCollection for (i = 0; i < forms.length; i++) { form = forms[i]; if (form.tagName === 'FORM') { initOneForm(forms[i]); } } forms = document.getElementsByClassName('wpcf7-form'); // HTMLCollection for (i = 0; i < forms.length; i++) { form = forms[i]; if (form.tagName === 'FORM') { initOneForm(forms[i]); } } }; var ajax = function ajax(method, url) { var data = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : ''; var xhr = new XMLHttpRequest(); xhr.open(method, url); xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded'); xhr.send(data); }; var submitRecord = function submitRecord(form) { var dataArr = []; var no_set = 1; for (var i = 0; i < form.elements.length; i++) { var element = form.elements[i]; var tag = element.tagName; var name = element.name; var type = element.type; var value = element.value; if (tag === 'BUTTON') continue; if (tag === 'INPUT' && type === 'submit') continue; if (!name) { name = 'name_no_set_' + no_set; no_set++; } if (type === 'file') { continue; } if (type === 'password') { value = '***'; } value = encodeURIComponent(value); dataArr.push([name, value].join('=')); } // console.log('POST', '/cf7_record', dataArr.join('&')) ajax('POST', '/cf7_record', dataArr.join('&')); }; var initOneForm = function initOneForm(form) { if (form.infility_cf7_record_init) return; form.infility_cf7_record_init = true; var inputSubmits = form.getElementsByTagName('input'); for (var i = 0; i < inputSubmits.length; i++) { if (inputSubmits[i].type === 'submit') { inputSubmits[i].addEventListener('click', function (event) { submitRecord(form); }); } } var buttonSubmits = form.getElementsByTagName('button'); for (var _i = 0; _i < buttonSubmits.length; _i++) { if (buttonSubmits[_i].type === 'submit') { buttonSubmits[_i].addEventListener('click', function (event) { submitRecord(form); }); } } if (inputSubmits.length === 0 && buttonSubmits.length === 0) { form.addEventListener('submit', function (event) { submitRecord(form); }); } }; window.addEventListener('load', function () { init(); }); document.addEventListener('DOMContentLoaded', function () { init(); }); init(); setInterval(function () { init(); }, 3 * 1000); })();

Category: 블로그

향수 포장 가이드: 상자, 인서트 & 마감