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>
$(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>
表示例
大抵何でも引っ張れるものの、著作権については十分注意してください。