南
西
東
北
1
2
3
4
5
6
7
8
9
10
11
12
月
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
日
0
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
時 の星空です。
【JavaScriptのポイント】
星座
星空を表示する空の絵の画面をtableの中央の欄に配置し、この欄の周りのbgcolorは白にします。星空の画面の背景絵はtableのbackgroundで指定し、空は透過色が指定されているため、 表示時にはbodyのbgcolorが透けて見えます。この背景の絵に星のImageを表示できるよう81×50枚のダミー(透過色)が貼り付けてあります。
ロードされると現在の時刻から表示すべき角度を求めます。この角度と星のデータから81×50のどの位置に星を表示するかを求めます。
求めた位置に星の明るさに応じた星のImageを表示します。同時に表示時刻に応じて背景の色を青/紺/濃紺に変更します。表示している星空の月･日･時をselectに表示します。
表示後 5秒のタイマを起動し5秒後に前回表示の星を消し、1時間分進めた星空に更新表示します。
selectに表示されている現在表示中の星空の月日時を変更するとonCangeイベントが発生し、変更された月日時の星空を表示します。この時も5秒後には1時間進めた星空になります。
表示されている星をマウスでクリックすると各星に指定されたAタグのhrefで指定されたMclick関数が呼び出され、その位置に星が表示されていればその星の名前がinput(text)部に表示されます。
Java Script事例集トップページへ
鴈野さんちのHomePage TOPへ
ご感想などは
鴈野 敏生
まで。