<div class="survey-form-page">
    <div class="content">
        <p>Opt out of Survey Emails</p>
        <p>To opt yourself from future survey emails, please complete the form below and choose 'Yes'.</p>
    </div>

    <form name="ProfileForm" onsubmit="return CheckInputs();" action="https://link.info.thefa.com/u/register.php" method="get">
        <input type="hidden" name="CID" value="789193440" /><input type="hidden" name="SID" value="" /><input type="hidden" name="UID" value="" /><input type="hidden" name="f" value="1873" /><input type="hidden" name="p" value="2" /><input type="hidden" name="a" value="r" /><input type="hidden" name="el" value="" /><input type="hidden" name="llid" value="" /><input type="hidden" name="c" value="" /><input type="hidden" name="counted" value="" /><input type="hidden" name="RID" value="" /><input type="hidden" name="mailnow" value="" />Email:<input type="text" name="inp_3" maxlength="255" value="" /><br />
        Survey Opt Out:<select name="inp_23870" size="1">
            <option value=""></option>
            <option value="1">Yes</option>
        </select><br />
        <input aria-label="Submit" tabindex="993" type="button" onclick="javascript:SubmitIt()" name="submit1" value="Submit" />
    </form>

    <script language="javascript">
        function onbeforesubmit() {
            return true;
        }
    </script>
    <script language="javascript">
        var error;
        var form_lanuage = "en";

        function is_3_valid(input) {
            if (input == "") {
                error += "Email: missing data!\n";
                return false;
            }
            return true;
        }

        function CheckInputs() {
            var check_ok = true;
            error = "Wrong input!\n";
            check_ok = is_3_valid(document.ProfileForm.inp_3.value) && check_ok;
            if (check_ok == false) alert(error);
            return check_ok;
        }
        //-->
    </script>

    <script language="javascript">
        function SubmitIt() {
            if (CheckInputs() == true) {
                if (window.onbeforesubmit) onbeforesubmit();
                document.ProfileForm.submit();
            }
        }

        function MailIt() {
            if (CheckInputs()) {
                if (
                    document.ProfileForm.subject.value == "" ||
                    document.ProfileForm.msg.value == ""
                )
                    alert("Bitte f\u00fcr Sie die Nachrichtenfelder aus!");
                else document.ProfileForm.submit();
            }
        }

        function FieldWithName(frm, fieldname, numofield) {
            if (!numofield) numofield = 0;
            field_count = 0;
            for (i = 0; i < frm.elements.length; ++i) {
                if (frm.elements[i].name == fieldname) {
                    if (field_count == numofield) return frm.elements[i];
                    else field_count++;
                }
            }
        }

        function NumChecked(frm, fieldname) {
            var count = 0;
            for (i = 0; i < frm.elements.length; ++i) {
                if (
                    frm.elements[i].name == fieldname &&
                    frm.elements[i].checked == true
                )
                    ++count;
            }
            return count;
        }

        function NumSel(field) {
            var count = 0;
            for (i = 0; i < field.length; ++i)
                if (field[i].selected == true) ++count;
            return count;
        }
    </script>

    <script language="javascript">
        var multiFields = new Array();
        var dateFields = new Array();
        multiFields["interest[]"] = "interest";
        multiFields["optin"] = "optin";
        var arr_interest = new Array();
    </script>

    <script language="javascript" src="https://link.info.thefa.com/u/nprefill.js" type="text/javascript"></script>

</div>

No notes defined.

/* No context defined. */
  • Content:
    .survey-form-page {
      font-family: $ef-font !important;
      font-size: 1.5rem;
      display: flex;
      align-items: center;
      flex-direction: column;
      padding: 4rem 0;
      row-gap: 1rem;
      min-height: 70vh;
    
      img {
        max-width: 16rem;
        width: 100%;
      }
    
      input,
      select {
        margin-bottom: 1rem;
      }
    
      .content {
        display: flex;
        flex-direction: column;
        row-gap: 1.5rem;
        align-items: center;
        justify-content: center;
        margin-bottom: 2rem;
    
        p:nth-of-type(1) {
          font-size: 3rem;
          letter-spacing: 0.03rem;
        }
    
        p:nth-of-type(2) {
          width: 100%;
          max-width: 28rem;
          text-align: center;
          line-height: 2rem;
          letter-spacing: 0.02em;
        }
      }
    }
    
  • URL: /components/raw/survey-form-page/survey-form-page.scss
  • Filesystem Path: src/library/pages/survey-form-page/survey-form-page.scss
  • Size: 748 Bytes
