プロが教える店舗&オフィスのセキュリティ対策術

アメーバブログに外部Javascriptを利用して、以下を実現したいのですが可能でしょうか?

【実現したい】
・各記事に表示
・リツイートボタン
・各ソーシャルブックマーク
・「Facebookのいいね」ボタン

【可能な限り一つのjavascriptで実現したい】
リツイートボタンを実現しているjavascriptに、「各ソーシャルブックマーク」と「facebookのいいねボタン」を組み込みたいです。

▼リツイートボタンのjavascript▼
<!--
$(document).ready(function(){
var tid = 'twitteracount';
var page_url = location.href;
if (page_url.match(/^.+\/entrylist[\-0-9]*\.html$/g )) {
var entries = $(".newentrytitle a");
var classname = ".updatetime";
var flg = 0;
} else {
var entries = $(".foot a:contains('記事URL')");
var classname = "div.entry .subContents";
var flg = 1;
}
for (i = 0; i < entries.length; i++) {
var url = entries[i];
if (flg == 0) {
title = entries.eq(i).text();
} else {
title = $("div.entry h3.title").eq(i).text();
}

var twitter_btn = '<p>この記事を共有する</p><a href="http://twitter.com/home/?status=' + encodeURIComponent('RT @'+tid+': '+title + ' ' + url) + '" target="_blank"><img border="0" alt="ツイッターに投稿する" src="../common/twitter/button/twitter-button038.png" /></a>';
$(classname).eq(i).append(' <div style="background: none repeat scroll 0% 0% rgb(255, 255, 255); border: 1px dotted rgb(153, 153, 153); padding: 8px;">' + twitter_btn + '</div> ');
}
})
// -->


▼ソーシャルブックマーク▼
<a href='javascript:location.href="http://b.hatena.ne.jp/add?mode=confirm&amp;url=" … style="font-size:12px; text-decoration:none;"><img src="common/img/hatenasbm.gif" alt="はてなブックマーク" width="14" height="12" /></a>

A 回答 (1件)

ぱっと見回答ですが、



for(i = 0; i < entries.length; i++){
------
$(classname).eq(i).append('<div ....... + twitter_btn + '</div> ');
の下に、同じように

$(classname).eq(i).append('▼ソーシャルブックマーク▼のHTML');
$(classname).eq(i).append('「Facebookのいいね」ボタンのHTML');

}
});

としてもだめなの?

この回答への補足

yyr446さん、ご回答ありがとうございます。

以下のように追記しましたが、表示されなくなりました。
リンク先の指定が javascript になっているからエラーになるんですかね?

$(classname).eq(i).append(' <div style="background: none repeat scroll 0% 0% rgb(255, 255, 255); border: 1px dotted rgb(153, 153, 153); padding: 8px;">' + twitter_btn + '</div> ');
$(classname).eq(i).append('<a href='javascript:location.href="http://b.hatena.ne.jp/add?mode=confirm&amp;url=" … style="font-size:12px; text-decoration:none;"><img src="common/img/hatenasbm.gif" alt="はてなブックマーク" width="14" height="12" /></a>');

補足日時:2010/08/20 19:25
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!