任意のキーワードで検索し結果を表示する

 任意のキーワードで検索し結果を表示するには、入力フォームを用意しておきます。入力フォームのテキストフィールドに入力された文字を読み出しエンコードしてから、TAGGY Search APIのパラメータとして送信します。以後の処理は、前項と同じです。(サンプルを実行する

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<script type="text/javascript"><!--
function loadScript(){
var kw = document.getElementById("keyword").value;
var script = document.createElement("script");
script.charset = "utf-8";
script.src = "http://taggy.jp/user/media/new/jsonp.do?encoding=UTF-8&callback=dataProc&limit=10&offset=0&media=video&query="+encodeURIComponent(kw);
document.body.appendChild(script);
}
// JSONPの場合のデータ処理
function dataProc(data){
document.getElementById("result").innerHTML = data.Count + "件見つかりました<br><br>";
for (var i=0; i<data.Entry.length; i++){
var aLink = '<a href="'+data.Entry[i].link+'">';
document.getElementById("result").innerHTML += aLink + data.Entry[i].title +"</a><br>";
}
}
// --></script>
<title>Sample</title>
</head>
<body>
<h1>TAGGY Search APIサンプル (読み込まれた記事のタイトルを全て表示)</h1>
<form>
キーワード:<input type="text" id="keyword" size="40" value="Car">
<input type="button" value="検索" onClick="loadScript()">
</form>
<div id="result"></div>
</body>
</html>

[目次へ]

(2007.5.15)