求QQ空间回复框隐藏等功能例子

快跑蜗牛哥 2010-08-03 10:02:16
求类似QQ空间隐藏回复框,
以及回复内容后,页面不刷新
直接显示回复内容的例子!
...全文
225 16 打赏 收藏 转发到动态 举报
写回复
用AI写文章
16 条回复
切换为时间正序
请发表友善的回复…
发表回复
Silence_Smile 2010-08-13
  • 打赏
  • 举报
回复
<!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" />
<script type="text/javascript" src="css_js/jquery/jquery-1.3.2.min.js"></script>
<title>jquery操作表格测试</title>
<style type="text/css">
.cl1{
background-color:
}
.cl2{
background-color:#FFFF99;
}
</style>
<script type="text/javascript">
var tableCount = 0;
var colCount = 2;
function del(_id){
var tableTr = $("#testTable .tr_"+_id).hide();
tableCount--;
}
function addRow(){

tableCount++;
var addRowTemplete = '<tr class="tr_'+tableCount+'"><td class="cl1">'+tableCount+'</td><td class="cl1">内容'+tableCount+'</td><td class="cl1"><a href="javascript:void(0)" onclick=del('+tableCount+');>删除</a></td></tr>';
var tableHtml = $("#testTable tbody").html();
tableHtml += addRowTemplete;
$("#testTable tbody").html(tableHtml);
}
function addCol(){
colCount++;
$("#testTable tr").each(function(){
var trHtml = $(this).html();
trHtml += "<td onclick='delCol("+colCount+")'>曾加的td</td>";
$(this).html(trHtml);
});
}
function delCol(_id){
$("#testTable tr").each(function(){
$("td:eq("+_id+")",this).hide();
colCount--;
});
}
function chgBkColor(_id){
$("#testTable tr:not(:first)").each(function(){
$("td:eq("+_id+")",this).removeClass("cl1");;
$("td:eq("+_id+")",this).addClass("cl2");;
});
}
function reBkColor(_id){
$("#testTable tr:not(:first)").each(function(){
$("td:eq("+_id+")",this).removeClass("cl2");;
$("td:eq("+_id+")",this).addClass("cl1");;
});
}
</script>

</head>

<body>
<table width="487" border="1" id="testTable">
<tr>
<td onclick="delCol(0)">序号</td>
<td onclick="delCol(1)" onmousemove="chgBkColor(1);" onmouseout="reBkColor(1)">内容</td>
<td onclick="delCol(2)" onmousemove="chgBkColor(2);" onmouseout="reBkColor(2)">操作</td>
</tr>
</table>
<p>
<input type="button" name="Submit" value="添加行" onclick="addRow()" />
<input type="button" name="Submit2" value="添加列" onclick="addCol()"/>
</p>
</body>
</html>

Silence_Smile 2010-08-13
  • 打赏
  • 举报
回复
这个代码需要个jquery-1.3.2.min.js才能运行

<!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" /> <script type="text/javascript" src="css_js/jquery/jquery-1.3.2.min.js"></script> <title>jquery操作表格测试</title> <style type="text/css"> .cl1{ background-color: } .cl2{ background-color:#FFFF99; } </style> <script type="text/javascript"> var tableCount = 0; var colCount = 2; function del(_id){ var tableTr = $("#testTable .tr_"+_id).hide(); tableCount--; } function addRow(){ tableCount++; var addRowTemplete = '<tr class="tr_'+tableCount+'"><td class="cl1">'+tableCount+'</td><td class="cl1">内容'+tableCount+'</td><td class="cl1"><a href="javascript:void(0)" onclick=del('+tableCount+');>删除</a></td></tr>'; var tableHtml = $("#testTable tbody").html(); tableHtml += addRowTemplete; $("#testTable tbody").html(tableHtml); } function addCol(){ colCount++; $("#testTable tr").each(function(){ var trHtml = $(this).html(); trHtml += "<td onclick='delCol("+colCount+")'>曾加的td</td>"; $(this).html(trHtml); }); } function delCol(_id){ $("#testTable tr").each(function(){ $("td:eq("+_id+")",this).hide(); colCount--; }); } function chgBkColor(_id){ $("#testTable tr:not(:first)").each(function(){ $("td:eq("+_id+")",this).removeClass("cl1");; $("td:eq("+_id+")",this).addClass("cl2");; }); } function reBkColor(_id){ $("#testTable tr:not(:first)").each(function(){ $("td:eq("+_id+")",this).removeClass("cl2");; $("td:eq("+_id+")",this).addClass("cl1");; }); } </script> </head> <body> <table width="487" border="1" id="testTable"> <tr> <td onclick="delCol(0)">序号</td> <td onclick="delCol(1)" onmousemove="chgBkColor(1);" onmouseout="reBkColor(1)">内容</td> <td onclick="delCol(2)" onmousemove="chgBkColor(2);" onmouseout="reBkColor(2)">操作</td> </tr> </table> <p> <input type="button" name="Submit" value="添加行" onclick="addRow()" /> <input type="button" name="Submit2" value="添加列" onclick="addCol()"/> </p> </body> </html>
Inhibitory 2010-08-13
  • 打赏
  • 举报
