Manual da Proéxis (6ª ed.) – Waldo Vieria

Insira seus dados e receba gratuiamente o livro Manual da Proéxis:

form.formIntegration2 *, form.formIntegration2 *::before, form.formIntegration2 *::after{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } form.formIntegration2{ width: 100%; margin: 0 auto; } form.formIntegration2 input[type="text"]{outline:none; width: 100%; } form.formIntegration2 select{width:100%; overflow:auto;} form.formIntegration2 select.invi-select{display:none; width:0px; height:0px; border:none;} form.formIntegration2 textarea{width:100%; height:80px; overflow:auto; resize:vertical;} form.formIntegration2 div.containerMultiple {width:100%; overflow:auto; border: 1px solid #bec5cb; padding: 2px; background-color:#FFF; position:relative;} form.formIntegration2 div.containerMultiple div {min-height: 20px;} form.formIntegration2 div.containerMultiple div label{white-space:nowrap; display:inline-block; position:relative;} form.formIntegration2 input.type_PHN_DDI{text-align:center;} form.formIntegration2 div.div_PHN_DDI {width: 28%; margin-right: 2%; text-align: center; display: inline-block; } form.formIntegration2 div.div_PHN_NUM {width: 70%; display: inline-block; } form.formIntegration2 .div_PHN.hidden_DDI div.div_PHN_DDI {width: 0; display: none; } form.formIntegration2 .div_PHN.hidden_DDI div.div_PHN_NUM {width: 100%; display: inline-block; } form.formIntegration2 .field-error{border-color: #CC0000!important;} form.formIntegration2 .g-recaptcha {margin-bottom:5px;} form.formIntegration2 .DinamizeDivMessageSuccess, form.formIntegration2 .DinamizeDivMessageAlert, form.formIntegration2 .DinamizeDivMessageError, form.formIntegration2 .DinamizeDivCaptchaMessage {display: none; margin: 0px 0px 10px; color: rgb(255, 255, 255); font-size: 14px; font-family: arial; padding: 15px;} form.formIntegration2 .DinamizeDivMessageSuccess {background-color: rgb(20, 118, 18);} form.formIntegration2 .DinamizeDivMessageAlert, form.formIntegration2 .DinamizeDivMessageError, form.formIntegration2 .DinamizeDivCaptchaMessage { background-color: #ac0000; } form.formIntegration2 div.block {display: block; margin-bottom: 10px; } form.formIntegration2 div.block:last-child {margin-bottom: 0px;} form.formIntegration2 div.vertical {display: block;} form.formIntegration2 div.horizontal {display: inline-block; vertical-align: middle;} form.formIntegration2 div.horizontal.divlabel {width: 28%; margin-right: 2%; text-align: right;} form.formIntegration2 div.horizontal.divinput {width: 70%} form.formIntegration2 div.containerAllInline div.block {display: inline-block; margin-right: 5px; margin-bottom: 5px;} form.formIntegration2 div.containerAllInline div.horizontal.divinput {width: 182px} form.formIntegration2 .submit {position: relative; width: 100%} form.formIntegration2 .submit.class1 {text-align:left;} form.formIntegration2 .submit.class2 {text-align:left; width: 70%} form.formIntegration2 .submit.class3 {text-align:center;} form.formIntegration2 .submit.class4 {text-align:right;} form.formIntegration2 .submit.class5 {text-align:center;} form.formIntegration2 .submit.class5 input[type=submit] {width:100%} form.formIntegration2 .spinner {display: none;} form.formIntegration2.style1 label{ color: #4a5765; font-family: arial; font-size: 14px; } form.formIntegration2.style1 input[type="text"]{ border: 2px solid #bec5cb; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; box-shadow: 0 0 0 4px transparent; color: #4a5766; font-size: 13px; padding: 9px 6px; height: 38px;} form.formIntegration2.style1 input[type="submit"]{ -webkit-appearance: none; border: medium none; background-color: #0e6e0e; color: #ffffff; cursor: pointer; font: bold 13px/38px Arial; height: 38px; padding: 0 15px; display: inline-block; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin: 5px 0 0 0;} form.formIntegration2.style1 div.containerMultiple, form.formIntegration2.style1 select, form.formIntegration2.style1 textarea{border: 2px solid #bec5cb; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; box-shadow: 0 0 0 4px transparent; color: #4a5766;} form.formIntegration2.style1 select{height:40px;} form.formIntegration2.style1 textarea{max-height: 200px; min-height: 52px;} form.formIntegration2.style1 .spinner { display: none; bottom: 0; height: 18px; left: 0; margin: auto; position: absolute; right: 0; top: 0; } form.formIntegration2.style1 .spinner > div { width: 18px; height: 18px; background-color: #fff; border-radius: 100%; display: inline-block; -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both; animation: sk-bouncedelay 1.4s infinite ease-in-out both;} form.formIntegration2.style1 .spinner .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s;} form.formIntegration2.style1 .spinner .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s;} form.formIntegration2.style1 .checkbox-container {display: block; position: absolute !important; padding-left: 22px; margin-bottom: 4px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } form.formIntegration2.style1 .checkbox-container input {position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; top: 0; left: 0;} form.formIntegration2.style1 .checkmark {position: absolute; top: 0; left: 0; height: 18px; width: 18px; background-color: #FFF; border: 2px solid #BBB; border-radius: 3px; } form.formIntegration2.style1 .checkbox-container:hover input ~ .checkmark {border: 2px solid #777; } form.formIntegration2.style1 .checkmark:after {content: ""; position: absolute; display: none; } form.formIntegration2.style1 .checkbox-container input:checked ~ .checkmark:after {display: block; } form.formIntegration2.style1 .checkbox-container .checkmark:after {left: 5px; top: 0px; width: 5px; height: 12px; border: solid #555; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } form.formIntegration2.style2 label{ font-family: arial; font-size: 14px; } form.formIntegration2.style2 input[type="text"] { border: 1px solid #bec5cb; box-shadow: 0 0 0 4px transparent; color: #4a5766; font-size: 13px; padding: 9px 6px;} form.formIntegration2.style2 div.containerMultiple {max-height:82px;} form.formIntegration2.style2 div.containerMultiple, form.formIntegration2.style2 select, form.formIntegration2.style2 textarea {border: 1px solid #bec5cb; box-shadow: 0 0 0 4px transparent; color: #4a5766; } form.formIntegration2.style2 select{height:40px;} form.formIntegration2.style2 textarea{max-height: 200px; min-height: 52px;} form.formIntegration2.style2 ::-webkit-input-placeholder { color: #000000; } form.formIntegration2.style2 ::-moz-placeholder { color: #000000; font-family: arial; } form.formIntegration2.style2 :-ms-input-placeholder { color: #000000; font-family: arial; } form.formIntegration2.style2 :-moz-placeholder { color: #000000; font-family: arial; } form.formIntegration2.style2 .spinner { display: none; bottom: 0; height: 18px; left: 0; margin: auto; position: absolute; right: 0; top: 0; } form.formIntegration2.style2 .spinner > div { width: 18px; height: 18px; background-color: #fff; border-radius: 100%; display: inline-block; -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both; animation: sk-bouncedelay 1.4s infinite ease-in-out both;} form.formIntegration2.style2 .spinner .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s;} form.formIntegration2.style2 .spinner .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s;} @-webkit-keyframes sk-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0) } 40% { -webkit-transform: scale(1.0) }} @keyframes sk-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1.0); transform: scale(1.0); }}

/* Suggested Phone Validation ==> http://jackocnr.com/intl-tel-input.html*/ !function(t,e){"function"==typeof define&&define.amd?define(e):"object"==typeof exports?module.exports=e():t.VMasker=e()}(this,function(){var t="9",e="A",n="S",i=[8,9,16,17,18,36,37,38,39,40,91,92,93],o=function(t){for(var e=0,n=i.length;n>e;e++)if(t==i[e])return!1;return!0},r=function(t){return t=t||{},t={precision:t.hasOwnProperty("precision")?t.precision:2,separator:t.separator||",",unit:t.unit&&t.unit.replace(/[\s]/g,"")+" "||"",suffixUnit:t.suffixUnit&&" "+t.suffixUnit.replace(/[\s]/g,"")||"",zeroCents:t.zeroCents,lastOutput:t.lastOutput},t.moneyPrecision=t.zeroCents?0:t.precision,t},s=function(i,o,r){for(;ot;t++)this.elements[t].lastOutput="",this.elements[t].onkeyup=!1,this.elements[t].onkeydown=!1,this.elements[t].value.length&&(this.elements[t].value=this.elements[t].value.replace(/\D/g,""))},l.prototype.bindElementToMask=function(t){for(var e=this,n=function(n){n=n||window.event;var i=n.target||n.srcElement;o(n.keyCode)&&setTimeout(function(){e.opts.lastOutput=i.lastOutput,i.value=a[t](i.value,e.opts),i.lastOutput=i.value,i.setSelectionRange&&e.opts.suffixUnit&&i.setSelectionRange(i.value.length,i.value.length-e.opts.suffixUnit.length)},0)},i=0,r=this.elements.length;r>i;i++)this.elements[i].lastOutput="",this.elements[i].onkeyup=n,this.elements[i].value.length&&(this.elements[i].value=a[t](this.elements[i].value,this.opts))},l.prototype.maskMoney=function(t){this.opts=r(t),this.bindElementToMask("toMoney")},l.prototype.maskNumber=function(){this.opts={},this.bindElementToMask("toNumber")},l.prototype.maskAlphaNum=function(){this.opts={},this.bindElementToMask("toAlphaNumeric")},l.prototype.maskPattern=function(t){this.opts={pattern:t},this.bindElementToMask("toPattern")},l.prototype.unMask=function(){this.unbindElementToMask()};var a=function(t){if(!t)throw new Error("VanillaMasker: There is no element to bind.");var e="length"in t?t.length?t:[]:[t];return new l(e)};return a.toMoney=function(t,e){if(e=r(e),e.zeroCents){e.lastOutput=e.lastOutput||"";var n="("+e.separator+"[0]{0,"+e.precision+"})",i=new RegExp(n,"g"),o=t.toString().replace(/[\D]/g,"").length||0,s=e.lastOutput.toString().replace(/[\D]/g,"").length||0;t=t.toString().replace(i,""),s>o&&(t=t.slice(0,t.length-1))}var l=t.toString().replace(/[\D]/g,""),a=new RegExp("(\\"+e.separator+")$"),u=l.substr(0,l.length-e.moneyPrecision),p=u.substr(0,u.length%3),h=new Array(e.precision+1).join("");u=u.substr(u.length%3,u.length);for(var c=0,f=u.length;f>c;c++)p+=u[c];if(!e.zeroCents){var g=l.length-e.precision,m=l.substr(g,e.precision),v=m.length,y=e.precision>v?e.precision:v;h=(h+m).slice(-y)}var b=e.unit+p+e.separator+h+e.suffixUnit;return b.replace(a,"")},a.toPattern=function(i,o){var r,l="object"==typeof o?o.pattern:o,a=l.replace(/\W/g,""),u=l.split(""),p=i.toString().replace(/\W/g,""),h=p.replace(/\W/g,""),c=0,f=u.length,g="object"==typeof o?o.placeholder:void 0;for(r=0;f>r;r++){if(c>=p.length){if(a.length==h.length)return u.join("");if(void 0!==g&&a.length>h.length)return s(u,r,g).join("");break}if(u[r]===t&&p[c].match(/[0-9]/)||u[r]===e&&p[c].match(/[a-zA-Z]/)||u[r]===n&&p[c].match(/[0-9a-zA-Z]/))u[r]=p[c++];else if(u[r]===t||u[r]===e||u[r]===n)return void 0!==g?s(u,r,g).join(""):u.slice(0,r).join("")}return u.join("").substr(0,r)},a.toNumber=function(t){return t.toString().replace(/(?!^-)[^0-9]/g,"")},a.toAlphaNumeric=function(t){return t.toString().replace(/[^a-z0-9 ]+/i,"")},a}); // Mantem apenas a versão mais recente do script if (typeof dinForms == "undefined" || dinForms.version < 1.3) { var dinForms = { version:1.3, onLoad: function(){ // var forms = document.getElementsByClassName("formIntegration"); for (var k = 0; k < forms.length; ++k) { var inputElement = forms[k].getElementsByClassName("din-input-mask"); for (var i = 0; i < inputElement.length; ++i) { switch(inputElement[i].getAttribute("din-mask-type")){ case "DT": case "DH": var str = inputElement[i].getAttribute("format"); VMasker(inputElement[i]).maskPattern(str.replace(/D|M|A|Y|H/g, "9")); break; case "INT": VMasker(inputElement[i]).maskNumber(); break; case "FLT": var str = inputElement[i].getAttribute("format"); VMasker(inputElement[i]).maskMoney({separator:str}); break; } } } // var referer = document.referrer ? document.referrer.match(/:\/\/(.[^/]+)/)[1] : ""; var hostname = window.location.hostname; if (referer != hostname) { var jsonParams = {"url":window.location.href, "referer":document.referrer}; var cookieData = btoa(JSON.stringify(jsonParams)); dinForms.SetCookie("dinTrafficSource", cookieData, 90); } }, ValidateForm: function(form){ this.LimpaAvisos(form); /********************************************************/ // validação de cada tipo de campo /********************************************************/ var elem = form.elements; var enviar = true; for(var i = 0; i < elem.length; i++){ if( elem[i].type == "hidden" ){ continue } var classList = elem[i].className.split(" "); this.removeClass("field-error", elem[i]); elem[i].value = elem[i].value.trim(); if(classList.indexOf("type_EMAIL") != -1){ if(!this.validateEmail(elem[i].value) ){ this.addClass("field-error", elem[i]); enviar = false; } } else if(classList.indexOf("type_DT") != -1){ if(elem[i].value != "" && !this.existDate(this.prepareDate(elem[i].value, elem[i].getAttribute("format")),false)){ this.addClass("field-error", elem[i]); enviar = false; } } else if(classList.indexOf("type_DH") != -1){ if(elem[i].value != "" && !this.existDate(this.prepareDate(elem[i].value, elem[i].getAttribute("format")),true)){ this.addClass("field-error", elem[i]); enviar = false; } } else if( classList.indexOf("type_PHN_NUM") != -1 ){ var fieldName = elem[i].getAttribute("hd-name"); var text = elem[i].value; var patPhone = /\d+/g; var res; var resultNum = ""; var resultDDI = ""; res = text.match(patPhone); if (res !== null){ resultNum = res.join(""); } form.elements[fieldName].value = ""; if(text != "" && resultNum.length = 3 ){ text = form.elements[fieldName+"_DDI"].value res = text.match(patPhone); if (res !== null){ resultDDI = res.join(""); form.elements[fieldName].value = resultDDI+resultNum; }else{ this.addClass("field-error", form.elements[fieldName+"_DDI"]); enviar = false; } } } // CAMPOS OBRIGATORIOS if( classList.indexOf("field-required") != -1 ){ // Todos os campos não-LVM if(classList.indexOf("type_LVM") == -1){ if( elem[i].value.trim() == "" ){ this.addClass("field-error", elem[i]); enviar = false; } } // else lvm... if(classList.indexOf("type_LVM") != -1){ var hdName = elem[i].getAttribute("hd-name"); var ok = false; this.removeClass("field-error", form.getElementsByClassName("containerMultiple_"+hdName)[0]); // é o único caso que a classe é removida deste jeito var checkboxes = form.getElementsByClassName("chk_"+hdName); for(var j=0; j < checkboxes.length; j++){ if(checkboxes[j].checked == true){ ok = true; break; } } if(!ok){ this.addClass("field-error", form.getElementsByClassName("containerMultiple_"+hdName)[0] ); enviar = false; } } } } /********************************************************/ // Em caso de falha na validação... // Mensagem de Campo Obrigatório /********************************************************/ if(!enviar){ var msgError = form.getElementsByClassName("DinamizeDivMessageError")[0]; if(msgError && msgError.innerHTML.length) { msgError.style.display = "block"; } return false } /********************************************************/ // Escreve valores nos campos hidden (quando necessário) /********************************************************/ // Listas de Valores Multiplos (LVM) var lvmElements = form.getElementsByClassName("type_LVM"); var checkboxes, checkedValues; var hdName; for (var i = 0; i 0){ for (var k = 0; k < checkboxes.length; k++) { if(checkboxes[k].checked){ checkedValues += "|"+checkboxes[k].value; } } } checkedValues = checkedValues.replace("|",""); form.elements[lvmElements[i].getAttribute("hd-name")].value = checkedValues; } // Datas this.setDateValues(form, "type_DT"); this.setDateValues(form, "type_DH"); // Floats var fltElements = form.getElementsByClassName("type_FLT"); for (var i = 0; i < fltElements.length; i++) { form.elements[fltElements[i].getAttribute("hd-name")].value = fltElements[i].value.replace(",","."); }; /********************************************************/ // finalizando... /********************************************************/ // se for preview... dá msg de sucesso e cai fora! var isPreview = form.elements["isPreview"]; if (isPreview) { dinForms.ResetFormValues(form); return false } // LEADTRACKER // Precisamos descobrir se o objeto de leadTracker existe no mesmo frame que este formulário está, ou se está no parent (ou no top). // Usamos a referencia deste frame a partir disto. // Para ter o máximo de compatibilidade, verifico se o browser suporta estes objetos. // Resolve idealmente o uso de leadtracker por popups // faz try-catch pois o frame parent/top pode ser de outro dominio, isto gerará um erro do tipo cross-domain. try { var frame if (typeof dinLeadTracker !== "undefined") { frame = window; } else if (typeof window.parent !== "undefined" && typeof window.parent.dinLeadTracker !== "undefined") { frame = window.parent; } else if (typeof window.top !== "undefined" && typeof window.top.dinLeadTracker !== "undefined") { frame = window.top; } // se encontramos leadtracker em algum dos frames, seta! if ( typeof frame !== "undefined" && frame.dinLeadTracker.isActive()) { var formElements = form.elements; if ( typeof formElements.cmp1 !== "undefined" ) { frame.dinLeadTracker.SetLeadEmail(formElements.cmp1.value); } if ( typeof formElements.cmp3 !== "undefined" ) { frame.dinLeadTracker.SetLeadExternalId(formElements.cmp3.value); } } } catch(e){ console.warn("Leadtracker ignored because of Cross-Domain error."); console.warn(e); } var isCaptcha = this.hasCaptcha(form); if(isCaptcha){ form.getElementsByClassName("DinamizeDivCaptchaMessage")[0].style.display = "none"; var recaptcha = form.elements["g-recaptcha-response"]; if (recaptcha.value === ""){ form.getElementsByClassName("DinamizeDivCaptchaMessage")[0].style.display = "block"; grecaptcha.reset(); // ver se precisa return false; } } // Se o form usa "msg", não faz action com redirect. var isMsg = form.elements["isMsg"].value; var redirectElement = form.elements["redirect-url-js"] ? form.elements["redirect-url-js"] : form.elements["redirect-url-pp"]; if(isMsg == "true" || (redirectElement && redirectElement.value != "") ){ this.LoadingForm(form); return false; // posta o conteudo, mas não executa action do form } // Posta pro nosso receiver e este fará um redirect. return true; }, setDateValues: function(form, className){ var dtElements = form.getElementsByClassName(className); for (var i = 0; i = 200 && xmlhttp.status <= 299) { parent.location.href = form.elements["redirect-url-pp"].value; dinForms.Spinner(form, false); dinForms.ResetFormValues(form); } else { dinForms.Spinner(form, false); // elemento deprecated var msgErrorDep = form.getElementsByClassName("divMessageError")[0]; if(msgErrorDep) { msgErrorDep.style.display = "block"; } var msgAlert = form.getElementsByClassName("DinamizeDivMessageAlert")[0]; if(msgAlert) { msgAlert.style.display = "block"; } } } }; if (typeof params === "string" && params !== "") { url += "?" + params; // encodeURI(params); } xmlhttp.open("POST", url, true); xmlhttp.send(); }, Spinner: function(form, show){ // manter versão por compatibilidade? var submitElement = form.getElementsByClassName("dinSubmit")[0]; var spinnerElement = form.getElementsByClassName("spinner")[0]; if (show) { if (spinnerElement) spinnerElement.style.display = "block"; if (submitElement) submitElement.value = ""; }else{ if (spinnerElement) spinnerElement.style.display = "none"; if (submitElement) submitElement.value = submitElement.getAttribute("original-value"); } }, GetCookie: function(cname){ var name = cname + "="; var decodedCookie = decodeURIComponent(document.cookie); var ca = decodedCookie.split(";"); for(var i = 0; i =0;i=i-1){if(form.elements[i].name===""){continue}switch(form.elements[i].nodeName){case"INPUT":switch(form.elements[i].type){case"text":case"hidden":case"password":case"button":case"reset":case"submit":q.push(form.elements[i].name+"="+encodeURIComponent(form.elements[i].value));break;case"checkbox":case"radio":if(form.elements[i].checked){q.push(form.elements[i].name+"="+encodeURIComponent(form.elements[i].value))}break;case"file":break}break;case"TEXTAREA":q.push(form.elements[i].name+"="+encodeURIComponent(form.elements[i].value));break;case"SELECT":switch(form.elements[i].type){case"select-one":q.push(form.elements[i].name+"="+encodeURIComponent(form.elements[i].value));break;case"select-multiple":for(j=form.elements[i].options.length-1;j>=0;j=j-1){if(form.elements[i].options[j].selected){q.push(form.elements[i].name+"="+encodeURIComponent(form.elements[i].options[j].value))}}break}break;case"BUTTON":switch(form.elements[i].type){case"reset":case"submit":case"button":q.push(form.elements[i].name+"="+encodeURIComponent(form.elements[i].value));break}break}}return q.join("&")}, }; } // if ( document.readyState === "complete" ) { dinForms.onLoad(); }else { if (window.attachEvent) { window.attachEvent("load", dinForms.onLoad); } else { window.addEventListener("load", dinForms.onLoad); } }