熊本大学大学院教授システム学専攻
目次:
【第11回】JavaScript 1 (インタラクティブなページ)
第1章
--第11回タスクチェッカー
※公開科目にはありません
第3章
--処理の適用
第4章
第5章

タスク11

>>ここ<<からtask11.zipをダウンロードしてください。中にはindex.html、task11.js、hearn.jpg、mujina.jpgの4つのファイルがあるので、index.htmlを以下の2つの条件を満たすように書き直してください。利用するJavaScriptはtask11.jsに記述してあります。

書き直したら、st.gsis.kumamoto-u.ac.jp/ユーザ名/public_html/の下に「task11」フォルダを作成し、index.htmlをアップロードしてください。

index.htmlをアップロードしたら、1.2.タスク11:作成したWebページの紹介で作成したWebページのURIを教えてください。

条件1

index.htmlの一番下の横罫線の上付近(下図参照)に、適当な文字(例えば、「最後になりましたが...」など)が表示されたボタンを作って下さい。そして、そのボタンをクリックすると、ウィンドウが現われ、そのウィンドウ中に「お読み下さってありがとうございます。(_o_)」が表示されるようにして下さい。

以下のようになるのが目標です。

ボタンのサンプル


第3章 3.1 HTMLファイルでの準備
第3章 3.3.3 イベント処理を行うHTML要素

条件2

index.htmlのHearn先生の画像に、マウスポインタを重ねたときに別の絵(mujina.jpg)が表示され、続いてマウスポインタが他のところへ移動すると、再びHearn先生の画像に戻るようにして下さい。

以下のようになるのが目標です。

hearn →  →  → mujina  →  hearn →


第3章 3.1 HTMLファイルでの準備
第4章 4.1 その他のイベントハンドラの適用例