我想制作一个留言板,但是留了言的内容却不能存储。
所以我想到了用文件读写的办法,但是小弟不才,不知道怎么做。希望各位高手帮帮小弟吧。。
下面是我的源代码(不能存储留言)<html>
<head><title>???</title>
<script language="javascript">
function mySubmit(){
var myMessage = document.getElementById("myMessage");
var mybr = document.createElement("br");
var myTable = document.createElement("table");
myTable.className="myTable";
var myTitleTr = myTable.insertRow(-1);
myTitleTr.className="myTitleTr";
var myTitleTd = myTitleTr.insertCell(-1);
myTitleTd.innerHTML = document.getElementById("myTitle").value;
var myContentTr = myTable.insertRow(-1);
var myContentTd = myContentTr.insertCell(-1);
myContentTd.innerHTML = document.getElementById("myContent").value;
document.getElementById("myTitle").value = "";
document.getElementById("myContent").value = "";
myMessage.appendChild(mybr);
myMessage.appendChild(myTable);
}
</script>
<style type="text/css">
<!--
body{background-color=87cefal;}
.myTable{
border:1px solid blue;
width:430px;
font-size:12px;
}
.myTitleTr{
background-color:yellow;
font-weight:bold;
color:red;
}
-->
</style>
</head>
<body>
<form>
<table>
<tr>
<td width="316">姓名
<input type="text" id="myTitle" size="20" /></td>
<td width="55"><input name="button" type="button" onClick="mySubmit();" value="留言" /></td>
</tr>
</tr>
<tr><td colspan="2">
<textarea id="myContent" cols="50" rows="10"></textarea></td>
</tr>
</table>
<div id="myMessage"></div>
</form>
</body>
</html>
所以我想到了用文件读写的办法,但是小弟不才,不知道怎么做。希望各位高手帮帮小弟吧。。
下面是我的源代码(不能存储留言)<html>
<head><title>???</title>
<script language="javascript">
function mySubmit(){
var myMessage = document.getElementById("myMessage");
var mybr = document.createElement("br");
var myTable = document.createElement("table");
myTable.className="myTable";
var myTitleTr = myTable.insertRow(-1);
myTitleTr.className="myTitleTr";
var myTitleTd = myTitleTr.insertCell(-1);
myTitleTd.innerHTML = document.getElementById("myTitle").value;
var myContentTr = myTable.insertRow(-1);
var myContentTd = myContentTr.insertCell(-1);
myContentTd.innerHTML = document.getElementById("myContent").value;
document.getElementById("myTitle").value = "";
document.getElementById("myContent").value = "";
myMessage.appendChild(mybr);
myMessage.appendChild(myTable);
}
</script>
<style type="text/css">
<!--
body{background-color=87cefal;}
.myTable{
border:1px solid blue;
width:430px;
font-size:12px;
}
.myTitleTr{
background-color:yellow;
font-weight:bold;
color:red;
}
-->
</style>
</head>
<body>
<form>
<table>
<tr>
<td width="316">姓名
<input type="text" id="myTitle" size="20" /></td>
<td width="55"><input name="button" type="button" onClick="mySubmit();" value="留言" /></td>
</tr>
</tr>
<tr><td colspan="2">
<textarea id="myContent" cols="50" rows="10"></textarea></td>
</tr>
</table>
<div id="myMessage"></div>
</form>
</body>
</html>
解决方案 »
- 请教 js 中的confirm弹出对话框后可以让自动确定么?
- 关于Jquery插件ColorBox的问题
- 一个简单的问题,缺少 ‘)’
- 请问getElementsByTagName取得的值的类型
- 导航树上如果数据库是繁体则显示?,请问怎么办?
- 窗口滚动展示效果
- 与Flex, AnctionScript等方案相比较,JS可视化框架有何优势?
- 判断IFRAME是否存在
- 绝对兑现!!!
- 在一个applet上,用javascript设置了onclick函数,可是在该applet上点击却无法触发该事件,为何??
- 谁有 JQUERY 1.3.2 中文手册
- 关于图片变换的一段JavaScript代码,无法显示,求助!
在mySubmit()里添加一些方法.进行数据存储.可以使用AJAX,存到服务器.或其它的.
在你第一次打开页面时,就要加载所有的留言了.也可以用AJAX. 循环读取数据.创建TABLE.然后显示.
但用JS创建DOM元素.不是那么快地.直接显示出来,而不用JS创建就快多了.