FC2ブログ
    まとめ買いがお得なオンラインセレクトショップ ETERNITY
2009年08月17日 (月)
以下のような感じでJavascriptを指定するところにPHPを指定する方法ってのを調べてたら、結果ブログパーツっぽくなっちゃいました。

本来jsを指定する部分
<script type='text/javascript' src='http://xxxxxx.com/xxxx.js'></script>

phpを指定する
<script type='text/javascript' src='http://xxxxxx.com/xxxx.php'></script>


Flashあればカッコイイもの作れるんでしょうけど、そんなセレブなツール持ってないし、
でもブログパーツ作りたいぜっ!って思っている漢な人向けなのかも(笑)

こだわって作ればもうちょっとまともなものできると思いますが、とりあえず表示できればおkってことで。

最近私の中でマイブームなGoogleトレンドを表示するブログパーツもどきの表示サンプルコードです。

見た目とか気にしだして適当にスタイル放り込んだら、ゴチャゴチャなソースにorz
実際見る気失せるソースの典型だねぇ~(オイオイ自分で言うな!)


---- gtrend.php として保存したソース ここから ----
<?php
$url = "http://www.google.co.jp/m/services/trends/get";
$rss = simplexml_load_file($url);
$i=0;
$bgimg = "";
header("Content-type: application/x-javascript; charset=UTF-8");

echo "document.write(\"<table width='150' height='180' border='0' cellspacing='0' cellpadding='0'>\")\n";
echo "document.write(\"<tr> <td align='center' height='28' style='background-color:#FF9900; color:#ffffff;'><div style='font-size:14px;'>Googleトレンド</div></td></tr>\")\n";
echo "document.write(\"<tr><td valign='middle' style='background:url(http://eternity.vs.land.to/gtrend/bg10.jpg);background-repeat:repeat-y;background-position:bottom;'><p>\")\n";
echo "document.write(\"<ol><div style='font-size:14px;'>\")\n";

foreach ($rss->item as $item) {
$i++;
if($i<=10){
echo "document.write(\"<li>{$item->query}</li>\")\n";
}
}

echo "document.write(\"</div></ol>\")\n";
echo "document.write(\"</p></td></tr>\")\n";
echo "document.write(\"<tr> <td align='center' height='28' style='background-color:#FF9900; color:#ffffff;'><div style='font-size:12px;'><a href='http://id123.blog34.fc2.com/' target='_blank'>by 伝説の裸エプロン</a></div></td></tr>\")\n";
echo "document.write(\"</table>\")";
?>

---- gtrend.php として保存したソース ここまで ----


呼び出しは、FC2ブログのフリーエリアプラグインに以下のコードを入れて保存すると表示されます。
うちのブログにも表示させたいんだけど?って漢な人いましたら↓これをそのままフリーエリアにコピペしてくださいな。

<script type='text/javascript' src='http://eternity.vs.land.to/gtrend/gtrend.php'></script>


動作デモは、このブログの左下に表示されるようにしてあります。
←←←テスト2:PHPを呼び出して表示

今回の製作にあたり、こちらのサイトを参考にしました。
http://www.res-system.com/weblog/item/383/



テーマ:プログラミング
ジャンル:コンピュータ
コメント
この記事へのコメント
コメントを投稿
URL:
Comment:
Pass:
秘密: 管理者にだけ表示を許可
 
トラックバック
この記事のトラックバックURL
この記事へのトラックバック