communications.calix.com Open in urlscan Pro
3.92.120.28  Public Scan

Form analysis
1 forms found in the DOM

POST /unsubscribe?hash=a8f5edc35a2bc7637d2a62086889d9b0&account_id=2172&email_id=1540761648&unsubscribe_confirm=true

<form accept-charset="UTF-8" method="post" action="/unsubscribe?hash=a8f5edc35a2bc7637d2a62086889d9b0&amp;account_id=2172&amp;email_id=1540761648&amp;unsubscribe_confirm=true" class="form" id="pardot-form">
  <div class="formHeader">
    <p>Confirm you would like to unsubscribe from communications</p>
    <p>Are you sure you want to unsubscribe?</p>
    <div class="container">
      <div class="formFieldContainer">
      </div>
      <p style="position:absolute; width:190px; left:-9999px; top: -9999px;visibility:hidden;">
        <label for="pi_extra_field">Comments</label>
        <input type="text" name="pi_extra_field" id="pi_extra_field">
      </p>
      <!-- forces IE5-8 to correctly submit UTF8 content  -->
      <input name="_utf8" type="hidden" value="☃">
      <p class="submit">
        <input type="submit" accesskey="s" class="submitButton" value="Yes, Unsubscribe">
      </p>
      <script>
        dataLayer.push({
          'event': 'formView',
          'formName': document.forms[0].name,
          'CM_formView': 1
        });
        // Pardot Form Defaults
        document.querySelector(".get-form-name input").value = document.querySelector('#pardot-form').name;
        document.querySelector(".get-lead-source input").value = 'Calix.com web forms (via Pardot)';
      </script>
      <script type="text/javascript">
        //<![CDATA[
        var anchors = document.getElementsByTagName("a");
        for (var i = 0; i < anchors.length; i++) {
          var anchor = anchors[i];
          if (anchor.getAttribute("href") && !anchor.getAttribute("target")) {
            anchor.target = "_top";
          }
        }
        //]]>
      </script>
    </div>
    <div class="footer">
      <div class="footerContainer clearfix">
        <div class="logo">
          <a href="https://www.calix.com/">
<img src="https://www.calix.com/content/dam/calix/images/global/calix_logo_footer.png">

</a>
        </div>
        <div class="colophon">
          <div class="links">
            <a href="https://www.calix.com/" class="copyright">© Calix | All Rights

Reserved</a>
            <a href="https://www.calix.com/content/calix/en/site-prod/home/pages/terms-of-
use-public.html">Terms of Use</a>
            <a href="https://www.calix.com/content/calix/en/site-prod/home/pages/privacy-
policy.html">Privacy Policy</a>
          </div>
          <div class="social">
            <a href="http://www.twitter.com/TheCalixNetwork">
<i class="fa fa-twitter"></i>
</a>
            <a href="http://www.facebook.com">
<i class="fa fa-facebook"></i>
</a>
            <a href="https://www.youtube.com/user/CalixNews">
<i class="fa fa-youtube"></i>
</a>
            <a href="https://www.linkedin.com/company/calix">
