フォノクラフト株式会社:作業メモや備忘録など

作業メモや備忘録など…

[JS] IE/FF/OP対応:お気に入りボタン、ブックマークボタン

without comments

昨今殆ど不要とも思われるお気に入りボタン。しかしたまに使用を迫られる場面もあるので一応メモ。

要点

お気に入りボタンはIEの独自拡張だが、FireFoxやOperaにも対応させる。

全て<a>タグで処理しているが、onclick属性で処理されているので<input>などへの変更も容易。

ダウンロード

  1. Add_bookmark.zip

使い方

<body>内に下記をいれる(.jsファイルまでのパスは必要に応じて変更する)

<script type="text/javascript" src="./common/js/bookmark_utf8.js"></script>

ソース

common/js/bookmark_utf8.js(.jsファイル名は必要に応じて変更する)

if(navigator.userAgent.indexOf("MSIE") > -1){ //Internet Explorer 
document.write('<!-'+'-[if IE]>'); 
document.write('<a href="#" onclick="window.external.AddFavorite(\'http://google.co.jp\',\'ここにサイト名\')">お気に入りに登録</a>'); 
document.write('<![endif]-'+'->'); 
} 
 
else if(navigator.userAgent.indexOf("Firefox") > -1){ //Firefox 
document.write('<a href="#"onclick="window.sidebar.addPanel(\'ここにサイト名\',\'http://google.co.jp\',\'\');">ブックマークに登録</a>'); 
} 
 
else if(navigator.userAgent.indexOf("Opera") > -1){ //Opera 
document.write('<a href="http://google.co.jp" rel="sidebar" title="ここにサイト名">ブックマークに登録</a>'); 
} 
 
else { //該当なし 
void(0); //何もしない 
}