※ これ以後の解説の中では"JavaScript"を"スクリプト"で表記します。
ここではスクリプトを使って、最終更新日時を表示させる方法を紹介します。
この設定によって、最後に更新した日時が取得され、自動で表示されます。
スクリプト設定例→
編集画面では、 マークだけが表示されています。マークはスクリプトが記述されている場所を
示しています。
|
◆ 最終更新日時を表示する ◆
１.時刻を表示したい位置にカーソルを置きます。
２.メニューバーから「挿入」→「その他」→「スクリプト」を選択します。
すると「スクリプト」ダイアログが表示されます。
３.[言語]でスクリプト言語を選択します。ここではJavaScriptを選択。
[スクリプト]で[現行ページにスクリプトを挿入]が選択されていることを確認します。
４.下図①の「<!--」と「//-->」の間にスクリプトを記述します。記述の方法は、
下図①の「//左のウィンドウから・・・//コードを挿入します。」の部分を反転状態にします。
次に下図②の[ライブラリ]一覧から[ページが最後に更新されたときの日時を表示します。]を
選択し・・・
＜ドラッグ＆ドロップで①の反転させた部分に挿入します。＞
もしくは、＜「右クリック→スクリプトに挿入」で挿入されます。＞
もしくは、＜ダブルクリックで挿入されます。＞
※ 下図①の「<!--」と「//-->」を削除してしまわないように気を付けて下さい。
５.[OK]ボタンをクリックします。これで最終更新日時が自動で表示されます。
スクリプトが記述されている場所にはマークが表示されます。
※ この設定では、日時の前に「Last updated:」と付きますが、この文字を「最終更新日時:」などに
変える事ができます。その方法は、４.でスクリプトを挿入した後に下図①の[ Last updateed: ]の
部分を[ 最終更新日時: ]などに書き換えます。
例えば、[ 最後の更新をここに記す・・ ]に書き換えると
|
[] の様に変わります。
編集画面では、 [] の様に変わります。 と表示されています。
※ 書き換える時に、['(半角クォーテーション)]を消してしまわないように気を付けて下さい。
|
 |
６.スクリプトの動作を確認します。[プレビュー]タブをクリックするか、 ボタンをクリックして
ブラウザで確認します。
※ スクリプトは「<!--」と「//-->」で必ず囲みます。どうしてかと言うと、「<!--」と「//-->」で
囲んでいないスクリプトだと、スクリプトを使用できない Webブラウザの場合にスクリプトが実行されず
スクリプトのプログラムリストそのものが文字として、ホームページに表示されてしまうからです。
スクリプトを「<!--」と「//-->」で囲んでおけば、スクリプトを使用できない Webブラウザは
「スクリプトはプログラミング内のコメント」扱いをして命令文を素通りするので、 Webブラウザに
表示される事はありません。
|
| ▲ページTOPへ |
