<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>エクセルのXMLデータから検索する</title>
<link rel="stylesheet" href="main.css" type="text/css">
<script type="text/javascript" src="prototype.js"></script>
<script type="text/javascript" src="Lib_Excel.js"></script>
<script type="text/javascript"><!--
function findXMLFile(sName)
{
var filename = "fruits.xml?cache="+(new Date()).getTime();
new Ajax.Request(filename, { method: "get", onComplete: displayData });
}
function displayData(httpObj)
{
var xmlObj = httpObj.responseXML;
var sheetName = "Sheet1"; // シート1から検索
var findName = $F("itemName"); // 検索キーワード読み出し
var resultData = "";
var wsObj = getWorkSheet(xmlObj, sheetName);
var w = getWorkSheetColCount(wsObj);
var h = getWorkSheetRowCount(wsObj);
resultData += "<table border='1' cellspacing='0'>";
for (var posY=0; posY<h; posY++)
{
var cellText = getCellData(xmlObj,sheetName,0,posY);
if (cellText.match(findName))
{
resultData += "<tr>";
for (var posX=0; posX<w; posX++)
{
var n = getCellData(xmlObj,sheetName,posX,posY);
resultData += "<td>"+n +"</td>";
}
resultData += "</tr>";
}
}
resultData += "</table>";
$("result").innerHTML = resultData;
}
// --></script>
</head>
<body>
<h1>エクセルのXMLデータから検索する</h1>
<form>
<input type="text" value="と" id="itemName">
<input type="button" value="検索" onClick="findXMLFile()">
</form>
<div id="result"></div>
</body>
</html>
説明などは本書を参考にしてください。