jQueryのrollovers.jsとprototype.jsの競合の話し

現在、外部の会社から出てきたHTMLのコードにCakePHPのAjaxの処理を埋め込むと、メニューの画像がロールオーバーしなくなります。

HTMLを見てみると、rollovers.jsというJavascriptでロールオーバーをしているようです。prototype.jsを読み込むところを削除すると、うまくロールオーバーしてくれます。しかし、Ajaxの処理はしてくれなくなります。

CakePHPでAjaxを実装すると、prototype.jsが必要です。CakePHPの機能を使わずにAjaxの処理を書くのはとても面倒です。では、rollovers.jsを取るか、CakePHPのAjaxを取るかをどちらかにするかと言われればCakePHPのAjaxをとりました。

もっとシンプルにJavascriptでロールオーバーできないかと探したところ、ありました。シンプルロールオーバー。

メニューの画像ファイルの命名が

*_o.gif //ロールオーバー前
*_h.gif // ロールオーバー後

になっていますので、少々修正をするだけでOK。無事にAjaxの処理とメニューのロールオーバーが実現できました。シンプルロールオーバーの作者に感謝です。

SBクリエイティブ

¥10 （2024/11/20 15:28時点 | Amazon調べ）

ポチップ

著:谷拓樹

¥1,881 （2024/11/20 15:28時点 | Amazon調べ）

ポチップ

技術評論社

¥1,980 （2024/11/20 15:28時点 | Amazon調べ）

ポチップ

追記（2022年10月16日）

記事中のシンプルロールオーバーのサイトはどこかになくなりました。

2009年10月15日

muneando