Home > 2006年04月

2006年04月21日

IEでclassの値を取得する場合の注意 - JavaScript

JavaScriptのDomにおいて、エレメントの属性値を取得するメソッドはgetAttribute('属性名')

<a class="foo" href="#">bar</a>なエレメントにおいてclassの値を取得するには、通常obj.getAttribute('class')でいいのですが、IEは属性値をclassNameにしないととれません

var attr = obj.getAttribute('class'); //IE以外
var attr = obj.getAttribute(className); //IE

二つまとめると、下記のように書けます。

var attr = obj.getAttribute('class') || obj.getAttribute(className); 

[関連記事]
JavaScript++かも日記
IE の getAttribute / setAttribute: Days on the Moon

2006年04月06日

RightFields - Movable Type Plugin

RightFields - Turn your MT into Google Base! - blog.bulknews.net で紹介紹介されていた
Movable Typeのフィールドを自由に追加するプラグイン、試してみました。

インストールは簡単でhttp://www.staggernation.com/mtplugins/RightFieldsからDLしてきたアーカイブを解凍~pluginフォルダ以下を、MTのpluginフォルダに入れるだけです。特に設定も必要ないかと思います。

インストール成功すると、MTのエントリー投稿画面に「RightFields settings」メニューが現れます。
RightFields

Standard Fieldsは元々MTにあるフィールド名やカラムタイプを変えてしまうもの。
Extra Fieldsは元々MTに存在しないフィールド名やカラムタイプを追加するもの。

使い勝手はどうかなと、以前に作ったCGIによる簡易ショッピングカートのカタログとマスタデータ部分をこの機能から編集してみました。
http://cms.trapple.net/

項目の追加はすごく簡単で使いやすかったです。StandardFieldsの項目は元々MTの機能で表示非表示ができるので、エントリー名=商品名、BODY=商品内容説明とし、あとはExtraFieldsとして拡張追加しています。
RightFields

今回はMTで言うところのインデックスページのみの生成ですが、当然MTなのでパーマリンクを個別商品のページに使う、カテゴリーを有効に使う、トラックバック・コメントをプロモーションに生かす、など使い方は膨らみまそうです。

さらに改善されるとうれしいポイントとしては、入力フィールドの必須・ユニーク属性や、初期値などが機能追加されれば、もはや下手なCMSより安心で使いやすい、という感想です。

http://www.staggernation.com/mtplugins/RightFields

2006年04月03日

IE Tab - Firefox Extension

http://ietab.mozdev.org/ 

Firefoxのブラウザウィンドウ内を、ワンボタンでIEに変えてしまうExtension
インストールするとウィンドウ右下にFirefoxアイコンが現れます。
IE Tab
FirefoxアイコンをクリックすればIE表示に。
IE Tab
IEアイコンをクリックすればFirefox表示に。

CSSコーディングする場合は、まめにIEで確認しないと、あとでショックをうけますね。
そんなショックを少しだけ和らげてくれる一品です。

Web Developer - Firefox Extension

Extension(機能拡張)を追加することによって、どんどんカスタマイズすることができるFirefox
自分でも利用するExtensionの数が増えてきたので、何個かメモ代わりに紹介します。

『Web Developer』
http://www.infoaxia.com/tools/webdeveloper/

WEB制作やプログラム開発時に役に立つヘッダーやCookie、CSSなど、様々な情報を見たり編集したりできます。
まずはこのExtensionを入れて、それでも足りないものは探せば他でフォローされている、といった感じ。

よく使う機能は以下
・CSS編集機能
現在開いているページのCSSをサイドバーに表示し、それを編集するとリアルタイムで反映されます。

・無効化機能
CSS・Javascript・リファラー送信などをワンボタンで無効に出来ます

・Dom Inspector
HTMLの構造をツリー状に表すDOM(DocumentObjectModel)
複雑になったHTMLや、JavascriptによるDOM操作などの作業時に、非常にありがたい

他にもいろいろありがたい機能が豊富なので、WEB制作者にはもはや当たり前?と言えるExtensionでした。

公式サイトはhttp://chrispederick.com/work/webdeveloper/ですが
日本語版Firefoxにはこちら(http://www.infoaxia.com/tools/webdeveloper/)がよいかと思います。