asp は動的形式でデータを取得し、それを XML ファイルに書き込み、xsl で表示します。

著者：Eve Cole 更新時間：2009-06-24 17:28:05

1. アニメーション表のインターフェイス、csdn 论坛上参照

<html>
<頭>
<title>無标题文档</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<スクリプト言語="javascript">
var curRow=null;
変数y=1;

関数 selectRow(){
var e=ウィンドウ.イベント;
var tr1=e.srcElement;
if(curRow)
curRow.bgColor="#FFFFFF";
tr1.bgColor="e7e7e7";
curRow=tr1;
}
関数 addRow(src){
//アラート(src);
var newrow = src.insertRow(src.rows.length-1);
newrow.attachEvent("onclick",selectRow);
newrow.height=20;
変数i=4;

while(i--){
var newcell = newrow.insertCell();

スイッチ(i){
ケース 0: newcell.innerHTML= '<input type="button" onClick="javascript:delRow(this.parentElement.parentElement)" value="删除此行">'+(y++);
document.all.count.value=y-1;
壊す;
ケース 1:newcell.innerHTML=div2.innerHTML;break;
ケース 2:newcell.innerHTML=div3.innerHTML;break;
ケース 3:newcell.innerHTML=div4.innerHTML;break;
デフォルト: newcell.innerHTML=div1.innerHTML;break;

}
}
//alert(newrow.outerHTML);
関数

delRow(src){

var tab=src.parentElement;
var i=tab.rows.length;
var j=tab.rows.length;
while(i--){
if(src==tab.rows[i]){
//alert("就是这行----"+ i);
document.all.count.value=j-3;
tab.deleteRow(i);

}

}
}
</script>
</head>

<body>
<form name="form1" action="2.asp" method="post" onsubmit=return(checkv())>
<h3>输入销商の通信情報：</h3>
姓名: <input type="text" name="jxname"><br>
地址: <input type="text" name="jxadd"><br>
電文: <input type="text" name="jxtel"><br>
请输入库存信息<br>
<table id="tb" width="100%" border="1" align="center" cellpadding="1" cellpacing="1" style="border-collapse:collapse" bordercolor="#111111">
<tr>
<thscope="col" width="25%">商品名</th>
<thscope="col" width="25%">評価</th>
<thscope="col" width="25%">在庫残量</th>
<thscope="col" width="25%">操作</th>
</tr>
<tr id="blankRow" onClick="addRow(this.parentElement)">
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</テーブル>
<input type="hidden" name="count" value="count">
<input type="submit" id="btnSub" name="btnSub" value="提交"><br>
</form>
<div id="div1" style="display:none "><input id="txt" type="text" name="id" style="width:97%; background-color:#FFFFEF"></ div>

<div id="div2" style="display:none "><input id="txt" type="text" name="id1" style="width:97%;background-color:#FFFFEF" value ="11"></div>
</body>
<div id="div3" style="display:none "><select name="id2" style="width:97%;background-color:#FFFFEF" >
<option value="箱">箱</option>
<option value="件">件</option>

</select></div>
<div id="div4" style="display:none "><input id="txt" type="text" name="id3" style="width:97%;background-color:#FFFFEF" value=" 33"></div>
<スクリプト言語="javascript">
関数 checkv()
{

if (form1.jxname.value.length == 0)
{
alert("请充填写姓名和地址！");
form1.jxname.focus();
false を返します。
else

if(!(check_number(form1.id1.value)))
{
alert("数量だけは数字")
form1.id1.focus();
false を返します。
}
それ以外
戻り値 (真);
}
関数 check_number(myint)
{

</script>
</html>

2. 2.asp文件

<%
'////////////////////取表单データ
response.write("共"+request.form("count")+"记录")
i=request.form("カウント")
jxname=request.form("jxname")
jxadd=request.form("jxadd")
jxtel=request.form("jxtel")
response.write(request.form("jxname"))
response.write("<br>")
response.write(request.form("jxadd"))
response.write("<br>")
response.write(request.form("jxtel"))
response.write("<br>")
str1=trim(request.form("id1"))
str2=trim(request.form("id2"))
str3=trim(request.form("id3"))
arrayA=Split(str1,",")
arrayb=Split(str2,",")
arrayc=Split(str3,",")

i = 0 から UBound(arrayA) の場合
Response.Write "<LI>" & arrayc(i)&"--"&arrayb(i)&"--"&arrayA(i)
次
'///////////////////写入xml文件
薄暗いオブジェクトDom
Dim objRoot
薄暗いobjChild1
薄暗いobjChild2
薄暗いobjChild3
薄暗いobjChild4
薄暗いobjPI
ディムPINノード
Set objDom = Server.CreateObject("Microsoft.XMLDOM")
'/////書き込み样式
Set PINode=objDom.CreateProcessingstruct("xml-stylesheet", "type='text/xsl'

href='list.xsl'")
objDom.appendchild PINode
'/////创建根交差点
Set objRoot = objDom.createElement("kucunbiao")

objDom.appendChild objRoot
objChild1 = objDom.createElement("jxname") を設定します
objChild1.text=jxname

objRoot.appendChild objChild1

objChild2 = objDom.createElement("jxadd") を設定します
objchild2.text=jxadd

objRoot.appendChild objChild2
set objChild3=objDom.createElement("jxtel")
objChild3.text=jxtel
objRoot.appendChild objChild3
set objChild4=objDom.createElement("kucun")
objRoot.appendChild objChild4
i = 0 から UBound(arrayA) まで
Set objField = objDom.createElement("field")

'プロパティtaborderを作成します。
Set objattTabOrder = objDom.createAttribute("taborder")

'taborder の

プロパティを設定します

objattTabOrder.Text = i

'taborder のプロパティ値をフィールド要素に追加します。
objField.setAttributeNode objattTabOrder

'新しい要素field_valueを作成します。
objFieldValue2= objDom.createElement("名前") を設定します
objFieldValue2.Text = arrayc(i)
objFieldValue = objDom.createElement("guige")

objFieldValue.Text = arrayb(i)

を設定します。

set objFieldValue1=objDom.createElement("shuliang")
objFieldValue1.Text = arrayA(i)
'追加フィールド要素は根要素の子要素です。
objChild4.appendChild objField

'フィールド値を追加した子要素の内容
objField.appendChild objFieldValue
objField.appendChild objFieldValue1
objField.appendChild objFieldValue2
次
Set objPI = objDom.createProcessingstruct("xml","version='1.0'")

objDom.insertBefore objPI, objDom.childNodes(0)

objDom.Save "f:xml"&jxname&".xml"
'//////////释放资源
objDom = なしを設定します
objRoot = なしを設定します
objField = なしを設定します
objFieldValue = なしを設定します
objattID = なしを設定します
objattTabOrder = なしを設定します
objPI = なしを設定します
PINode=なしを設定します
%>
3.xsl表示取引のxml、list.xsl

<?xml version="1.0"coding="gb2312" ?>を

使用

<xsl:stylesheet version="1.0" xmlns:xsl=" http://www.w3.org/1999/XSL/Transform ">

<xsl:template match="/">
<html>
<body style="background:#DFEEBB"><左>
<h3>姓名：<xsl:value-of select="kucunbiao/jxname"/></h3>
<h3>地址：<xsl:value-of select="kucunbiao/jxadd"/></h3>

</table></left>
</body>
</html>
</xsl:テンプレート>
<xsl:template match="kucun">

</xsl:template>

</xsl:stylesheet>
感谢http://lucky.diy.myrice.com/index.html技術サポート