ホームページ＆ブログ作成tips

お気に入りに追加ボタン、ほとんどはIEに対応してないんですよね。
JavaScritとゆ〜言語の読み込みに違いで発生するのですが、FireFoxでも使え
ないかな〜？と悩んでました。
できればブログのカラーに合わせられるものを！


昨日までグレーのボタンだったんですが、早速変えてみました^^♪

●ソース●
<script language="JavaScript" type="text/JavaScript">
if(navigator.userAgent.indexOf("MSIE") > -1){ // IE の場合
document.writeln('<!-'+'-[if IE]>'); //スクリプトが使えない環境を完全にはじく
document.writeln('<p>');
document.writeln('<input type="button" value="お気に入りに追加！" style="color:#文字の色; background-color:#背景の色; border-style:solid; border-color:枠線の色; border-width:枠線の太さ; font-size:文字のサイズ;"');
document.writeln(' onclick="window.external.AddFavorite(\'Ａ\',\'Ｂ\')">');
document.writeln('<'+'/p>');
document.writeln('<![endif]-'+'->');
}

else if(navigator.userAgent.indexOf("Firefox") > -1){ // Firefox の場合
document.writeln('<p>');
document.writeln('<input type="button" value="ブックマークに追加！" style="color:文字色; background-color:背景の色; border-style:solid; border-color:枠線の色; border-width:枠線の太さ; font-size:文字のサイズ;"');
document.writeln(' onclick="window.sidebar.addPanel(\'Ｂ\',\'Ａ\',\'\');">');
document.writeln('<'+'/p>');
}

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


Ａ：アナタのホームページアドレス
Ｂ：アナタのホームページ名（お気に入りに登録して欲しい名前）


色はpinkなど文字名や#000000形式のカラーコードに対応しています。
太さはpx単位、文字サイズはpt単位が分かりやすくてよいと思います
えあの枠線の太さは2pxで文字サイズは10ptです


ちょっと長くなりましたが、どっちのバージョンにも対応できているので
試してみてください^^