<i class="fa fa-linkedin"></i>
</a>
          </div>
        </div>
      </div>
      <script type="text/javascript">
        function unsubAll() {
          let checkedRadioButtons = document.querySelectorAll('input[type="radio"]:checked');
          let yesRadioButtons = [];
          for (let i = 0; i < checkedRadioButtons.length; i++) {
            if (checkedRadioButtons[i].labels[0].textContent == "Yes") {
              yesRadioButtons.push(checkedRadioButtons[i]);
            }
          }
          for (let i = 0; i < yesRadioButtons.length; i++) {
            let buttonName = yesRadioButtons[i].name;
            let radioButtons = document.querySelectorAll('[name="' + buttonName + '"]');
            /* Flips each selection to "No" */
            radioButtons[1].checked = true;
          }
        }
        /* Move over Industry Preference */
        let industryPref = document.querySelector('.pref_Industry_and_Regulatory_News');
        let spacerDiv = document.createElement('div');
        spacerDiv.classList.add('form-field');
        spacerDiv.classList.add('formField');
        industryPref.parentNode.insertBefore(spacerDiv, industryPref);
        /* Page description text */
        let generalDescriptionTextDiv = document.createElement('div');
        generalDescriptionTextDiv.classList.add('genDescription');
        generalDescriptionTextDiv.classList.add('wideFormField');
        /* General description here */
        generalDescriptionTextDiv.innerHTML = "Calix wants to keep our customers informed
        about news and announcements we have to share.It 's up to you how much you want to hear
        from us.Please select the types of emails you would like to receive from Calix.
        ";
        let defaultHr = document.createElement('HR');
        defaultHr.classList.add('defaultHr');
        defaultHr.classList.add('wideFormField');
        /* Create non-user section */
        let defaultSection = document.createElement('div');
        defaultSection.classList.add('sectionHeader');
        /* Section description here */
        defaultSection.innerHTML = '<span class="pref-header"><b>Yes, I would like to receive: < /b><div class="headerDescription">(Yes to opt-in)</div > < /span>';
        /* Place it on page - Selector is located on the Newsletters option of the Form - */
        let newsletterOption = document.querySelector('.generalDescriptionText');
        newsletterOption.parentNode.insertBefore(generalDescriptionTextDiv, newsletterOption);
        newsletterOption.parentNode.insertBefore(defaultHr, newsletterOption);
        newsletterOption.parentNode.insertBefore(defaultSection, newsletterOption);
        /* Create user section - Selector is located on the Calix Cloud option of the Form - */
        let calixOption = document.querySelector('.bulletinsText');
        let calixSection = document.createElement('div');
        let calixHr = document.createElement('HR');
        if (calixOption) {
          /* Place it on page */
          calixHr.classList.add('wideFormField');
          calixSection.classList.add('sectionHeader');
          /* Section description here */
          calixSection.innerHTML = '<span class="pref-header"><b>Bulletins</b><div
          class = "headerDescription" > Calix occasionally sends bulletins to notify customers about product - related or operational issues.Bulletin types include: Customer Advisory Bulletins(announcements or product changes);
          Service Bulletins(alerts
            for potential service - affecting issues);
          Quick Tips(guidance and best practices).Get all types
          for each selection you opt in to. < /div></span > ';
          calixOption.parentNode.insertBefore(calixHr, calixOption);
          calixOption.parentNode.insertBefore(calixSection, calixOption);
        }
        /* Create Global unsub section */
        let unsubBox = document.querySelector('.unsubText');
        let unsubSection = document.createElement('div');
        let unsubHr = document.createElement('HR');
        unsubHr.classList.add('wideFormField');
        unsubSection.classList.add('unsubHeader');
        unsubSection.classList.add('sectionHeader');
        /* Section description here */
        unsubSection.innerHTML = '<span class="pref-header"></span>';
        unsubBox.parentNode.insertBefore(unsubHr, unsubBox);
        unsubBox.parentNode.insertBefore(unsubSection, unsubBox);
        /* Create unsub section wrapper */
        let unsubContainer = document.createElement('div');
        unsubContainer.classList.add('sectionContainer');
        unsubSection.parentNode.insertBefore(unsubContainer, unsubSection);
        /* Create unsub checkbox wrapper, this places the checkbox on the right side of page */
        let unsubBoxContainer = document.createElement('div');
        unsubBoxContainer.classList.add('formFieldContainer');
        unsubBoxContainer.classList.add('unsubTextBox');
        unsubBox.parentNode.insertBefore(unsubBoxContainer, unsubBox);
        unsubBox.addEventListener("click", unsubAll);
        /* Re-arrange page layout for desired look */
        unsubBoxContainer.append(unsubBox);
        unsubContainer.append(unsubSection);
        unsubContainer.append(unsubBoxContainer);
        /* Create non-user section wrapper */
        let defaultContainer = document.createElement('div');
        defaultContainer.classList.add('sectionContainer');
        defaultSection.parentNode.insertBefore(defaultContainer, defaultSection);
        /* Create non-user preference wrapper, this places the preferences on the right side of
        page */
        let defaultPrefContainer = document.createElement('div');
        defaultPrefContainer.classList.add('formFieldContainer');
        defaultPrefContainer.classList.add('defaultPrefs');
        newsletterOption.parentNode.insertBefore(defaultPrefContainer, newsletterOption);
        if (calixOption) {
          let defaultStartIndex = [...newsletterOption.parentNode.childNodes].indexOf(newsletterOption);
          let defaultEndIndex = [...newsletterOption.parentNode.childNodes].indexOf(calixHr);
          let defaultPrefChildren = [];
          let calixPrefChildren = [];
          /* Create user section wrapper */
          let calixContainer = document.createElement('div');
          calixContainer.classList.add('sectionContainer');
          calixSection.parentNode.insertBefore(calixContainer, calixSection);
          /* Create user preference wrapper, this places the preferences on the right side of page
           */
          let calixPrefContainer = document.createElement('div');
          calixPrefContainer.classList.add('formFieldContainer');
          calixSection.parentNode.insertBefore(calixPrefContainer, calixSection);
          for (let i = defaultStartIndex; i < defaultEndIndex; i++) {
            defaultPrefChildren.push([...newsletterOption.parentNode.childNodes][i]);
          }
          /* Re-parent the non-user preferences to the preference wrapper */
          for (let i = 0; i < defaultPrefChildren.length; i++) {
            defaultPrefContainer.append(defaultPrefChildren[i]);
          }
          let calixStartIndex = [...calixOption.parentNode.childNodes].indexOf(calixSection);
          let calixEndIndex = [...calixOption.parentNode.childNodes].indexOf(unsubHr);
          for (let i = calixStartIndex; i < calixEndIndex; i++) {
            calixPrefChildren.push([...calixOption.parentNode.childNodes][i]);
          }
          /* Re-parent the user preferences to the preference wrapper */
          for (let i = 0; i < calixPrefChildren.length; i++) {
            calixPrefContainer.append(calixPrefChildren[i]);
          }
          /* Add the new sections to the page */
          calixContainer.append(calixSection);
          calixContainer.append(calixPrefContainer);
          defaultContainer.append(defaultSection);
          defaultContainer.append(defaultPrefContainer);
        } else {
          let defaultStartIndex = [...newsletterOption.parentNode.childNodes].indexOf(newsletterOption);
          let defaultEndIndex = [...newsletterOption.parentNode.childNodes].indexOf(unsubHr);
          let defaultPrefChildren = [];
          for (let i = defaultStartIndex; i < defaultEndIndex; i++) {
            defaultPrefChildren.push([...newsletterOption.parentNode.childNodes][i]);
          }
          /* Re-parent the non-user preferences to the preference wrapper */
          for (let i = 0; i < defaultPrefChildren.length; i++) {
            defaultPrefContainer.append(defaultPrefChildren[i]);
          }
          /* Add the new sections to the page */
          defaultContainer.append(defaultSection);
          defaultContainer.append(defaultPrefContainer);
        }
      </script>
    </div>
  </div>
</form>

Text Content

Confirm you would like to unsubscribe from communications

Are you sure you want to unsubscribe?

Comments



© Calix | All Rights Reserved Terms of Use Privacy Policy