WEBシステム開発・デザイン制作などすべての作業を一貫してご提供しております。(大阪・東京近辺)

WEBシステム開発/IEとFirefoxに対応したお気に入りに追加するボタン処理

Javascriptでは、ブラウザー毎に若干、利用方法の仕様が異なっていたりします。

普段はあまり遭遇しない、このような仕様の壁に
ふとしたクライアント様からの依頼で対応しなければいけない事も
あります。

まあ、使い方の違いだけで、機能的に実現不可能ではないので
大した問題にはならないのですが…

例えば
最近ではあまり見かけなくなった「お気に入りに追加するボタン」
僕は一度も使った事がありません。。。

をページに設置してほしいと言うお問い合わせをごくまれに頂きます。

いざ、設置方法を調べてみると、やはりブラウザー毎に処理の仕方が
ありました。

呼び出し元で、記述するのはシンプルでないので
専用の関数を作ってみました。


OpenBooknarkDialogなる関数を作成して
ブラウザーを気にせずに、お気に入りに追加したい箇所にてonclick呼び出し
などすればいいかと

↓こんな感じで


<!–↓ Javascript:お気に入りに追加する「IEとFirefox」↓–>
<script type="text/javascript">
<!–
function OpenBooknarkDialog(site_url, site_name) {
if(navigator.userAgent.indexOf("MSIE") > -1){ //# IE
window.external.AddFavorite(site_url, site_name);
return true;
} else if(navigator.userAgent.indexOf("Firefox") > -1){ //# Firefox
window.sidebar.addPanel(site_name, site_url, "");
return true;
} else { //# 該当なし
return false;
}
}
//–>
</script>
<!–↑ Javascript:お気に入りに追加する「IEとFirefox」↑–>


<img src="bookmark_add.gif" onclick="OpenBooknarkDialog(‘http://google.jp’, ‘検索エンジンGoogle’);" style="cursor: hand; cursor: pointer;" alt="ブックマークに追加する" />


とまあ~こんな感じで簡単に、それぞれのブラウザーにて
ブックマークを登録する処理が実現できました。

ブラウザーの判定がアバウトですので
そこら辺はまた後日