pass a variable to a 3rd party iframe

I am being told by jotform I need some java script like this:

<script type="text/javascript">

  var variable1 = "{{Password_Input__c}}";

</script>

The code in the iframe looks like this:

 <iframe

   id="JotFormIFrame-202028584502045"

   title="New Member"

    iframeParameters: {

      'typeA53': variable1

    },

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

   allowtransparency="true"

   allowfullscreen="true"

   allow="geolocation; microphone; camera"

      src="https://form.jotform.com/202028584502045?typeA53=variable1"

   frameborder="0"

   style="

   min-width: 100%;

   height:539px;

   border:none;"

   scrolling="no"

  >

  </iframe>

  <script type="text/javascript">

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

   if (ifr) {

    var src = ifr.src;

    var iframeParams = [];

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

     iframeParams = iframeParams.concat(window.location.href.substr(window.location.href.indexOf("?") + 1).split('&'));

    }

    if (src && src.indexOf("?") > -1) {

     iframeParams = iframeParams.concat(src.substr(src.indexOf("?") + 1).split("&"));

     src = src.substr(0, src.indexOf("?"))

    }

    iframeParams.push("isIframeEmbed=1");

    ifr.src = src + "?" + iframeParams.join('&');

   }

   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>


Would the Java script be in:

Generic JS

Generic JS Snippet

Custom Formula

Or is there an easier way to convert the {{Password_Input__c}} to variable1

Best Answer

Sign In or Register to comment.

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!