Ugrađeni obrazac se ne pojavuje u celosti

  • Profile Image
    your_username
    Питано 19. новембар 2020. 06:42

    Ugradio sam kreiran obrazac u svoj sajt, ali se ne prikazuje do kraja. Deo obrasca je isečen na kraju i nije moguće doći do dugmeta za slanje.

    Postoji li rešenje za ovo?

    Hvala

  • Profile Image
    Bojan Support Team Lead
    Одговорено 19. новембар 2020. 06:48

    Pozdrav.

    Ovo se verovatno dešava zato što visina iFrame elementa nije dobro podešena. Ovo je moguće uraditi i ručno.

    Pregledao sam vaš poslednje izmenjen obrazac, i izmenio kod za ugradnju u sledeći:



        <iframe
          id="JotFormIFrame-203196709120047"
          title="Form"
          onload="window.parent.scrollTo(0,0)"
          allowtransparency="true"
          allowfullscreen="true"
          allow="geolocation; microphone; camera"
          src="https://form.jotform.com/203196709120047"
          frameborder="0"
          style="
          min-width: 100%;
          height: 6000px;
          border:none;"

          scrolling="auto"
        >

        </iframe>
        <script type="text/javascript">
          var ifr = document.getElementById("JotFormIFrame-203196709120047");
          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;
              ifr.src += (ifr.src.indexOf("?") > -1 ? "&" : "?") + "isIframeEmbed=1";
            }
          }
          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>

    Visina je promenjena na 600px, i scrolling je podešen na auto, što nije slučaj u originalnu.

    Javite nam da li je ovo rešenje pomoglo.