jQuery load()を使って何でもブログパーツ! ITかあさん

ITかあさん

jQuery load()を使って何でもブログパーツ!

「このサイトの、この部分だけブログパーツにして自分のサイトに表示したい!」
誰もが一度はそんなことを考えるはず!(そうでもないか)

URLを叩いて、普通に表示されるコンテンツであればjQueryのload()を使えば簡単にブログパーツのように引っ張って来ることが出来ます。記述はたったこれだけです。

load("URL セレクタ",function () {
読み込みが完了してからの処理
});

ITかあさんのブログ更新情報をload()を使って呼び出し

load("URL セレクタ",function () {
読み込みが完了してからの処理
});
<script>
$(document).ready(function(){
$("#NewsBox").load("http://www.kaasan.info/ #rightcol .posted li",function () {
//読み込み完了したらローディング画像を隠す
$(".loading").hide();
});
});
</script>
<div id="NewsBox">
<p class="loading"><img src="/images/loading.gif" width="50" height="50" /></p>
</div>

表示例

大抵何でも引っ張れるものの、著作権については十分注意してください。

初夏のJavaScript祭 in サーキュレーションビル ForPro