このサンプルは、jQueryの
Catch404
プラグインを利用してリンク先が存在するかチェックします。そして、リンク先が見つからないときは、ポップアップウィンドウにユーザーフレンドリーなメッセージを表示します。
サンプルが起動すると3個のボックスが表示されます。左端のボックスは内部リンクが見つからない、真ん中のボックスは外部リンクが見つからない、右側のボックスは正常な外部リンクになっています。それぞれのボックスのリンクをクリックしてみてください。
リンク先が見つからないときは、ポップアップにメッセージが表示されます。
このサンプルは、YQL(Yahoo! Query Lanugage) APIを利用して実装しています。
YQLについては、拙著「jQueryによるWebサービス活用ワザ 実践サンプル集」を参照してくださ。