XHTML対策

XHTML対策

PERSONA@BLOG

キリ番リスト

2005年06月20日 管理用IEのお気に入りに追加

カテゴリ JavaScript


タイトルのまんまなのですが、IEのお気に入りに追加するボタン(もしくは文字リンク)のカスタマイズ方法です。

この手のカスタマイズの紹介をされているサイトは、腐るほど存在します。

でも。。。
既存のこの手のカスタマイズでは満足できなかったので作りました。


[うちのカスタマイズのいいとこ]

・IE4.0以上でないと動作しないので、IE4.0以上でない場合は表示しないようにしました。
(ただ、ブラウザはマイナーなものも含めるととても多く存在するので、それらをすべて確認した訳ではなく、IE4.0以上以外でも表示される環境もありえます。)

・ボタン表示と文字表示の選択が可能です。

・スタイルシートも一緒に組み込んでいるので、ボタンの見た目の変更がしやすいです。




<style type="text/css">
<!--
.ie_favorite {
border:1px solid #666666; /* ボタンの枠 */
color:#000000; /* ボタンの文字色 */
background-color:#efefef; /* ボタンの背景色 */
}
//-->
</style>

<script type="text/javascript">
<!--
// 下記を設定して下さい。
// ボタン表示がよければ、var favorite_type = (0);
// 文字表示がよければ、var favorite_type = (1);
var favorite_type = (0);

if ((navigator.appVersion.indexOf("MSIE") > 0) && (parseInt(navigator.appVersion) >= 4) && (navigator.userAgent.indexOf("Opera") < 0) && (favorite_type == 0)) {
document.write('<input class="ie_favorite" type="button" value="お気に入りに追加" onclick="window.external.AddFavorite(location.href, document.title)">');
}
else if ((navigator.appVersion.indexOf("MSIE") > 0) && (parseInt(navigator.appVersion) >= 4) && (navigator.userAgent.indexOf("Opera") < 0) && (favorite_type == 1)) {
document.write('<a href="javascript:window.external.AddFavorite(location.href, document.title)">お気に入りに追加</a>');
}
//-->
</script>


※ ボタン表示用のスタイルシートが不要な場合は、青色の部分を削除。
※ ボタン表示と文字表示の選択は、赤色の部分を設定。
※ 表示される文字を変更したい場合は、緑色の部分を変更。

XHTML対策

XHTML対策

タグ この記事に設定されているタグ(キーワード)

XHTML対策

コメント コメント (0) | トラックバック トラックバック (4) | 清き一票 清き一票 | | このブログの読者になる | 更新情報をチェックする | トップページへ | このページの一番上へ | 一つ前の記事へ 一つ後の記事へ
この記事へのコメント
お名前

MAIL(管理人のみに公開)

URL

コメント



■お気に入り登録ボタンの設置 …いつもお世話になっているPERSONA@BLOGさまの新作カスタマイズ〜 サイトの上についてる、ポチッと押すとお気に入りに登録されるアレです。 カスタマイズしやすく、ス..

□LOVE BEST□
2005年06月21日 18:37

前から付けたいと思っていた、お気に入りに追加ボタンを付けてみました。 左サイドに新設したプロフィールの下にあります。 (とりあえず今はここですが、移動させるかもしれません) これがあると、「後で読も..

カスタマイズ実験室
2006年11月20日 13:51

「お気に入りに追加」ボタンを設置すると、 再訪問者が増えます。 あなたのブログ

在宅ワークで稼ぐ!!!超ブログアフェリエイト生活!!!
2007年01月06日 18:11

お気に入りのボタンの続きです。 ボタンを設置できたら、自分のサイト・ブログに合わせてアレンジしたくなってくるかもしれませんね。 そこで今日取り上げるのは、ボタンのデザインを変える方法です。 今回は本..

カスタマイズ実験室
2007年03月10日 20:05
×

この広告は1年以上新しい記事の投稿がないブログに表示されております。