<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title> MS Wordファイルを読み込み検索する</title>
<style type="text/css"><!--
span { color:red; background-color:#ffd; }
--></style>
<script type="text/javascript" src="prototype.js"></script>
<script type="text/javascript"><!--
function mswordSearch()
{
count = 0; // 最初のファイル名の数字
maxCount = 3; // 最後のファイル名の数字
$("result").innerHTML = ""; // 表示内容を消去
loadXMLFile();
}
function loadXMLFile()
{
new Ajax.Request("worddata/"+count+".xml", { method: 'get', onComplete: displayData });
}
function displayData(httpObj)
{
var findTagName = "t";
if (window.createPopup) findTagName = "w:t";
var XML = httpObj.responseXML;
var txt = "";
var wtTag = XML.getElementsByTagName(findTagName);
for (var i=0; i<wtTag.length; i++)
{
txt += wtTag[i].childNodes[0].nodeValue;
}
// 検索処理
var word =$F("searchWord");
var data = txt.match(word);
if (data != null)
{
repData = new RegExp(word,"g");
txt = txt.replace(repData,"<span>"+word+"</span>");
$("result").innerHTML += count+".xml<br>"+txt + "<hr>";
}else{
$("result").innerHTML += count+".xml<br>該当する文字はありませんでした<hr>";
}
count++;
if (count <= maxCount) loadXMLFile();
}
// --></script>
</head>
<body>
<p>MS Wordファイルを読み込み検索する</p>
<form>
<input type="text" value="ワード" id="searchWord">
<input type="button" value="検索する" onClick="mswordSearch()"><br>
</form>
<div id="result"></div>
</body>
</html>
説明などは本書を参考にしてください。