<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 loadXMLFile(sName)
{
sheetName = 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 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++)
{
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="button" value="シート1を表示" onClick="loadXMLFile('Sheet1')">
<input type="button" value="シート2を表示" onClick="loadXMLFile('Sheet2')">
<input type="button" value="シート3を表示" onClick="loadXMLFile('Sheet3')">
</form>
<div id="result"></div>
</body>
</html>
説明などは本書を参考にしてください。