帮忙编个网页

偶然 · 发表于 2010-12-17 19:25:52

用JS写的按钮我不会写。。。

漂灵 · 发表于 2010-12-17 19:33:49

？？？这个怎么不会呢，jsp会写不，你定义一个var，将这行代码作何拼装，最后show出来就可以了。。具体的呢查下js基础吧，这个很基础。。。

漂灵 · 发表于 2010-12-17 19:37:12

function test(){
var jsToHTML = "<table name ='xxx' id='xxx'>"+"<.....>"+"<button>"
//todo show 方法查下是不是前面要加document.
show();

}

漂灵 · 发表于 2010-12-17 19:48:27

OK下了，回去吃饭，要是还搞不定，自己查下网上一堆，实在不行有问题可以发我邮件，javaz@163.com或者msn：weilxue@hotmail.com一起交流

偶然 · 发表于 2010-12-17 20:18:14

引用第13楼漂灵于2010-12-17 19:48发表的 : $ |% F! z* ]7 R a2 \1 S
OK下了，回去吃饭，要是还搞不定，自己查下网上一堆，实在不行有问题可以发我邮件，javaz@163.com或者msn：weilxue@hotmail.com一起交流

还是没弄好。。。谢谢了

漂灵 · 发表于 2010-12-18 13:55:45

看过你写的代码了，明白你啥意思了，原来你没明白我的意思，我之前也没声明，不知道你会不会用jquery，你的代码我没细看（没注释啊大哥！最起码要稍微有点css吧），我帮你写了个，回你邮箱了，用的jquery（不是我故意用个框架给你，是不用这个我现在也忘记了怎么写了具体），你看看，那边不懂的再说

漂灵 · 发表于 2010-12-18 14:10:29

晕死，qq邮箱这边回不了，直接贴上来吧。。。
//仅是新增用户名密码为例。。。。。具体新增其他东西直接修改即可，这是个js页面，
$(initTable);
var edit=false;
function initTable(){
var bodyHTML="";
bodyHTML += createTR('0097','张三');
bodyHTML += createTR('0098','李四');
bodyHTML += createTR('0099','王五');
$("#userList").html(bodyHTML);

//新增
$("#addUser").click(function(){
      addUser();
});
}
//创建行
function createTR(userCode,userName){
var html = "";
html += "<tr class=\\"tdItem\\" >"
      + "<td><input type=\\"checkbox\\"/></td>"
      + "<td>" + userCode + "</td>"
      + "<td>" + userName + "</td>"
      + "<td><a href=\\"javascript:void(0);\\" onclick=\\"userView(this);\\" class=\\"opLink\\">查看</a> |  <a href=\\"javascript:void(0)\\" class=\\"opLink\\" onclick=\\"deleteUser(this)\\">删除</a></td>"
return html;
}
//添加用户资料
function addUser(){
$("#addUser").attr("disabled","true").addClass("icoNone");
if (edit) {
      alert("请先保存");
      return;
} else {
      edit = true;
}
var userList="<tr class=\\"tdItem\\">"
                  +"<td> </td>"
                  +"<td><input id=\\"userCode\\"  type=\\"text\\" maxlength=\\"50\\" style=\\"width:90px\\"></td>"
                  +"<td><input id=\\"userName\\"  type=\\"text\\" maxlength=\\"50\\" style=\\"width:90px\\"></td>"
                  +"<td><a href=\\"javascript:void(0)\\" class=\\"opLink\\" onclick=\\"userSave(this)\\">保存</a> | <a href=\\"javascript:void(0)\\" class=\\"opLink\\" onclick=\\"cancelSave(this)\\">取消</a></td>"
                  +"</tr>";

if($("#userList tr").length==0){
   $("#userList").append(userList)
}else{
   $(userList).insertBefore($("#userList tr:eq(0)"));
}
}
//保存
function userSave(self){
var userCode=$("#userCode").val();
var userName=$("#userName").val();
if(userCode==""){
      alert("用户代码不能为空");
      return;
}
if(userName==""){
      alert("用户名不能为空");
      return;
}
var userList=createTR(userCode,userName);
if($("#userList tr").length==0){
   $("#userList").append(userList)
}else{
   $(userList).insertBefore($("#userList tr:eq(0)"));
}
cancelSave(self);
}
//取消
function cancelSave(self){
edit = false;
$(self).parent().parent().remove();
$("#addUser").removeAttr("disabled","true").removeClass("icoNone");
}
//删除
function deleteUser(self){
$(self).parent().parent().remove();

}
//查看用户资料
function userView(self){
var selfObj=$(self).parent().parent().find("td");
var userCode = selfObj.eq(1).text();
var userName = selfObj.eq(2).text();
alert("用户代码："+userCode+";"+"用户名："+userName);
}

漂灵 · 发表于 2010-12-18 14:14:54

html页面：
<body>
<div align="center">
<table border="0" cellspacing="0" cellpadding="0" width="500">
  <tr>
<th>选择</th>
<th>用户代码</th>
<th>用户名</th>
<th>操作 <input type="button" class="btn" value="新增" id="addUser"/></th>
  </tr>
  <tbody id="userList">
  </tbody>
</table>
</div>
</body>
//其他头部自行添加

漂灵 · 发表于 2010-12-18 14:15:29

同时要在页面引入jquery，jquery在网上直接下

		自动登录	找回密码
密码			立即加入

帮忙编个网页

回 8楼(漂灵) 的帖子