比如底下那个评论列表的容器层 ,也就是你画的红框的id="pinlun",
两种思路:
整个页面加载的时候就把评论也加载完了,但是先隐藏起来,点击时候显示
点击时候实时跟后台ajax交互获取数据,然后innerHtml到pinlin这个层里显示出来。
如果你只要前端显示的话就用DOM,创建一个onclick函数,var newText=document.getElementById("...").value,然后创建新文本var addText=createTextnode(newText),再在评论列表.appendChild(addText)如果要保存在服务器再从中读取的话就得用AJAX了
<a href="#" onclick="ok()" id="a">评论</a>
<div id="cont">
</div>
<div id="pp" style="width:200pxheight:50pxdisplay:none">
<textarea id="tra"></textarea>
<input type="button" value="确定" onclick="save()"/>||<input type="button" value="取消"/>
</div> <script>
function ok() {
$("#tra").val("")
$("pp").show("slow")
}
function save() {
var cont = $("#tra").val()
alert(cont)
}
document.onclick = function (event) {
var e = event || window.event
var elem = e.srcElement || e.target
while (elem) {
if (elem != document) {
if (elem.id == "a" || elem.id == "tra") {
$("#pp").show("slow")
return
}
elem = elem.parentNode
} else {
$("#pp").hide("slow")
return
}
}
}
</script>
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)