フォノクラフト株式会社：作業メモや備忘録など » bookmark http://121.50.42.205/note 作業メモや備忘録など... Fri, 05 Jul 2013 05:17:27 +0000 ja hourly 1 http://wordpress.org/?v=3.1.3 [JS] IE/FF/OP対応：お気に入りボタン、ブックマークボタン http://121.50.42.205/note/js-ieffop%e5%af%be%e5%bf%9c%ef%bc%9a%e3%81%8a%e6%b0%97%e3%81%ab%e5%85%a5%e3%82%8a%ef%bc%88%e3%83%96%e3%83%83%e3%82%af%e3%83%9e%e3%83%bc%e3%82%af%ef%bc%89%e3%83%9c%e3%82%bf%e3%83%b3_552 http://121.50.42.205/note/js-ieffop%e5%af%be%e5%bf%9c%ef%bc%9a%e3%81%8a%e6%b0%97%e3%81%ab%e5%85%a5%e3%82%8a%ef%bc%88%e3%83%96%e3%83%83%e3%82%af%e3%83%9e%e3%83%bc%e3%82%af%ef%bc%89%e3%83%9c%e3%82%bf%e3%83%b3_552#comments Tue, 18 Oct 2011 04:57:37 +0000 admin http://phono.co.jp/note/?p=552

序

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

要点

お気に入りボタンは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); //何もしない 
}
]]> http://121.50.42.205/note/js-ieffop%e5%af%be%e5%bf%9c%ef%bc%9a%e3%81%8a%e6%b0%97%e3%81%ab%e5%85%a5%e3%82%8a%ef%bc%88%e3%83%96%e3%83%83%e3%82%af%e3%83%9e%e3%83%bc%e3%82%af%ef%bc%89%e3%83%9c%e3%82%bf%e3%83%b3_552/feed 0