Help with Iframe in Snap!

[starbox614]

I'm trying to make a Snap! project that creates an iframe to another Snap! project in the Snap! window.

unfortunately it gives a bunch of weird javascript errors in the console.

can anyone help?

project link

[ego-lay_atman-bay]

Well first, you can't put an iframe in a canvas (that's the id="world" element), so instead of appendChild, do after (it adds the iframe after the world element).

Second, why do you want to do this?

[starbox614]

Thanks! that works!

as for why I want this, I'm thinking about trying to use it in an OS simulator as a way to run applications.

[coder_07]

what's wrong with scenes? or just running the apps in one scene even?

[starbox614]

the apps are seperate Snap! projects, so they can't run in the same scene, and you can't import them as seperate scenes without using the Snap! api, which isn't allowed, or opening the project in iframe or popup window, and if I'm going to open it in an iframe anyway, I want to try to do it this way.

tl;dr

IDK I just think this method is cool, since all the methods require JS anyway.

[ego-lay_atman-bay]

@starbox614

you can't import them as seperate scenes without using the Snap*!* api

Actually you can. Just save the project to your account, then file > Add scene... then select the project.

[starbox614]

yes, that works too, but I meant programmatically.

[ego-lay_atman-bay]

You don't have to mess with the api either. If you're using javascript, you can just add a scene (now, grabbing a snap project might be accessing the api, but if you're just grabbing a project, I don't think it would detect you as "hacking", or at least if you do it the same way snap does internally).

[starbox614]

Accessing the SnapCloud In a Snap! project will get you permanently banned

Folks, please do not attempt to access the SnapCloud in your Snap projects. We've taken some measure to prevent that, and some of you seem to regard this as some kind of technical challenge or contest to set up your own proxy server or to otherwise obfuscate your queries. The reason we don't want you to do that is to protect this community so that Snap! is allowed to be used in schools. By keeping us busy with looking after your more or less inventive ways to break our rules you are causing me w…

pretty sure you're not allowed to grab projects like that

[ego-lay_atman-bay]

Then I'd also assume creating iframes in a project is also not allowed.

[starbox614]

maybe...

but in the case of iframes Im not really accessing the Snap! cloud, Im letting Snap! do that itself.

Im not 100% sure on that though

[mr_owlssssnap2]

can you share the js code you're using (that works) please?

[starbox614]

the project link is in the main post

The code anyway just for fun

let iframe = document.createElement("iframe")
iframe.setAttribute("width",480)
iframe.setAttribute("height",390)
iframe.setAttribute("frameBorder",0)
iframe.setAttribute("allowfullscreen",true)
iframe.setAttribute("allow", "geolocation; microphone;camera")
iframe.setAttribute("style","position:relative; top:100px; left:200px; z-index:50;")
iframe.setAttribute("src","https:\/\/snap.berkeley.edu\/embed?projectname=javascript%20external%20tester&username=starbox614&showTitle=true&pauseButton=true")
let thingone = document.getElementById("world")
thingone.after(iframe)

[mr_owlssssnap2]

im gonna try and make it draggable, but this is pretty freaking cool