AutoAIP（オートエイプ）はリンクが設定されている画像にCSSの擬似クラスセレクタのようなイベントごとに画像を切り替える仕組みを提供するJavaScriptプラグインです。

具体的にはCSS擬似クラスセレクタの:link、:visited、:hover、:activeと同等の機能を実装し、さらにリンクであることから現在表示しているページへのリンクを別の画像で表示するSelf-realizer機能を実装しました。

このスクリプトには、MootoolsのCoreパッケージが必要です。prototype.jsやjQuery用のものは用意されていません。

デモ／ダウンロード

JavaScriptのライブラリが3、4種類ある。prototype.js、jQuery、Mootools、マイナーなところでMochiKit。ブラウザの依存関係をなるべく解消、吸収し、制作者側が記述するコード量を大幅に減らしてくれるこれらのライブラリは、今やなくてはならない存在となった。そんな中、最近思うのはMootoolsでほぼすべて完結できてしまうのではないかということだ。

ｊQueryって人気ですよね。特に最初からアニメーション関係の処理が関数化されていて、ちょっとしたアコーディオンなんかも簡単に作ることができます。最近jQuery使ってて思ったのですが、jQueryっていわゆるJavaScriptのcreateElementっぽいやつが実装されていませんね。

こんにちは。細々といろいろやってます。Goodsunです。

以前Rollover Image Engine 3.0というのを公開しました。それのチューニングを行った3.1の公開です。

名前が変わっていますね。どうやら海外では「IMAGE ROLLOVER」と表現するのが一般的で、公開直後に失敗したと思いましたが、今回から気をつけていこうと思います。旧バージョンの名前を変える気はありませんので、コチラを使ってください。

See DEMO

Web 2.0と聞くようになって、いろいろな用語が生まれてきた。正確には生まれたと言うよりはよく耳にするようになった。

Lightboxのようなインターフェースを「ポップアップ」と言う人も多いだろうが、あれはどちらかというとモーダルインターフェースだ。他にもフィッシュアイやアコーディオンなど、いろいろなインターフェースがJavaScriptで実現されている。今回はそんな話だ。

ということで、とりあえずロールオーバーイメージを簡単に実装するためのJavaScriptを作ってみました。検索してみましたけど、こういうのってあんまりないみたいですね。

ロールオーバーイメージの作り方とかがでてくるみたいですが。

サイトのリニューアルを画策しているのですが、忘れていたコンタクトフォームに手をつけました。どうしようかとも思いましたが、今回はMooToolsとSqueezeBoxを利用して、モーダル式で処理することにしました。

LightBoxなどに代表されるJavaScriptライブラリ、いやプラグインにはいろいろな種類がありますが、概ねカテゴライズされているのが現状です。ヨコ文字ばかり並んでてどういう語源なのかわからないのも多いはず。今回はかいつまんでその語源を調べてみました。まさに語源の旅です（大阪のラジオ聞いてる人しかわからねぇ）。ちなみに参考はMootools系で固めてみました。

改めて実感する。IEの存在は罪ではないかと。とは言っても、これは取りようによってはひがみとも見れる。仕方ないのだろう。愚痴とともにまたしても覚書をする。

JavaScriptに実装されているイベントリスナーは、通常属性として、たとえばonclick="func()"と書くものをJavaScript側で処理してしまおうというもの。個人的にHTMLのコードがすっきりとしていて気に入っているのだが、IEだけ実装が違う。