Joomla!1.5でjQuery Twitter Search Pluginを使った際のメモ

扱っている製品のツイートが結構あるので、よくあるTwtter検索の結果がスクロールされていくようなモジュールをJoomla!1.5のサイトに追加したいと思い、せっかくなのでjQueryモジュールで探してみたところ、jQuery Twitter Search Pluginがよさそうだったので試してみた。

Joomla!1.5でJavaScriptを埋め込むには、Mod HTMLを使えばよさそうだ。

Mod HTML allows you to add any HTML snippet or JavaScript code to your Joomla website

http://www.dart-creations.com/component/option,com_docman/Itemid,67/gid,30/task,cat_view/

モジュールを作成して、jQuery Twitter Searchのサンプルに従い、次のようにしてみた。

<style type="text/css">
#twitter1 { height: 320px; }
</style>
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="js/jquery.twitter.search.js"></script>
<script type="text/javascript">
<!--
$(document).ready(function() {
	$('#twitter1').twitterSearch({
		term:  'KEYWORD',
		title: '',
		bird: false,
		css: {
			img: {
				width: '30px', height: '30px'
			}
		}
	});
});
// -->
</script>
<div id="twitter1" class="twitter"></div>

どうもIE9だと「互換表示」でないと表示できない。F12を押して開発者ツールを起動すると、どうもjQuery1.7.2でエラーが出ているようだ。jQuery Twitter Searchのサンプルのソースと同じ1.4.2に変えたらうまく表示できたので終了！