求一个javaScript+xml的留言版实例,简单到能留言就行
想帮同学实现个留言版功能,因为她什么都不会弄,所以初想希望不用数据库,简单到只要有IE就能实现留言,这样她不就需要布署了,也不用配置什么文件了,拿给老师打开IE就能演示。
刚在网上查了下,javaScript+xml就能实现,看了些资料不太懂,希望哪位大侠能提供个实例,谢谢了先。
[解决办法]
ajax 的太多了 。
看看这个吧
简单的Js留言板
<script>
function Ok_OnClick(event)
{
if(document.getElementsByName("textName")[0].value == ""){
alert("请输入内容");
return;
}
var table;
var tableList = document.getElementsByTagName("TABLE");
for(var i = 0 ; i < tableList.length ; i++) {
if(tableList[i].name == "tableName") {
table = tableList[i]
break;
}
}
var value = document.getElementsByName("textName")[0].value;
var index = table.rows.length;
table.insertRow(index);
table.rows(index).insertCell(0);
table.rows(index).cells(0).innerText = value;
document.getElementsByName("textName")[0].value = "";
}
</script>
<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=gb2312">
<TITLE>留言版</TITLE>
<STYLE>
td{width:20%;height:20px;border-bottom:1px solid black;border-right:1px solid black;cursor:default;}
div{font-size:13px;}
th{height:20px;font-size:12px;font-weight:normal;border-bottom:2px solid black;background-color:#CCCCCC}
table{border:1px solid black;font-size:13px;}
</STYLE>
</HEAD>
<BODY oncontextmenu="return false;"">
<TABLE name="tableName" width="70%" align="center" cellpadding="0" cellspacing="0">
<TR>
<TH colspan="4" style="">留言版</TH>
</TR>
<TR>
<TD>呵呵,一个超简陋的留言版 ^_^</TD>
</TR>
</TABLE>
<BR>
<div align="center">
<textarea rows="2" name="textName" id="textId" cols="20"
style="width: 70%; clip: rect(0pt, 47pt, 18pt, 0pt); font-family: 宋体; font-size: 10pt; font-weight: normal; font-style: normal;text-align: left; vertical-align: middle; text-indent: 0; color: #000000; background-attachment: fixed; background-color: #EEEEEE; border: 1px solid #0xf8f8f8">
</textarea>
</div>
<BR>
<div align="center">
<input type="button" value="提交" onclick="return Ok_OnClick(window.event);"
style="align:center ; width:60 ; height: 21; clip: rect(0pt, 47pt, 18pt, 0pt); font-family: 宋体; font-size: 10pt; font-weight: normal; font-style: normal; cursor: hand; text-align: center; vertical-align: middle; text-indent: 0; color: #000000; background-attachment: fixed; background-color: #d8d8d8; border: 1px solid #59b4f7">
<!--position: absolute; left: 342; top: 184; -->
</div>
</BODY>
</HTML
[解决办法]
去sourceforge.net看看
[解决办法]