解決済

clip!clip!
Ads By Google

Firefox用のお気に入りに追加ボタンがうまく機能しません。

私のブログ(ttp://infomew.livedoor.biz)にお気に入りに追加ボタンを付けました。

トップページHTMLの<div id="content">タグの下に下記のようなタグを埋めたのですが、
IEではきちんと動くのですが、Firefoxではうまく動きません。

どこか記述が間違っているのでしょうか?
お気づきの点があればご指摘頂ければと思います。

挿入したタグは下記の通りです。(リンク防止でURLのhを抜いています)

<!--お気に入りに追加IE&Firefox-->
<script type="text/javascript">
<!--
if(navigator.userAgent.indexOf("MSIE") > -1){ //Internet Explorer
document.write('<!-'+'-[if IE]>');
document.write('Internet Explorer 専用お気に入り追加ボタ。<br>');
document.write('<input type="button" value="お気に入りに追加していただけますか?(^^)"');
document.write('onclick="window.external.AddFavorite(\'ttp://infomew.livedoor.biz\',\'★56万稼げた簡単アフィリエイト公開ブログ\')">');
document.write('<![endif]-'+'->');
}

else if(navigator.userAgent.indexOf("Firefox") > -1){ //Firefox
document.write('Firefox 専用ブックマーク追加ボタン<br>');
document.write('<input type="button" value="ブックマークに追加していただけますか?(^^)"');
document.write(' onclick="window.sidebar.addPanel(\'★56万稼げた簡単アフィリエイト公開ブログ\',\'ttp://infomew.livedoor.biz\',\'\');">');
}

else { //該当なし
void(0); //何もしない
}
//-->
</script>
<!--お気に入りに追加IE&Firefox-->


それでは、宜しくお願いします。

2009-02-11 02:55の質問
FireFox  お気に入りに追加  
Firefox
Firefox のホームページはこちらです
www.mozilla-japan.org/products/firefox/
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。

回答(1)

1.

2009-02-11 03:07:38ベスト
Firefox でうまく動作しない原因は、
.blog を position:absolute; で移動しているために、
本来ボタンの場所に<div class="blog">がかぶっているためです。
なので、スクリプトの記述位置を
<div class="blog">
のすぐ下からに変更すれば実行できます。
回答レベル : アドバイス

paddingの数値は自分でもいじってみたんですが、上手く出来なかったんですよね。
それで聞いてみたんですが・・。でも色々やってたから、トップページの
テンプレがおかしい時だったのかもしれません。

改めてやってみたら、上手く行きました。
ありがとうございました。

Ads By Google

コメント(2)

#1.  mutuki
2009-02-12 08:50:44

BLUEPIXYさん、度々ありがとうございます。
アドバイス通りタグの挿入位置を変えましたら、うまく動くようになりました。


ただ、今度はボタンの表示位置がおかしくなりました。
タイトルバーとボタンの間が妙に広がってしまって・・・。
これは修正出来るのでしょうか?

ボタン下の記事にくっつきすぎる点は<br>タグでいけるようですが、
上の方はどのように調節したら良いでしょう?

何度も申し訳ありませんが、解決策をご存知でしたら教えて頂けませんんでしょうか?
宜しくお願いします。

#2.  BLUEPIXY
2009-02-13 03:05:34

>>#1 タイトルバーとボタンの間が妙に広がってしまって・・・

.blog{
  padding:80px 20px;
の所で、上(下)部に80px (内)余白を取っています。
なのでこの部分を小さく(例えば40px)すればいいと思います。

トラックバック(2)

トラックバックURL: