Compatibility
Known Compatibilities
JSmol is compatible with:
jQuery 1.9+ Google Charts MathJax (but see below) JSME (JavaScript Molecular Editor JSpecView
Known Incompatibilities
JSmol will create the following global variables and will be incompatible with any package that does likewise:
our object:
Jmol
primary Java-derived package names:
J JM JMB JSV JU JV JW JZ java javajs
used by javajs for communication in relation to dialogs and menus:
SwingController
Java2Script globals:
Clazz ClassLoader ClassLoaderProgressMonitor JavaObject $_A $_AB $_AC $_AD $_AF $_AI $_AL $_AS $_Ab $_B $_C $_D $_E $_F $_G $_H $_I $_J $_K $_L $_M $_N $_O $_P $_Q $_R $_S $_T $_U $_V $_W $_X $_Y $_Z $_k $_s c$ $t$
Note that Java2Script had to be extensively augmented to work with Jmol. Therefore JSmol will be incompatible with other Java2Script applications using the default implementations of Clazz.
MathJax Compatibility Issues
MathJax works by first loading a web page, then, after that is complete, editing the special mark-up on the page to turn those marks into beautiful math expressions. The problem is that both Jmol and MathJax are competing for the page processing after a page is loaded. Fortunately, MathJax was designed with this issue in mind, and there is a way of monitoring its progress. We need to start creating Jmol objects only after MathJax completes its job.
For compatibility with MathJax, make sure you:
1) are using JSmol (JSmol.min.js, not the older Jmol.js)
2) are using dynamic loading of JSmol
-- use $(document).ready() to create all JSmol objects -- no <script> tags that use Jmol.getApplet() within the body
3) set the jQuery $(document).ready event to monitor MathJax loading and only start creating JSmol objects until that is done. For example:
$(document).ready(function(){
loadJmol();
});
loadJmol = function() {
// we are checking evey 10 milliseconds
if (!$("#MathJax_Message")[0] || $('#MathJax_Message:contains("Loading")')[0]) {
setTimeout(loadJmol, 10);
return;
}
var Info = {
width: 300,
height: 300,
debug: false,
color: "0xFFFFFF",
addSelectionOptions: true,
use: "HTML5",
j2sPath: "./j2s",
jarPath: "./java",
jarFile: "JmolAppletSigned.jar",
isSigned: true,
script: "set antialiasDisplay;load $caffeine",
serverURL: "http://chemapps.stolaf.edu/jmol/jsmol/php/jsmol.php",
readyFunction: jmol_isReady,
disableJ2SLoadMonitor: false,
disableInitialConsole: true,
allowJavaScript: true
}
$("#appletplace").html(Jmol.getAppletHtml("jmol", Info));
}
...
<div id="appletplace"></div>
