This post is to experiment with embedding jbrowse in another page (Drupal for the moment, but the plan is to put it elsewhere when I get it working).

Note that I'm going to be pointing it at a temporary server, so if you come across this post after I've sorted it all out, there may be nothing here. Sorry.

The javascript that does the inserting is fairly straightforward. A simple div has it's contents replaced, like this:

<div id="jbrowse_new_div" class="jbrowse-view-iframe" style="width:100%;height:400px;background-color:#fff;resize: vertical;overflow: auto;" onrsize="resizeJBrowse();">Hmm, jbrowse failed to load :-(

<script type="text/javascript">
  document.getElementById("jbrowse_new_div").innerHTML='<object id="innerJBrowse" type="text/html" style="width:100%;height:400px;overflow: auto;" data="https://staging.wormbase.org/tools/genome/jbrowse-simple/full.html?loc=III%3A4267662..4289661&overview=0&tracks=Curated_Genes%2CClassical_alleles%2CYACs_Fosmids_Cosmids&data=data%2Fc_elegans_simple&nav=0&tracklist=0" ></object>';
</script>

resize