Popup form conflicting since I changed to https

I have just changed to https from http with my site. The popup message is now stopping two other elements from working since I changed. 

This shows the slider and the orange banner at the bottom.

This is the popup form working but not the slider or the banner message at the bottom.

 

This is the code for the form:

<script src="https://form.jotformeu.com/static/feedback2.js?3.3.REV" type="text/javascript">   

    

    

 

    function setCookie(cname, cvalue) {

        document.cookie = cname+"="+cvalue+"; ";

      }

 

      function getCookie(cname) {

          var name = cname + "=";

          var ca = document.cookie.split(';');

          for(var i = 0; i < ca.length; i++) {

              var c = ca[i];

              while (c.charAt(0) == ' ') {

                  c = c.substring(1);

              }

              if (c.indexOf(name) == 0) {

                  return c.substring(name.length, c.length);

              }

          }

          return "";

      }

 

      function checkCookie() {

          var user = getCookie("username");

          if (user == "visited") {

              

              

              

          } else {

 

            /*Place the JotForm Lightbox embed code here*/

                var JFL_61524760719358 = 

                new JotformFeedback({ 

                formId: '61524760719358',

                base: 'https://form.jotformeu.com/',

                windowTitle: 'Book Me a Free Survey',

                background: '#FFA500',

                fontColor: '#FFFFFF',

                type: '1', height: 700,

                width: 300,

                openOnLoad: false

                });

 

 

                  setCookie("username", "visited");

          }

      }

 

    checkCookie();

      

    </script>

 

      <!-- Edit the anchor link element by adding an id attribute 'lightbox' and setting its display to none -->

      <a id="lightboxdelay" class="btn lightbox-61524760719358" style="margin-top: 16px;display:none;">

        Book me a Free Survey

      </a>

 

      <!-- This is the script to make a 10 second delay, you can adjust the seconds here -->

      <script language="JavaScript">

          var delayseconds = 15;

              function pause() {

              myTimer = setTimeout('whatToDo()', delayseconds * 1000)

              }

             function whatToDo() {

                document.getElementById('lightboxdelay').click();

              }

          window.onload = pause;

      </script>

 

They won't work together?

Can you help?

 

Thanks

Damian

Would you mind trying the default Lightbox script, without any modifications? See if that works. You seem to have modified the script and I think that's causing the problem in the page. Please try it and let us know if the issue persists.

Sure, I'll have to try tomorrow, in the UK