CSS1 によるウィンドウの表現と jQuery Alert Dialogs への適用
時間もネタも無いのですが、最低でも一ヶ月一エントリはしときたいので、前回(CSS1 のみで質感のあるボタンを表現してみる)と同じような内容になりますが書いときます。
今回は CSS1 のみで質感のあるウィンドウを表現してみます。また応用として、ダイアログウィンドウを表示するプラグイン jQuery Alert Dialogs に、今回定義する CSS を当てて、見た目を変えてみます。
CSS1 のみで質感のあるボタンを表現してみる
CSS3 を駆使すると、とてもリッチなボタンパーツが表現できるようです。
悲しいことに勤務先の PC の標準ブラウザは IE6。近いうちに IE8 へのアップグレードを予定してますが、残念ながら IE8 では CSS2.1 までしか対応してないようです。
上記のリンク先のサンプルには遠く及びませんが、先日、PC の中身を整理してたら IE6 で質感のあるボタンを作ろうと試行錯誤してた頃の html ファイルが見つかりました。会社で CSS3 が使えるようになるのも当分先になりそうですので、備忘録としてこちらに残しておきたいと思います。
テーブルのヘッダとフッタを固定する簡易プラグイン
更新履歴
だいぶ前に書いた「tableのヘッダを固定させる簡易scriptをサクっと作ってみた」というエントリに、「サンプルソースを参考にフッタも固定しようとしたけどうまくいかない」というコメントを先日頂きました。今にして見ると、前回、前々回のエントリで書いた プラグインの定義パターンという意味ではあまり参考しないほうが良さげな実装だったので、フッタ固定機能もつけて再実装してみました。
適用したプラグインの定義パターン
まずプラグインの定義パターンとしては「prototype オブジェクトを使用した定義」を採用しました。(詳しくは「jQuery プラグインの定義パターンについて調べてみた」)