פתרון המוקדש לעידן המחובר

html,body{ margin: 0px; } #crmWebToEntityForm.zcwf_lblLeft { width:100%; padding: 25px; margin: 0 auto; box-sizing: border-box; } #crmWebToEntityForm.zcwf_lblLeft * { box-sizing: border-box; } #crmWebToEntityForm{text-align: left;} #crmWebToEntityForm * { direction: ltr; } .zcwf_lblLeft .zcwf_title { word-wrap: break-word; padding: 0px 6px 10px; font-weight: bold; } .zcwf_lblLeft .zcwf_col_fld input[type=text], .zcwf_lblLeft .zcwf_col_fld textarea { width: 60%; border: 1px solid #c0c6cc !important; resize: vertical; border-radius: 2px; float: left; } .zcwf_lblLeft .zcwf_col_lab { width: 30%; word-break: break-word; padding: 0px 6px 0px; margin-right: 10px; margin-top: 5px; float: left; min-height: 1px; } .zcwf_lblLeft .zcwf_col_fld { float: left; width: 68%; padding: 0px 6px 0px; position: relative; margin-top: 5px; } .zcwf_lblLeft .zcwf_privacy{padding: 6px;} .zcwf_lblLeft .wfrm_fld_dpNn{display: none;} .dIB{display: inline-block;} .zcwf_lblLeft .zcwf_col_fld_slt { width: 60%; border: 1px solid #ccc; background: #fff; border-radius: 4px; font-size: 12px; float: left; resize: vertical; padding: 2px 5px; } .zcwf_lblLeft .zcwf_row:after, .zcwf_lblLeft .zcwf_col_fld:after { content: ''; display: table; clear: both; } .zcwf_lblLeft .zcwf_col_help { float: left; margin-left: 7px; font-size: 12px; max-width: 35%; word-break: break-word; } .zcwf_lblLeft .zcwf_help_icon { cursor: pointer; width: 16px; height: 16px; display: inline-block; background: #fff; border: 1px solid #c0c6cc; color: #c1c1c1; text-align: center; font-size: 11px; line-height: 16px; font-weight: bold; border-radius: 50%; } .zcwf_lblLeft .zcwf_row {margin: 15px 0px;} .zcwf_lblLeft .formsubmit { margin-right: 5px; cursor: pointer; color: var(--baseColor); font-size: 12px; } .zcwf_lblLeft .zcwf_privacy_txt { width: 90%; color: rgb(0, 0, 0); font-size: 12px; font-family: Arial; display: inline-block; vertical-align: top; color: var(--baseColor); padding-top: 2px; margin-left: 6px; } .zcwf_lblLeft .zcwf_button { font-size: 12px; color: var(--baseColor); border: 1px solid #c0c6cc; padding: 3px 9px; border-radius: 4px; cursor: pointer; max-width: 120px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .zcwf_lblLeft .zcwf_tooltip_over{ position: relative; } .zcwf_lblLeft .zcwf_tooltip_ctn{ position: absolute; background: #dedede; padding: 3px 6px; top: 3px; border-radius: 4px;word-break: break-word; min-width: 100px; max-width: 150px; color: var(--baseColor); z-index: 100; } .zcwf_lblLeft .zcwf_ckbox{ float: left; } .zcwf_lblLeft .zcwf_file{ width: 55%; box-sizing: border-box; float: left; } .clearB:after{ content:''; display: block; clear: both; } @media all and (max-width: 600px) { .zcwf_lblLeft .zcwf_col_lab, .zcwf_lblLeft .zcwf_col_fld { width: auto; float: none !important; } .zcwf_lblLeft .zcwf_col_help {width: 40%;} } function validateEmail4886703000017137485() { var form = document.forms['WebToLeads4886703000017137485']; var emailFld = form.querySelectorAll('[ftype=email]'); var i; for (i = 0; i < emailFld.length; i++) { var emailVal = emailFld[i].value; if((emailVal.replace(/^\s+|\s+$/g, '')).length!=0 ) { var atpos=emailVal.indexOf('@'); var dotpos=emailVal.lastIndexOf('.'); if (atpos<1 || dotpos=emailVal.length) { alert('Please enter a valid email address. '); emailFld[i].focus(); return false; } } } return true; } function checkMandatory4886703000017137485() { var mndFileds = new Array('Last Name','Email','Phone'); var fldLangVal = new Array('\u05E9\u05DD\x20\u05DE\u05E9\u05E4\u05D7\u05D4','\u05DE\u05D9\u05D9\u05DC','\u05D8\u05DC\u05E4\u05D5\u05DF'); for(i=0;i<mndFileds.length;i++) { var fieldObj=document.forms['WebToLeads4886703000017137485'][mndFileds[i]]; if(fieldObj) { if (((fieldObj.value).replace(/^\s+|\s+$/g, '')).length==0) { if(fieldObj.type =='file') { alert('Please select a file to upload.'); fieldObj.focus(); return false; } alert(fldLangVal[i] +' cannot be empty.'); fieldObj.focus(); return false; } else if(fieldObj.nodeName=='SELECT') { if(fieldObj.options[fieldObj.selectedIndex].value=='-None-') { alert(fldLangVal[i] +' cannot be none.'); fieldObj.focus(); return false; } } else if(fieldObj.type =='checkbox'){ if(fieldObj.checked == false){ alert('Please accept '+fldLangVal[i]); fieldObj.focus(); return false; } } try { if(fieldObj.name == 'Last Name') { name = fieldObj.value; } } catch (e) {} } } trackVisitor4886703000017137485(); if(!validateEmail4886703000017137485()){return false;} document.querySelector('.crmWebToEntityForm .formsubmit').setAttribute('disabled', true); } function tooltipShow4886703000017137485(el){ var tooltip = el.nextElementSibling; var tooltipDisplay = tooltip.style.display; if(tooltipDisplay == 'none'){ var allTooltip = document.getElementsByClassName('zcwf_tooltip_over'); for(i=0; i<allTooltip.length; i++){ allTooltip[i].style.display='none'; } tooltip.style.display = 'block'; }else{ tooltip.style.display='none'; } } var $zoho= $zoho || {};$zoho.salesiq = $zoho.salesiq || {widgetcode:'siqf3042f4c08e64bde03870371fa2b2de8ab4299076298b6f34bc3b9fe4cd9230a', values:{},ready:function(){}};var d=document;s=d.createElement('script');s.type='text/javascript';s.id='zsiqscript';s.defer=true;s.src='https://salesiq.zoho.com/widget';t=d.getElementsByTagName('script')[0];t.parentNode.insertBefore(s,t);function trackVisitor4886703000017137485(){try{if($zoho){var LDTuvidObj = document.forms['WebToLeads4886703000017137485']['LDTuvid'];if(LDTuvidObj){LDTuvidObj.value = $zoho.salesiq.visitor.uniqueid();}var firstnameObj = document.forms['WebToLeads4886703000017137485']['First Name'];if(firstnameObj){name = firstnameObj.value +' '+name;}$zoho.salesiq.visitor.name(name);var emailObj = document.forms['WebToLeads4886703000017137485']['Email'];if(emailObj){email = emailObj.value;$zoho.salesiq.visitor.email(email);}}} catch(e){}}