Difference between revisions of "Jmol in Wikis and Blogs"

From Jmol
Jump to navigation Jump to search
(Blogs)
(Google Blogger)
Line 12: Line 12:
 
=== Google Blogger ===
 
=== Google Blogger ===
  
I have blogged some instructions for [http://molecularmodelingbasics.blogspot.com/2009/06/jmol-test.html using Jmol in Google Blogger].  I have found two ways of going it (besides he widget described below).  I think the best way is the one I describe in the comments.  Note that Jmol doesn't show up in Preview, so you have to publish the post to see how it looks. Jan Jensen, 17 November, 2009.
+
I have blogged some instructions for [http://molecularmodelingbasics.blogspot.com/2009/06/jmol-test.html using Jmol in Google Blogger].  I have found two ways of doing it (besides he widget described below).  I think the best way is the one I describe in the comments.  Note that Jmol doesn't show up in Preview, so you have to publish the post to see how it looks. Jan Jensen, 17 November, 2009.
  
 
=== WordPress ===
 
=== WordPress ===

Revision as of 15:46, 17 November 2009

Wikis

Jmol can be embedded in wiki pages using special processors.

You can see a list of wikis that already use Jmol: Wikis Using Jmol.

Blogs

Jmol can be used in blogs, discussion boards and similar environments:

Google Blogger

I have blogged some instructions for using Jmol in Google Blogger. I have found two ways of doing it (besides he widget described below). I think the best way is the one I describe in the comments. Note that Jmol doesn't show up in Preview, so you have to publish the post to see how it looks. Jan Jensen, 17 November, 2009.

WordPress

I have blogged some instructions for using Jmol in Wordpress. There are various ways of doing so, but the one I used enables running fully functional scripts etc. There is one issue however, and that is the need to insert <script src="../Jmol/Jmol.js" type="text/javascript" /> into the style header. This gets over-written every time the instance of WordPress is updated. --Rzepa 13:20, 16 November 2009 (UTC)

MicroJmol

MicroJmol widget by Jeff Moore (Dept. Chemistry, University of Illinois at Urbana-Champaign): A portable version of Jmol viewer that loads the user-provided Jmol-readable file at startup. Used to share 3D structures on blogs, discussion boards and inside of other widgets that use the widgetbox. Instructions or comments can be added to the text field.

Uses this code:

<script src="http://cdn.widgetserver.com/syndication/subscriber/InsertWidget.js"
type="text/javascript">
</script>
<script>
if (WIDGETBOX) WIDGETBOX.renderWidget('ec6af128-5436-4d7b-97c9-7f2f4b528859');
</script>
<noscript>
Get the <a href="http://www.widgetbox.com/widget/microjmol">MicroJmol</a> widget 
and many other <a href="http://www.widgetbox.com/">great free widgets</a> 
at <a href="http://www.widgetbox.com">Widgetbox</a>! 
Not seeing a widget? 
(<a href="http://docs.widgetbox.com/using-widgets/installing-widgets/why-cant-i-see-my-widget/">More info</a>)
</noscript>

And, as a result, this kind of code gets inserted in the page:

<iframe hspace="0" vspace="0" marginheight="0" marginwidth="0" 
src="http://markup.widgetserver.com/syndication/get_widget.html?
  instructions=One%20of%20my%20favorite%20molecules...
  &bgcolor=%2366FFCC
  &Jmol_file=http%3A%2%2Fnetfiles.uiuc.edu%2Fjsmoore%2Fwww%2FJmolpages%2Fcaffeine.xyz
  &widget.appId=4e4d1afb-565c-4d70-9c6e-8c1c8b2894b3
  &widget.regId=56b796d2-1b71-42ae-bcc1-ccc14fab461d
  &widget.friendlyId=microjmol
  &widget.name=MicroJmol
  &widget.token=4ea9b00c1b2c22e17a88ba756153e71526921144000001246889ecdf
  &widget.id=0
  &widget.location=http%3A%2F%2Fwww.widgetbox.com%2Fwidget%2Fmicrojmol
  &widget.timestamp=1255889032432
  &widget.serviceLevel=0
  &widget.provServiceLevel=0
  &widget.instServiceLevel=0
  &widget.width=150
  &widget.height=150
  &widget.wrapper=JAVASCRIPT
  &widget.isAdFriendly=true
  &widget.isAdEnabled=true
  &widget.adChannels=137%3D125x125
  &widget.adPlacement=
  &widget.output=htmlcontent
  " 
border="0" 
id="widgetbox_widget_iframe_0" 
name="widgetbox_widget_iframe_0" 
frameborder="0" 
height="150" 
width="150"
scrolling="no" 
>
</iframe>