回复
动态操作HTML DOM + AJAX异步交互,推荐楼主可以找本jQuery的书,然后学学,效果很好的,难度不大,但首先得了解基础。
快跑蜗牛哥 2010-08-13
  • 打赏
  • 举报
回复
急求例子,高分酬谢!!

提供相关例子500分酬谢。
zhugewuhou 2010-08-04
  • 打赏
  • 举报
回复
主要使用ajax和jQuery,回复框是一个HTML文本编辑器,网上有源码
javaie 2010-08-04
  • 打赏
  • 举报
回复
wo ye 是jquery的初学者吧。。 +u
tonyzzp 2010-08-04
  • 打赏
  • 举报
回复
随手写的
大概这样 不能保证 。。
建议学下jquery 很好学的
比原始js简单多了。
tonyzzp 2010-08-04
  • 打赏
  • 举报
回复

<dl>
<dt>文章的评论</dt>
<dd>A说:写的不错。。</dd>
<dd>B说:还行吧。。。</dd>
</dl>

<textarea id="msg"></textarea>
<button id="bt_ok">提交</button>

<script>
$(document).ready(function(){
$("#bt_ok").click(function(){
$.ajax({
method:"post",
url:"submitComment.jsp",
data:"msg="+$("#msg").val();
success:functioin(data){
if(data=='ok'){
$("dd:last").after("<dd>"+$("#msg").val()+"</dd>");
$("#msg").val("");
}
}
error:function(){
alert("error!");
}
});
});
});
</script>
快跑蜗牛哥 2010-08-04
  • 打赏
  • 举报
回复
[Quote=引用 2 楼 ymdcr 的回复:]
ajax
jquery
append()
[/Quote]
有没有相关例子啊!!!
玉麟龙 2010-08-04
  • 打赏
  • 举报
回复
用Ajax吧
txa173420882 2010-08-03
  • 打赏
  • 举报
回复
楼上回答很精准···
牛叔 2010-08-03
  • 打赏
  • 举报
回复
ajax
jquery
append()
快跑蜗牛哥 2010-08-03
  • 打赏
  • 举报
回复
居然木有人????
1. 课程介绍Android开发所需要的比较全面的基础知识,原理。这样在随后的课程里或阅读开源的App时能读懂代码。2. 课时的编排使用Google官方的Android Developer CN的分类,删减了对jetpack(Androidx)的相关课题。因为jetpack并不是核心库,国内大部分App都不会使用它。3. 使用Java作为项目例子代码,要学习Android开发,首先得会Java语言,因为Android API的核心代码是用Java编写的,也可以使用Koltin语言,但是当阅读Android源码时会Java语言是绕不过去的。Java代码可以通过Android Studio的菜单 Code - Convert Java File To Kotlin File来转换为Koltin. 4. 主要介绍Android的核心组件,类库. 但是不会详细介绍jetpack的库,因为这个库使用koltin,而且对AS有强依赖,比如升级了AS不得不升级jetpack(androidx)。或者对于低版本的androidx,新版AS干脆不支持;还有就是依赖GMS核心的都不准备讲,只介绍开源的第三方项目,可以发布到华为,小米等国内Android系统的类库。5. 这里只是介绍Android的原生开发,不介绍Flutter,React Native,Hipppy等跨平台架。选择原生架的好处就是可以使用系统平台最新的特性,最高的性能,最少的学习成本。当然这些跨平台架访问系统的一些独有功能还是得通过桥接原生架调用。Flutter得要学会Dart,Java语言,并且学会它的架体系API. React Native和Hippy这些H5架通过JavaScript访问原生功能架也得学会JavaScript,还要会Vue,React架,之后就是Html,Css布局。 这些还需要下载安装开发额外的开发环境。当然它的好处是跨Android,iOS两个平台。童鞋根据自己的项目要进行取舍。

81,090

社区成员

发帖
与我相关
我的任务
社区描述
Java Web 开发
社区管理员
  • Web 开发社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