SST Lab Dokuwiki Header
内容へ移動
@surface
ユーザ用ツール
ログイン
サイト用ツール
検索
ツール
文書の表示
以前のリビジョン
バックリンク
最近の変更
メディアマネージャー
サイトマップ
ログイン
>
最近の変更
メディアマネージャー
サイトマップ
トレース:
misc:jmolテスト
この文書は読取専用です。文書のソースを閲覧することは可能ですが、変更はできません。もし変更したい場合は管理者に連絡してください。
====== Tips and Chips ====== ===== jmolテスト ===== // Thu, 24 Dec 2009 06:28:00 +0000 // <code html> <div class="jmol" id="sample_applet"> <img src="wp-content/uploads/2009/12/ordered.png" onLoad="insertJmol('sample_applet',400,400,'uploads/2009/12/ordered.xyz')" alt="In/Si(111)4x1-8x2"/> </div> </code> [[http://www.openscience.org/|The OpenScience project]]のサイトを参考にjmolアプレットを仕込んでみた。サンプルはSb吸着Si(111)表面の4x1構造と8x2構造の間の原子位置の変遷をアニメーションにしたもの。ただし、現実には、こんな風に動くことは絶対にありません。リアルなアニメーションはどこかの研究会でお見せできるでしょう。マウスでグリグリ動かしたり、拡大したり、アニメーションしたりできる。是非、いろいろ遊んでみて。(ヒント:マウスの右ボタンとホイール)<!--more--> **!!!警告!!!** * jmolアプレットを使う投稿記事を編集する際には、投稿編集画面で決して「ビジュアル」モードにしてはならない。必ずHTMLモードで編集し保存すること。 ==== 手順 ==== - jmolアプレットJmolApplet.jarに相対パスwp-content/jmol/JmolApplet.jarでアクセスできるようにjmolのアーカイブを解凍し、移動させ、適当にシンボリックリンクを張ったりなんかする。\\ \\ - テーマファイルのheader.phpに<code> <script type="text/javascript"> <!-- function insertJmol(me,width,height,myMolecule) { document.getElementById(me).innerHTML = '<applet width="' +width+'" height="'+height+ '" code="JmolApplet" archive="wp-content/jmol/JmolApplet.jar">' +'<param name="progressbar" value="true">' +'<param name="load" value="wp-content/' +myMolecule+'">'; } //--> </script> </code>を付け加える。 - xyzファイルやpdbファイルを画像ファイルや書庫ファイルなどと同じようにアップロードできるようにwp-includes/functions.phpを<code> function wp_ext2type( $ext ) { ... - 'text' => array('txt'), + 'text' => array('txt', 'text', 'pdb', 'xyz', 'cube'), ... function get_allowed_mime_types() { ... + 'text|pdb|xyz|cube' => 'text/plain', </code>のように編集する。 - ダミーの画像ファイル(ここではordered.png)とjmolに表示させるファイル(ここではordered.xyz)をアップロードしサーバー上での相対パス名を確認する。\\ \\ - 以下のような"jmol" classのdivエレメントを記入する。<code html> <div id="sample_applet" class="jmol"> <img src="wp-content/uploads/2009/12/ordered.png" onLoad="insertJmol('sample_applet',400,400,'uploads/2009/12/ordered.xyz')" alt="In/Si(111)4x1-8x2"/> </div> </code> ==== 注意 ==== * srcに指定するパス名とonLoadに指定するinsertJmol関数の引数のパス名のprefixが異なっている。 * imgエレメントは一行で記述しなければならない。 これで、講義資料もwordpressに移せるかな。
misc/jmolテスト.txt
· 最終更新: 2022/08/29 17:22 by
kimi
ページ用ツール
文書の表示
以前のリビジョン
バックリンク
文書の先頭へ