Embed in Sharepoint

  • Profile Image
    patyson
    Asked on November 05, 2021 at 12:31 PM

    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" onload="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>

  • Profile Image
    Parker
    Answered on November 05, 2021 at 02:35 PM

    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>