読者です 読者をやめる 読者になる 読者になる

以下斜め読んだ内容

pseudo translation of useful posts, book reviews, remarks,etc. twitter: feeddict

Dreamweaverを使って書き出されたプルダウンメニューを作り直す。

目標

htmlファイル、cssファイル、jsファイルを分離させる。
javascriptは無し済ませれるなら使わない。
javascriptのスクリプトはhtmlファイルには書き込まない。
body要素の中にscript要素(+src属性)でjsファイルへのリンクも貼らない。head要素のなかにscrit要素からリンクを貼る。
イベントハンドラはjsファイルに書き込む。


ステップ

cssだけでプルダウンメニューを作成
Gecko系、OperaWebkitでの表示をチェック
IE向けにJavascriptを作成
最初は、scriptタグをbody要素内に貼る

scriptタグをhead要素内に移動できるようにイベントハンドラをjsファイルに書く(というか書き方を覚える)
DOMの実装のブラウザ間の違いはあるので、とりあえずIE対応に限定してDOM利用をする

余力があれば、クロスブラウザ対応のjsファイルを作成する。(prototype.jsも勉強)

(Update 2008.02.27)

最後の項目を除けば、できるようになった。
クロスブラウザ対応の所は、イベントリスナを使うモデルをまだ理解していないので、addLoadEventを使ってる。
prototypeよりも今はjQueryを勉強中