Social Info | jQuery Plugin

/* bootstrap を非適用にしたい場合は以下を削除してください */
http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css

jquery.social-info.js

<p>URL を変更して試してみてください</p>
<div class="input-group">
	<input id="get-url" type="text" class="form-control" value="http://www.cyokodog.net/"/>
	<span class="input-group-btn">
		<button id="get-info" class="btn btn-success">GET</button>
	</span>
</div>
<div id="result">
	<h3>Twitter</h3>
	<dl class="twitter">
		<dt>$.si.twitter.getEntryCount(url, function( count ){ } )</dt>
		<dd class="entryCount"></dd>
		<dt>$.si.twitter.getEntryUrl( url )</dt>
		<dd><a class="entryUrl" target="_blank"></a> </dd>
		<dt>$.si.twitter.getSearchUrl( url )</dt>
		<dd><a class="searchUrl" target="_blank"></a> </dd>
	</dl>
	<h3>Facebook</h3>
	<dl class="facebook">
		<dt>$.si.facebook.getEntryCount(url, function( count ){ } )</dt>
		<dd class="entryCount"></dd>
		<dt>$.si.facebook.getEntryUrl( url )</dt>
		<dd><a class="entryUrl" target="_blank"></a> </dd>
		<dt>$.si.facebook.getSearchUrl( url )</dt>
		<dd><a class="searchUrl" target="_blank"></a> </dd>
	</dl>
	<h3>Google+</h3>
	<dl class="googleplus">
		<dt>$.si.googleplus.getEntryCount(url, function( count ){ } )</dt>
		<dd class="entryCount"></dd>
		<dt>$.si.googleplus.getEntryUrl( url )</dt>
		<dd><a class="entryUrl" target="_blank"></a> </dd>
		<dt>$.si.googleplus.getSearchUrl( url )</dt>
		<dd><a class="searchUrl" target="_blank"></a> </dd>
	</dl>
	<h3>Hatebu</h3>
	<dl class="hatebu">
		<dt>$.si.hatebu.getEntryCount(url, function( count ){ } )</dt>
		<dd class="entryCount"></dd>
		<dt>$.si.hatebu.getEntryUrl( url )</dt>
		<dd><a class="entryUrl" target="_blank"></a></dd>
		<dt>$.si.hatebu.getSearchUrl( url )</dt>
		<dd><a class="searchUrl" target="_blank"></a> </dd>
		<dt>$.si.hatebu.getEntryList(url, function( json ){ })</dt>
		<dd class="entryList"></dd>
		<dt>$.si.hatebu.getEntry(url, function( json ){ })</dt>
		<dd class="entry"></dd>
		<dt>$.si.hatebu.getProfileImgUrl( id )</dt>
		<dd class="profileImgUrl">
			<a target="_blank"></a><br/>
			<img/>
		</dd>
		<dt>$.si.hatebu.getEntryImgUrl( url )</dt>
		<dd class="entryImgUrl">
			<a target="_blank"></a><br/>
			<img/>
		</dd>
	</dl>
</div>

var getInfo = function(){
	var url = $('#get-url').val();
	var id = 'cyokodog';

	//
	// Twitter
	//
	$.si.twitter.getEntryCount(url, function(r){
		$('dl.twitter .entryCount').text(r);
	});

	var r = $.si.twitter.getEntryUrl( url );
	$('dl.twitter a.entryUrl').text(r).prop('href', r);

	var r = $.si.twitter.getSearchUrl( url );
	$('dl.twitter a.searchUrl').text(r).prop('href', r);

	// Facebook

	$.si.facebook.getEntryCount(url, function(r){
		$('dl.facebook .entryCount').text(r);
	});

	var r = $.si.facebook.getEntryUrl( url );
	$('dl.facebook a.entryUrl').text(r).prop('href', r);

	var r = $.si.facebook.getSearchUrl( url );
	$('dl.facebook a.searchUrl').text(r).prop('href', r);

	//Google Plus

	$.si.googleplus.getEntryCount(url, function(r){
		$('dl.googleplus .entryCount').text(r);
	});

	var r = $.si.googleplus.getEntryUrl( url );
	$('dl.googleplus a.entryUrl').text(r).prop('href', r);

	var r = $.si.googleplus.getSearchUrl( url );
	$('dl.googleplus a.searchUrl').text(r).prop('href', r);

	// Hatebu

	$.si.hatebu.getEntryCount(url, function(r){
		$('dl.hatebu .entryCount').text(r);
	});

	var r = $.si.hatebu.getEntryUrl( url );
	$('dl.hatebu a.entryUrl').text(r).prop('href', r);

	var r = $.si.hatebu.getSearchUrl( url );
	$('dl.hatebu a.searchUrl').text(r).prop('href', r);

	$.si.hatebu.getEntryList(url, function(json){
		$('<textarea/>').val(JSON.stringify(json, null, '    ')).appendTo(
			$('dl.hatebu .entryList').empty()
		);
	});

	$.si.hatebu.getEntry(url, function(json){
		$('<textarea/>').val(JSON.stringify(json, null, '    ')).appendTo(
			$('dl.hatebu .entry').empty()
		);
	});

	var r = $.si.hatebu.getProfileImgUrl(id);
	$('dl.hatebu dd.profileImgUrl a').prop('href', r).text(r);
	$('dl.hatebu dd.profileImgUrl img').prop('src', r);

	var r = $.si.hatebu.getEntryImgUrl( url );
	$('dl.hatebu dd.entryImgUrl a').prop('href', r).text(r);
	$('dl.hatebu dd.entryImgUrl img').prop('src', r);

	return arguments.callee;
}
$('#get-info').on('click', getInfo());

#result dd{
	margin-bottom:16px;
	min-height:16px;
}
#result h3{
	border-bottom:solid 1px #e0e0e0;
}
#result textarea{
	width:98%;
	height:300px;
}

Social Info :: jQuery SiteKit