西
 
 
    時 の星空です。

【JavaScriptのポイント】

星座


  1. 星空を表示する空の絵の画面をtableの中央の欄に配置し、この欄の周りのbgcolorは白にします。星空の画面の背景絵はtableのbackgroundで指定し、空は透過色が指定されているため、 表示時にはbodyのbgcolorが透けて見えます。この背景の絵に星のImageを表示できるよう81×50枚のダミー(透過色)が貼り付けてあります。
  2. ロードされると現在の時刻から表示すべき角度を求めます。この角度と星のデータから81×50のどの位置に星を表示するかを求めます。
  3. 求めた位置に星の明るさに応じた星のImageを表示します。同時に表示時刻に応じて背景の色を青/紺/濃紺に変更します。表示している星空の月・日・時をselectに表示します。
  4. 表示後 5秒のタイマを起動し5秒後に前回表示の星を消し、1時間分進めた星空に更新表示します。
  5. selectに表示されている現在表示中の星空の月日時を変更するとonCangeイベントが発生し、変更された月日時の星空を表示します。この時も5秒後には1時間進めた星空になります。
  6. 表示されている星をマウスでクリックすると各星に指定されたAタグのhrefで指定されたMclick関数が呼び出され、その位置に星が表示されていればその星の名前がinput(text)部に表示されます。