差分

このページの2つのバージョン間の差分を表示します。

--- misc:jmolテスト [2022/08/29 17:16] – kimi
+++ misc:jmolテスト [2022/08/29 17:22] (現在) – kimi
@@ 行 1: / 行 1: @@
+====== Tips and Chips ======
 ===== jmolテスト =====
 // Thu, 24 Dec 2009 06:28:00 +0000 //
@@ 行 7: / 行 9: @@
 </code>
-<a href="http://www.openscience.org/">The OpenScience project</a>のサイトを参考にjmolアプレットを仕込んでみた。サンプルはSb吸着Si(111)表面の4x1構造と8x2構造の間の原子位置の変遷をアニメーションにしたもの。ただし、現実には、こんな風に動くことは絶対にありません。リアルなアニメーションはどこかの研究会でお見せできるでしょう。マウスでグリグリ動かしたり、拡大したり、アニメーションしたりできる。是非、いろいろ遊んでみて。（ヒント：マウスの右ボタンとホイール）<!--more-->
+[[http://www.openscience.org/|The OpenScience project]]のサイトを参考にjmolアプレットを仕込んでみた。サンプルはSb吸着Si(111)表面の4x1構造と8x2構造の間の原子位置の変遷をアニメーションにしたもの。ただし、現実には、こんな風に動くことは絶対にありません。リアルなアニメーションはどこかの研究会でお見せできるでしょう。マウスでグリグリ動かしたり、拡大したり、アニメーションしたりできる。是非、いろいろ遊んでみて。（ヒント：マウスの右ボタンとホイール）<!--more-->
-<strong>!!!警告!!!</strong>
+**!!!警告!!!**
-jmolアプレットを使う投稿記事を編集する際には、投稿編集画面で決して「ビジュアル」モードにしてはならない。必ずHTMLモードで編集し保存すること。
+  * jmolアプレットを使う投稿記事を編集する際には、投稿編集画面で決して「ビジュアル」モードにしてはならない。必ずHTMLモードで編集し保存すること。
-手順
+==== 手順 ====
-<ol>
-<li>jmolアプレットJmolApplet.jarに相対パスwp-content/jmol/JmolApplet.jarでアクセスできるようにjmolのアーカイブを解凍し、移動させ、適当にシンボリックリンクを張ったりなんかする。</li>
+  - jmolアプレットJmolApplet.jarに相対パスwp-content/jmol/JmolApplet.jarでアクセスできるようにjmolのアーカイブを解凍し、移動させ、適当にシンボリックリンクを張ったりなんかする。\\ \\
-<li>テーマファイルのheader.phpに<code>
+  - テーマファイルのheader.phpに<code>
 <script type="text/javascript">
 <!--
@@ 行 28: / 行 30: @@
 //-->
 </script>
-</code>を付け加える。</li>
+</code>を付け加える。
-<li>xyzファイルやpdbファイルを画像ファイルや書庫ファイルなどと同じようにアップロードできるようにwp-includes/functions.phpを<code>
+  - xyzファイルやpdbファイルを画像ファイルや書庫ファイルなどと同じようにアップロードできるようにwp-includes/functions.phpを<code>
 function wp_ext2type( $ext ) {
 ...
@@ 行 38: / 行 40: @@
 ...
 + 'text|pdb|xyz|cube' =&gt; 'text/plain',
-</code>のように編集する。</li>
+</code>のように編集する。
-<li>ダミーの画像ファイル（ここではordered.png）とjmolに表示させるファイル（ここではordered.xyz）をアップロードしサーバー上での相対パス名を確認する。</li>
+  - ダミーの画像ファイル（ここではordered.png）とjmolに表示させるファイル（ここではordered.xyz）をアップロードしサーバー上での相対パス名を確認する。\\ \\
-<li>以下のような"jmol" classのdivエレメントを記入する。<code>
+  - 以下のような"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></li>
+</code>
-</ol>
-注意
+==== 注意 ====
-<ul>
+  * srcに指定するパス名とonLoadに指定するinsertJmol関数の引数のパス名のprefixが異なっている。
-<li>srcに指定するパス名とonLoadに指定するinsertJmol関数の引数のパス名のprefixが異なっている。</li>
+  * imgエレメントは一行で記述しなければならない。
-<li>imgエレメントは一行で記述しなければならない。</li>
-</ul>
 これで、講義資料もwordpressに移せるかな。