iFrame Coding issue
Dec 12, 2019
Hi All,
I'm trying to upload some iframe code into a Rise lecturecast and keep getting an error message.
I have tried both a long code and short code in both Embed and Code Snippet features but have had no luck with either?
Would anyone in the Articulate Community have any ideas?
This is the long code:
<iframe
id="JotFormIFrame-93233974928369"
title="Lecturecast Feedback"
onload="window.parent.scrollTo(0,0)"
allowtransparency="true"
allowfullscreen="true"
allow="geolocation; microphone; camera"
src="https://form.jotformeu.com/KOLTEL/lecturecast-feedback"
frameborder="0"
style="
min-width: 100%;
height:539px;
border:none;"
scrolling="no"
>
</iframe>
<script type="text/javascript">
var ifr = document.getElementById("JotFormIFrame-93233974928369");
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>
An this is the short code:
<iframe "src="https://form.jotformeu.com/KOLTEL/lecturecast-feedback" id="JotFormIFrame-93233974928369" title="Lecturecast Feedback"> </iframe>
Many thanks in advance if you can assist?
Sarah
3 Replies
You cannot use a Code Snippet block for this.
A Code Snippet block is intended to show code but not execute it, i.e. you were creating a coding course and needed to show an example.
Hi Sarah!
You were on the right track with using the Multimedia Embed block. You just need a few tweaks to your iFrame code. Try this one:
<iframe src="https://form.jotformeu.com/KOLTEL/lecturecast-feedback"></iframe>
Let me know if that works for you!
As Karl says. Also the iframe is only going to accept the iframe and not the javascript
This discussion is closed. You can start a new discussion or contact Articulate Support.