◆ テキストボックスに日付と時刻を表示する ◆
１.時刻を表示したい位置にカーソルを置きます。
２.メニューバーから「挿入」→「フォームと入力部品」→「１行テキスト領域」を選択します。
すると「属性」ダイアログが表示されます。
３.「属性」ダイアログの「１行テキスト領域」タブを選択し、[名前]に[ message ]と入力します。
また、ここでカラム数を27にします。(初期値は20です。20では時間が表示される領域が足らないので
変更します。27は目安なので、設定後の確認の時にちょうどいいカラム数に変更してください。)
[ＯＫ]ボタンをクリックします。
これでテキストボックスが作成されました。
４.テキストボックスを選択状態にして、右クリック→「属性の変更」をクリック。
すると「属性」ダイアログが表示されます。
５.「属性」ダイアログの「タグ」で[フォーム]を選択します。次に、「フォーム」タブの[名前]に
[ form ]と入力し、[ＯＫ]ボタンをクリックします。
６.テキストボックスを選択状態にして、メニューバーから「挿入」→「その他」→「スクリプト」を
選択します。
すると「スクリプト」ダイアログが表示されます。
７.[言語]でスクリプト言語を選択します。ここではJavaScriptを選択。
[スクリプト]で[現行ページにスクリプトを挿入]が選択されていることを確認します。
８.下図①の「<!--」と「//-->」の間にスクリプトを記述します。記述の方法は、
下図①の「//左のウィンドウから・・・//コードを挿入します。」の部分を反転状態にします。
次に下図②の[ライブラリ]一覧から「ステータス行に日付と時刻を表示します。」を
選択し・・・
＜ドラッグ＆ドロップで①の反転させた部分に挿入します。＞
もしくは、＜「右クリック→スクリプトに挿入」で挿入されます。＞
もしくは、＜ダブルクリックで挿入されます。＞
※ 下図①の「<!--」と「//-->」を削除してしまわないように気を付けて下さい。
９.下図①の＜ＨＥＡＤ＞にあるHTMLソースをクリックします。すると、下図②にスクリプトが
表示されるので、[ window.status ]の部分を[ document.form.message.value ]に書き換え
ます。
１０.[OK]ボタンをクリックします。これでテキストボックスに日付と時刻が表示されます。
スクリプトが記述されている場所には マークが表示されます。
１１.スクリプトの動作を確認します。[プレビュー]タブをクリックするか、 ボタンをクリックして
ブラウザで確認します。
※ スクリプトは「<!--」と「//-->」で必ず囲みます。どうしてかと言うと、「<!--」と「//-->」で
囲んでいないスクリプトだと、スクリプトを使用できない Webブラウザの場合にスクリプトが実行されず
スクリプトのプログラムリストそのものが文字として、ホームページに表示されてしまうからです。
スクリプトを「<!--」と「//-->」で囲んでおけば、スクリプトを使用できない Webブラウザは
「スクリプトはプログラミング内のコメント」扱いをして命令文を素通りするので、 Webブラウザに
表示される事はありません。
|
