<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>ExcelのXML形式で保存する</title>
<script type="text/javascript" src="prototype.js"></script>
<script type="text/javascript"><!--
cellH = 5; // セルの行数
cellW = 5; // セルの列数
cellString = "ABCDE"; // セルの名前
function msExcelSave()
{
$("saveBtn").disabled = true;
for (var y=cellH; y>0; y--)
{
for (var x=cellW; x>0; x--)
{
var cellNo = cellString.charAt(x-1)+y;
var repText = new RegExp("="+cellNo);
excelXML = excelXML.replace(repText, $F(cellNo));
}
}
new Ajax.Request("save.rb", { method: "post",
postBody: "saveXML="+excelXML,
onComplete: function (httpObj)
{
$("result").innerHTML += httpObj.responseText;
$("saveBtn").disabled = false;
}
});
}
function viewXML()
{
location.href = "exceldata.xml?"+(new Date()).getTime();
}
function loadTempXML()
{
new Ajax.Request("exceltemp.xml", { method: "post",
onComplete: function(httpObj)
{
excelXML = httpObj.responseText;
}
});
}
function createCell()
{
for (var y=0; y<cellH; y++)
{
for (var x=0; x<cellW; x++)
{
cellName = cellString.charAt(x) + (y + 1);
document.write('<input type="text" size="7" id="'+cellName+'">');
}
document.write("<br>");
}
}
// --></script>
</head>
<body onLoad="loadTempXML()">
<h1>ExcelのXML形式で保存する</h1>
<form onSubmit="return false">
<script type="text/javascript"><!--
createCell();
// --></script>
<input type="button" value="保存する" onClick="msExcelSave()" id="saveBtn">
<input type="button" value="保存データを閲覧する(XML)" onClick="viewXML()"><br>
</form>
<div id="result"></div>
</body>
</html>
説明などは本書を参考にしてください。