如何用Dreamweaver制作留言板
如何用Dreamweaver制作留言板...在下初学Dreamweaver.需要准备一些什么....需要数据库的支持吗?请详细说(谢谢)行的说加100分...
如何用Dreamweaver制作留言板...在下初学Dreamweaver.
需要准备一些什么....需要数据库的支持吗?
请详细说(谢谢) 行的说加100分 展开
需要准备一些什么....需要数据库的支持吗?
请详细说(谢谢) 行的说加100分 展开
展开全部
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
#da{
border:1px solid #FF0000;
width:800px;
}
.a{
border:1px solid #0066CC;
width:800px;
height:30px;
line-height:30px;
}
.a1{
border:1px solid #0066CC;
width:60px;
height:30px;
line-height:30px;
float:left;
}
.a2{
border:1px solid #0066CC;
width:180px;
height:30px;
line-height:30px;
float:left;
}
.a3{
border:1px solid #0066CC;
width:400px;
height:30px;
line-height:30px;
float:left;
}
.a4{
border:1px solid #0066CC;
width:80px;
height:30px;
line-height:30px;
float:left;
}
</style>
<script type="text/javascript">
//dom节点的操作： 节点（标签元素）：创建标签元素 往对象中添加 删除标签元素
/* 创建标签元素 document.createElement();
添加子节点： xxx.appendChild(yyy); 在xxx对象中，添加yyy对象
删除子节点： xxx,remove(yyy) 在xxx对象中，删除yyy对象
*/
function aaa(){
var tv = document.getElementById("ta").value;
if(tv==""){
alert("评论不能为空！");
return; //结束方法
}
var x = document.createElement("div"); //创建一个新的div标签对象 创建：<div></div>
x.className = "a"; //给x对象的class属性，设置值； <div class="a"></div>
var x1 = document.createElement("div");
x1.className = "a1";
x1.innerHTML = "游客";
var x2 = document.createElement("div");
x2.className = "a2";
var d1 = new Date();
var year = d1.getFullYear();
var month = d1.getMonth()+1;
var date = d1.getDate();
var hour = d1.getHours();
var minute = d1.getMinutes();
var second = d1.getSeconds();
x2.innerHTML = year+"-"+month+"-"+date+" "+hour+":"+minute+":"+second;
var x3 = document.createElement("div");
x3.className = "a3";
x3.innerHTML = tv;
var x4 = document.createElement("div");
x4.className = "a4";
x4.innerHTML = "<input type='button' value='删除' onclick='del(this)'>";
//被包含的节点叫子节点，包含子节点的叫父节点
x.appendChild(x1); //给x对象添加子节点！
x.appendChild(x2);
x.appendChild(x3);
x.appendChild(x4);
document.getElementById("da").appendChild(x);
document.getElementById("ta").value = "";
}
//obj代表你点击的那个按钮对象
function del(obj){
if(confirm("确定要删除？")){
var da = document.getElementById("da");
//obj.parentNode 获得obj的父节点 ：包含按钮的div对象
da.removeChild(obj.parentNode.parentNode); //给da对象删除子节点
}
}
</script>
</head>
<body>
请留言：<br>
<textarea rows="8" cols="50" id="ta"></textarea><br>
<input type="button" value="发布" onclick="aaa()"><br>
<div id="da">
<div class="a">
<div class="a1">用户名:</div>
<div class="a2">时间：</div>
<div class="a3">内容：</div>
<div class="a4">操作：</div>
</div>
</div>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
#da{
border:1px solid #FF0000;
width:800px;
}
.a{
border:1px solid #0066CC;
width:800px;
height:30px;
line-height:30px;
}
.a1{
border:1px solid #0066CC;
width:60px;
height:30px;
line-height:30px;
float:left;
}
.a2{
border:1px solid #0066CC;
width:180px;
height:30px;
line-height:30px;
float:left;
}
.a3{
border:1px solid #0066CC;
width:400px;
height:30px;
line-height:30px;
float:left;
}
.a4{
border:1px solid #0066CC;
width:80px;
height:30px;
line-height:30px;
float:left;
}
</style>
<script type="text/javascript">
//dom节点的操作： 节点（标签元素）：创建标签元素 往对象中添加 删除标签元素
/* 创建标签元素 document.createElement();
添加子节点： xxx.appendChild(yyy); 在xxx对象中，添加yyy对象
删除子节点： xxx,remove(yyy) 在xxx对象中，删除yyy对象
*/
function aaa(){
var tv = document.getElementById("ta").value;
if(tv==""){
alert("评论不能为空！");
return; //结束方法
}
var x = document.createElement("div"); //创建一个新的div标签对象 创建：<div></div>
x.className = "a"; //给x对象的class属性，设置值； <div class="a"></div>
var x1 = document.createElement("div");
x1.className = "a1";
x1.innerHTML = "游客";
var x2 = document.createElement("div");
x2.className = "a2";
var d1 = new Date();
var year = d1.getFullYear();
var month = d1.getMonth()+1;
var date = d1.getDate();
var hour = d1.getHours();
var minute = d1.getMinutes();
var second = d1.getSeconds();
x2.innerHTML = year+"-"+month+"-"+date+" "+hour+":"+minute+":"+second;
var x3 = document.createElement("div");
x3.className = "a3";
x3.innerHTML = tv;
var x4 = document.createElement("div");
x4.className = "a4";
x4.innerHTML = "<input type='button' value='删除' onclick='del(this)'>";
//被包含的节点叫子节点，包含子节点的叫父节点
x.appendChild(x1); //给x对象添加子节点！
x.appendChild(x2);
x.appendChild(x3);
x.appendChild(x4);
document.getElementById("da").appendChild(x);
document.getElementById("ta").value = "";
}
//obj代表你点击的那个按钮对象
function del(obj){
if(confirm("确定要删除？")){
var da = document.getElementById("da");
//obj.parentNode 获得obj的父节点 ：包含按钮的div对象
da.removeChild(obj.parentNode.parentNode); //给da对象删除子节点
}
}
</script>
</head>
<body>
请留言：<br>
<textarea rows="8" cols="50" id="ta"></textarea><br>
<input type="button" value="发布" onclick="aaa()"><br>
<div id="da">
<div class="a">
<div class="a1">用户名:</div>
<div class="a2">时间：</div>
<div class="a3">内容：</div>
<div class="a4">操作：</div>
</div>
</div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
DreamWeaver制作留言板 需要插入表单 文本域 按钮 至少这三个元素
如果只是想做一个留言板页面这三个元素即可，然后用CSS美化一下。
如果想实现留言板留言功能则需要连接数据库做动态网站形式。
需要用到DreamWeaver的数据插入功能，重复排列功能，分页功能。
后台管理需要用到DreamWeaver的修改数据功能，删除功能，登陆功能，限制访问功能。
如果只是想做一个留言板页面这三个元素即可，然后用CSS美化一下。
如果想实现留言板留言功能则需要连接数据库做动态网站形式。
需要用到DreamWeaver的数据插入功能，重复排列功能，分页功能。
后台管理需要用到DreamWeaver的修改数据功能，删除功能，登陆功能，限制访问功能。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
需要数据库的，还需要安装IIS，这里给你一个详细的教程！从头到尾！只要你认真看过做过肯定可以有收获的。加油吧！
http://www.blueidea.com/tech/program/2005/2589.asp
http://www.blueidea.com/tech/program/2005/2589.asp
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
|
广告 您可能关注的内容 |
