%%html
<div class="JS9Menubar"></div>
<div class="JS9" id="JS9"></div>
<style>
@import("//js9.si.edu/js9/js9support.css");
@import("//js9.si.edu/js9/js9.css");
</style>
With the DOM nodes created, we can try to load js9... requirejs
is how the notebook loads content, and we're going to hotlink the example assets (which you shouldn't do for reals).
%%html
<script>
requirejs({
paths: {
js9: "//js9.si.edu/js9/js9",
js9support: "//js9.si.edu/js9/js9support.min",
js9plugins: "//js9.si.edu/js9/js9plugins"
},
shim: {
js9plugins: {
deps: ["js9"]
},
js9: {
deps: ["js9support"],
exports: "JS9"
}
}
}, [
"js9",
// drop these silently... we just need them for the call graph
"js9plugins"
], function(JS9){
// the timeout is needed because there are some assumptions about load order and timing
setTimeout(function(){
JS9.Load("http://js9.si.edu/js9/png/casa.png");
}, 1000);
})
</script>
In addition to the alert()
about not being able to load data, the errors I am seeing:
JS9 prefs file not available: js9Prefs.json
socket.io
, which is unsurprising