yohei-y:weblog: Javascript HTML のデザインパターン

僕もご多分に漏れず Javascript で遊んだり調べたりしています。 いろいろなクールなサイトの生 Javascript を見て勉強しているのですが、 まず面白いなと思ったのがロールオーバーの実現方法です(JavaScript や HTML をわかってる人には当たり前の内容だと思うので、ツマラナイ話だと思いますが)。 WaSP の左上の画像のロールオーバーは <img id="logo" src="/img/logo.gif" height="100" width="103" alt="Web Standards Project logo" /> 生 HTML はこんなかんじで onmouseover/onmouseout 属性を記述せず、 JavaScript で function initRollOvers() { var logo; if (document.getElement

[webmarksjp]

javascript

[kanouk]

読んでおこう。

[oki448jp]

HTML+JavaScriptをスマートに

[KoshigoeBushou]

javascriptとHTML(イベント)との分離ロジック

[closed]

HTMLから制御部分をほぼ完全に分離

[paperclip]

いいね、この方法。

[vndn]

画像のロールオーバーや内容の動的な変化

[wacky]

静的データであるか動的データであるかは、クライアンとサーバのそれぞれの視点で対照的。納得。

[hiromark]

「動的・静的がサーバから見たときと、クライアントから見たときにちょうど対称的」、ふむ。

[Yuichirou]

staticとdynamicの分離。

[lockcole]

ここでもHTMLをクリーンに保とうという動き。onMouseXXXが無くなるだけでだいぶ違うよね

[se-mi]

振る舞いの注入？

[sesejun]

HTMLとUI部javascriptの分離

[shidho]

勉強が足りないなあ自分。

[tetsu_y1]

、静的なコンテンツ部分(HTML)と動的な UI の振る舞い制御部分(JavaScript)を完全に別ファイルに分けている

[retlet]

静的なコンテンツ部分(HTML)と動的な UI の振る舞い制御部分(JavaScript)を完全に別ファイルに分ける

[walf443]

HTMLとイベント処理記述を分けて保守性をUp

[nak2k]

対称的ってのは確かに。。。 ↓x？ id:ziguzaguさん、勉強がんばです～（なれるとほんと面白いっすよ

[thiswholeworld]

(X)HTMLと動的な動作をするjsを切り分ける。デザインパターン、モジュール、テンプレート。

[rikuo]

メンテナンスと転送量で利点。

[ziguzagu]

JavaScriptでロールオーバー…。てか、早くJavaScriptの勉強を…。