（クロスブラウザ）動的に変化するお気に入りに追加ボタン javascriptサンプル

　　　　　　　↓


（しかもIE,Firefox,Operaで共通の動作！）


<script type="text/javascript">
if(navigator.userAgent.indexOf("MSIE") > -1){ //Internet Explorer
document.write('<!-'+'-[if IE]>');
document.write('<input type="image" src="http://表示させたい画像のURL.jpg">');
document.write('<onclick="window.external.AddFavorite(\'http://サイトURL\',\'ホームページのタイトル')">');
document.write('<![endif]-'+'->');
}

else if(navigator.userAgent.indexOf("Firefox") > -1){ //Firefox
document.write('<input type="image" src="http://表示させたい画像のURL.jpg">');
document.write('<onclick="window.sidebar.addPanel(\'ホームページのタイトル\',\'http://サイトURL\',\'\');">');
}

else if(navigator.userAgent.indexOf("Opera") > -1){ //Opera
document.write('<a href="http://サイトURL" rel="sidebar" title="ホームページのタイトル">お気に入りに追加</a>');
}

else { //該当なし
void(0); //何もしない
}
</script>

この赤部分を変えるだけでIEとFirefoxとOperaに対してお気に入りに追加ボタンが画像で表示される。