Jmol.js Javascriptライブラリについて

JSmolにおけるJmol2.js Javascriptライブラリの利用

アダプター・ライブラリのJmol2.jsを利用することにより、最小限の修正で、既存のJmol用のHTMLファイルをJSmolで利用することができます。ただし、JSmolのすべての機能を利用できる訳ではない点に注意してください。

WebページへのJSOの挿入、HTMLやCSSレイアウトの制御 及び下図に示すような、JSOをWebページ上で対話的に操作するためのコントロール（ボタン、ラジオボタン、チェックボックス等）の作成などを行うことができます。

コントロール

サーバ上のファイル構成

サーバ上のディレクトリ構成は次のようにします。

|-- sample.html
|-- js
|-- j2s
|-- idioma

※　idiomaには、多言語対応の言語ファイルが入っています。英語のみを使用する場合は不要です。

Javascript ライブラリファイルの指定

＃ Javascript ライブラリファイルの指定
<script src="JSmol.min.js" type="text/javascript"></script>
<script src="js/Jmol2.js" type="text/javascript"></script>

※　JQueryを使用している場合は、JSmol.min.jsの代わりにJSmol.min.nojq.jsを使用します。

＃ JQueryを使用している場合のJavascript ライブラリファイルの指定
<script src="jquery/jquery.min.js" type="text/javascript"></script>
<script src="JSmol.min.nojq.js" type="text/javascript"></script>
<script src="js/Jmol2.js" type="text/javascript"></script>

Jmol.js Javascriptライブラリに含まれる主な関数の説明

Jmol.jsの主要な関数の使い方について、日本語による簡単な説明を試みました。

ここでは説明されていないスクリプトやオプションの詳細については、
Jmol.js JavaScript Library　http://jmol.sourceforge.net/jslibrary/　を参照してください。

記述に当たっては、参考文献に挙げたWebサイト及び書籍を参考にさせていただきました。

参考文献

Return