Would like my Muse site to display the form between the Header and Footer

  • Profile Image
    talen
    Asked on April 29, 2016 at 04:42 AM

    Hi. 

    How can I get this order form to scroll perfectly within a window, so that I can see my top page and bottom page. I use Adobe Muse. (I've placed a picture here where you can see nearly what i wish to do. Is it possible??

    I've used iFrame that I've placed in Muse.:

     

        <iframe

          id="JotFormIFrame"

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

          allowtransparency="true"

          src="https://form.jotformeu.com/60761421462349"

          frameborder="0"

          style="width:100%;

          height:5390px;

          border:px;"

          scrolling=no">

        </iframe>

        <script type="text/javascript">

          window.handleIFrameMessage = function(e) {

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

            var 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;

            }

            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);

          }

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

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

            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;

            }

          }

          </script>

  • Profile Image
    Carina
    Answered on April 29, 2016 at 06:18 AM

    Please try adjusting the height of the mentioned iFrames:

     

    As for now these 2 iFrames have 5922px height this pushes the footer to the end of the form. By adding a smaller height the footer should be displayed upper in the page.

     Let us know if we can assist you further.