JSmol 導入

2014-01-19 :  PCクリニック
本文の前に、
-・・・ -・-
現時点での、blogramのランクインカテゴリは、
3、2、1、1、0、 1、0、0、1、1(38)で、換算ポイント 59pt 。
一昨日の記事で「VM」が6位にup。「Firefox」も9位にup。
で「Firefox」は翌日7位になるも、今朝9位に戻る。
「Javascript」はダメ???
・-・ - -・

さて、本文。

前記事:
Jmol から JSmol
の通り、
「JSmol」を導入した。


前記事で書いた、
  “木原先生”のページ:「JSmolに関する情報」
にある、
  JSmol (とJmol)のダウンロード http://sourceforge.net/projects/jsmol/
に行き、
「jsmol-14.0.2.zip」(40.0MB)をダウンロードした。

中身は、「jsmol」フォルダ以下ですね。
その中は、10フォルダと49ファイル。
( 全部で 131 フォルダ、1503 ファイル )

これを、(<紙>は) D:/TOOL/JSmol/ ( X ディレクトリとする) に展開した。
つまり、
  X/jsmol/~~~  実際は、D:/TOOL/JSmol/jsmol/~~~

試しにHTML5ファイルを作ってみる。
得意な???(全く素人だが) JavaScript コーディング。

初めは、“木原先生の”
  JSmolを利用した簡単なWebページの作り方 - Jmol.jsの利用
の「例1」を真似てみたが、

  <script src="Jmol.js" type="text/javascript"></script>

が無い???


そこで、
COD:Crystallography Open Database
で、1つ( WO3 )を検索して、
  COD ID:1004057
を見つけ、
この「1004057.cif」をダウンロードし、
このページ:http://www.crystallography.net/1004057.html
のソースを見させて頂いた。

いろいろ試行錯誤の結果、
見事、表示できる様になった。

作った「~.html」ファイルは、X/ ( 即ち、D:/TOOL/JSmol/ ) 直下に置き、
ダウンロードした「1004057.cif」ファイルもそこに置いた。

「~.html」のコード:--------------

<!doctype html>
<html lang="ja">
<head> <meta charset="utf-8"> <title>Sample</title>
<script type="text/javascript" src="./jsmol/JSmol.min.js"></script>
</head>
<body>
<script type="text/javascript">
var Info = { width: 800, height: 800, color: "#000000",
use: "HTML5", j2sPath: "./jsmol/j2s",
script: "load 1004057.cif {1,1,1}",
disableInitialConsole: true, allowJavaScript: true, console: "none"
}
var jmolApplet0 = Jmol.getApplet("jmolApplet0", Info);
</script>
</body>
</html>
以上。--------------
です。


これで、HTML5 の「canvas」即ち「JSmol」表示領域で、
右クリックメニューも日本語で表示され、
コンソールを表示して、
「load hogehoge.cif」とか「load hogex.mol」も有効!


云うまでも有りませんが、
<紙>の場合のWebブラウザは、
デフォルト「Firefox」で、
SeaMonkey」でも選択できる。


更に学習してみます。


見ていただいた序でとは厚かましい限りですが、
お帰りに投票して頂けるとなお嬉しいです。 ⇒ blogram投票ボタン


140118
関連記事
スポンサーサイト

コメントの投稿

管理者にだけ表示を許可する

おきてがみ/blogram
blogram投票ボタン



おきてがみ

最新記事
カレンダー
02 | 2017/03 | 03
- - - 1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31 -
月別アーカイブ
カテゴリ
最新コメント
検索フォーム
リンク
プロフィール

<紙>

Author:<紙>
ようこそ。
「パソコンヲタクの雑記帳」
もろもろなことを綴っています。
パソコン ヲタクってねくら?
画像は kami でなく kani です。

カウンター(fc2、i2i) /Google Analytics


i2i(from 2010-08-24)
Total =
Today  =  
Yesterday=
アンチエイジング

Google Analytics
ブックマーク