Embed in Sharepoint

Hi,

I followed the support request as shown in "Doesnt' seem to work with the new version of Sharepoint."

But when I try the code that's in that thread I get the error "cdn.jotfor.ms refused to connect."

Any ideas.

My code is...

<iframe id="JotFormIFrame-212734170611042" title="Aquatic Resources Centre Study Request Form" onDISABLEDload="window.parent.scrollTo(0,0)" allowtransparency="true" allowfullscreen="true" allow="geolocation; microphone; camera" src="https://form.jotform.com/212734170611042

   frameborder=" 0"="" width="100%" height="100%" style="

   min-width: 100%;

   height:100%;

   border:none;" scrolling="no">

  </iframe>

  <script type="text/javascript">

   var ifr = document.getElementById("JotFormIFrame-212734170611042");

   if(window.location.href && window.location.href.indexOf("?") > -1) {

    var get = window.location.href.substr(window.location.href.indexOf("?") + 1);

    if(ifr && get.length > 0) {

     var src = ifr.src;

     src = src.indexOf("?") > -1 ? src + "&" + get : src + "?" + get;

     ifr.src = src;

    }

   }

   window.handleIFrameMessage = function(e) {

    if (typeof e.data === 'object') { return; }

    var args = e.data.split(":");

    if (args.length > 2) { iframe = document.getElementById("JotFormIFrame-" + args[(args.length - 1)]); } else { iframe = document.getElementById("JotFormIFrame"); }

    if (!iframe) { return; }

    switch (args[0]) {

     case "scrollIntoView":

      iframe.scrollIntoView();

      break;

     case "setHeight":

      iframe.style.height = args[1] + "px";

      break;

     case "collapseErrorPage":

      if (iframe.clientHeight > window.innerHeight) {

       iframe.style.height = window.innerHeight + "px";

      }

      break;

     case "reloadPage":

      window.location.reload();

      break;

     case "loadScript":

      var src = args[1];

      if (args.length > 3) {

        src = args[1] + ':' + args[2];

      }

      var script = document.createElement('script');

      script.src = src;

      script.type = 'text/javascript';

      document.body.appendChild(script);

      break;

     case "exitFullscreen":

      if   (window.document.exitFullscreen)    window.document.exitFullscreen();

      else if (window.document.mozCancelFullScreen)  window.document.mozCancelFullScreen();

      else if (window.document.mozCancelFullscreen)  window.document.mozCancelFullScreen();

      else if (window.document.webkitExitFullscreen) window.document.webkitExitFullscreen();

      else if (window.document.msExitFullscreen)   window.document.msExitFullscreen();

      break;

    }

    var isJotForm = (e.origin.indexOf("jotform") > -1) ? true : false;

    if(isJotForm && "contentWindow" in iframe && "postMessage" in iframe.contentWindow) {

     var urls = {"docurl":encodeURIComponent(document.URL),"referrer":encodeURIComponent(document.referrer)};

     iframe.contentWindow.postMessage(JSON.stringify({"type":"urls","value":urls}), "*");

    }

   };

   if (window.addEventListener) {

    window.addEventListener("message", handleIFrameMessage, false);

   } else if (window.attachEvent) {

    window.attachEvent("onmessage", handleIFrameMessage);

   }

   </script>

Hello,

Please try using only the iframe without the script and seeing if this works.

<iframe

    id="JotFormIFrame-212734170611042"

    title="Aquatic Resources Centre Study Request Form"

    onload="window.parent.scrollTo(0,0)"

    allowtransparency="true"

    allowfullscreen="true"

    allow="geolocation; microphone; camera"

    src="https://form.jotform.com/212734170611042"

    frameborder="0"

    style="

    min-width: 100%;

    height:100%;

    border:none;"

    scrolling="yes"

  >

</iframe>