<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>Sample</title>
<link rel="stylesheet" href="main.css" type="text/css" media="all">
<script type="text/javascript" src="prototype.js"></script>
<script type="text/javascript"><!--
function YahooCheck()
{
var srchStr = $("queryString").value;
var srchURL = $("queryURL").value;
if (srchStr == "")
{
$("result").innerHTML = "検索するキーワードを入れてください";
return;
}
if (srchURL == "")
{
$("result").innerHTML = "ページのURLを入れてください";
return;
}
$("result").innerHTML = "チェック中...";
$("sendBtn").disabled = true;
url = "yahoo.rb?query="+encodeURI(srchStr)+"&cache="+(new Date()).getTime();
new Ajax.Request(url, { method: 'get', onComplete: displayData });
}
function displayData(httpObj)
{
$("sendBtn").disabled = false;
var txt = "50位以内にはランクインしていませんでした";
var srchURL = $("queryURL").value;
srchURL = srchURL.toLowerCase();
var xmlData = httpObj.responseXML;
var resultList = xmlData.getElementsByTagName("Result");
for (var i=0; i<resultList.length; i++)
{
var checkURL = resultList[i].childNodes[2].childNodes[0].nodeValue;
checkURL = checkURL.toLowerCase();
if (checkURL.indexOf(srchURL) > -1)
{
txt = (i+1) + "位にランクインしています";
break;
}
}
$("result").innerHTML = txt;
txt = "<ol>";
for (var j=0; j<resultList.length; j++)
{
var checkURL = resultList[j].childNodes[2].childNodes[0].nodeValue;
var checkTitle = resultList[j].childNodes[0].childNodes[0].nodeValue;
var bgColor = "white";
if (i==j) bgColor = "#ff8888";
txt += '<li style="background-color:'+bgColor+'"><a href="'+checkURL+'">'+checkTitle+'</a>';
}
$("rankURLList").innerHTML = txt;
}
// --></script>
</head>
<body>
<h1>Yahoo JAPANで50位以内にランクインしているかチェック</h1>
<p>自分のページのURLとチェックする単語を入力してください。URLは一部分だけでも大丈夫です（部分一致検索のため）。また、英大文字小文字は問いません。Yahoo JAPANで検索した結果と若干ランクに誤差がある場合があります。<br>
<a href="http://developer.yahoo.co.jp/">Web Services by Yahoo! JAPAN</a></p>
<form method="get" onsubmit="YahooCheck();return false;">
URL : <input type="text" value="www.openspc2.org" id="queryURL"><br>
キーワード : <input type="text" value="JavaScript" id="queryString"><br>
<input type="button" id="sendBtn" value="Yahoo JAPANランクインチェック" onClick="YahooCheck()">
</form>
<div id="result"></div>
<div id="rankURLList"></div>
</body>
</html>
説明などは本書を参考にしてください。