<div class="survey-form-page">
  <div class="content">
    <p>Opt out of Survey Emails</p>
    <p>To opt yourself from future survey emails, please complete the form below and choose 'Yes'.</p>
  </div>

  <form name="ProfileForm" onsubmit="return CheckInputs();" action="https://link.info.thefa.com/u/register.php"
    method="get">
    <input type="hidden" name="CID" value="789193440" /><input type="hidden" name="SID" value="" /><input type="hidden"
      name="UID" value="" /><input type="hidden" name="f" value="1873" /><input type="hidden" name="p"
      value="2" /><input type="hidden" name="a" value="r" /><input type="hidden" name="el" value="" /><input
      type="hidden" name="llid" value="" /><input type="hidden" name="c" value="" /><input type="hidden" name="counted"
      value="" /><input type="hidden" name="RID" value="" /><input type="hidden" name="mailnow" value="" />Email:<input
      type="text" name="inp_3" maxlength="255" value="" /><br />
    Survey Opt Out:<select name="inp_23870" size="1">
      <option value=""></option>
      <option value="1">Yes</option>
    </select><br />
    <input aria-label="Submit" tabindex="993" type="button" onclick="javascript:SubmitIt()" name="submit1"
      value="Submit" />
  </form>

  <script language="javascript">
    function onbeforesubmit() {
      return true;
    }
  </script>
  <script language="javascript">
    var error;
    var form_lanuage = "en";
    function is_3_valid(input) {
      if (input == "") {
        error += "Email: missing data!\n";
        return false;
      }

      return true;
    }

    function CheckInputs() {
      var check_ok = true;
      error = "Wrong input!\n";
      check_ok = is_3_valid(document.ProfileForm.inp_3.value) && check_ok;
      if (check_ok == false) alert(error);
      return check_ok;
    }
      //-->
  </script>

  <script language="javascript">
    function SubmitIt() {
      if (CheckInputs() == true) {
        if (window.onbeforesubmit) onbeforesubmit();
        document.ProfileForm.submit();
      }
    }

    function MailIt() {
      if (CheckInputs()) {
        if (
          document.ProfileForm.subject.value == "" ||
          document.ProfileForm.msg.value == ""
        )
          alert("Bitte f\u00fcr Sie die Nachrichtenfelder aus!");
        else document.ProfileForm.submit();
      }
    }

    function FieldWithName(frm, fieldname, numofield) {
      if (!numofield) numofield = 0;
      field_count = 0;
      for (i = 0; i < frm.elements.length; ++i) {
        if (frm.elements[i].name == fieldname) {
          if (field_count == numofield) return frm.elements[i];
          else field_count++;
        }
      }
    }
    function NumChecked(frm, fieldname) {
      var count = 0;
      for (i = 0; i < frm.elements.length; ++i) {
        if (
          frm.elements[i].name == fieldname &&
          frm.elements[i].checked == true
        )
          ++count;
      }
      return count;
    }
    function NumSel(field) {
      var count = 0;
      for (i = 0; i < field.length; ++i)
        if (field[i].selected == true) ++count;
      return count;
    }
  </script>

  <script language="javascript">
    var multiFields = new Array();
    var dateFields = new Array();
    multiFields["interest[]"] = "interest";
    multiFields["optin"] = "optin";
    var arr_interest = new Array();
  </script>

  <script language="javascript" src="https://link.info.thefa.com/u/nprefill.js" type="text/javascript"></script>

</div>
  • Handle: @survey-form-page
  • Preview:
  • Filesystem Path: src/library/pages/survey-form-page/survey-form-page.hbs