Jolecule widgets for your embedding pleasure!

24 Feb 2011 // protein

note: javascript changed on Mar 1st, 2011

This is something I've wanted to do and I've finally got jolecule working as a widget.

EMBED a protein in YOUR OWN BLOG!

If you add the following script, you can stick an interactive javascript view of MYOGLOBIN:

::html
<script type="text/javascript" src="http://jolecule.appspot.com/js/jquery.js"></script>
<script type="text/javascript" src="http://jolecule.appspot.com/js/util.js"></script> 
<script type="text/javascript" src="http://jolecule.appspot.com/js/v3.js"></script> 
<script type="text/javascript" src="http://jolecule.appspot.com/js/protein.js"></script> 
<script type="text/javascript" src="http://jolecule.appspot.com/js/display.js"></script> 
<script type="text/javascript" src="http://jolecule.appspot.com/js/embed.js"></script>  
<link rel="stylesheet" type="text/css" media="screen" href="http://jolecule.appspot.com/embed.css"/> 
<script type="text/javascript" src="http://jolecule.appspot.com/embed/1mbo.js"></script>  
<script> 
  embed_dict = {   
    'pdb_id':'1mbo',   
    'canvas_tag':'imageView',   
    'view_id':'view:h1tsp7',   
    'text_height': 60, } 
</script> 
<div id="imageView" style="width:400px; height:300px;"></div>`

Of course, there's lots more to do, but the basic idea works! And yes I did a marathon session of refactoring to get it working. Now don't go trying to load two in one page. Yet.