Catch404 ? A jQuery And CSS3 Modal Plugin For Handling Broken Links Elegantly | AddyOsmani.com | Where Web Businesses Grow

移動する前に404かどうか確認できるjQueryプラグイン「Catch404」。
クリックした後に404ページが表示されるのではなく、クリックしたタイミングで404かどうかチェックしてダイアログを出してくれるプラグインのご紹介です。
外部サイトにリンクしている場合、404かどうかっていうのはアクセスしてみないとわかりませんが、jQueryがajaxで通信して存在チェックをして、飛ぶかどうかを決定することが出来ます。



リンク切れだった場合に次のようなダイアログをだしてくれます。



初期化は次のように簡単。チェックしたいものだけを catch404メソッドで初期化するようにすればいいですね。

$(".ajaxcheck").catch404();

関連エントリ

• ナビゲーションのUIはこれで完璧かもなjQueryプラグイン集
• jQuery＆HTML5＆CSSでリッチな動画プレイヤー実装jQueryプラグイン「osm player」
• 高いカスタマイズ性を持つ画像ギャラリー実装用jQueryプラグイン「AD Gallery」