westdc-zf1/application/default/views/scripts/author/comment-list.phtml

<?php
$this->headTitle($this->config->title->site);
$this->headTitle($this->config->title->author);
$this->headTitle()->setSeparator(' - ');
$this->headScript()->appendFile('/js/jquery-1.7.min.js');
$this->headLink()->appendStylesheet('/css/author.css');
$this->headScript()->appendFile('/js/jquery.colorbox-min.js');
$this->headLink()->appendStylesheet('/css/colorbox.css');
$this->breadcrumb('<a href="/">首页</a>');
$this->breadcrumb('<a href="/author">数据作者</a>');
$this->breadcrumb('数据反馈管理');
$this->breadcrumb()->setSeparator(' > ');
?>
<!-- 左侧导航 -->
<div id='sidebar'>
    <div id='leftnavi'>
    <?= $this->partial('author/navi.phtml'); ?>
    </div>
</div>
<!-- //左侧导航 -->

<!-- 页面内容 -->
<div id="wapper">
	<div id="tabs-controller">
		<ul>
			<li class="box-shadow active"><a class="text-shadow" href="/author/comment">元数据反馈概况</a></li>
			<li class="box-shadow"><a class="text-shadow" href="/author/comment/ac/listall">所有元数据反馈</a></li>
		</ul>
	</div> 
    <div id="datalist">
		<?php
		if (count($this->paginator)): 
		echo "<h2>数据标题：".$this->mdtitle."</h2>";
		echo "<ul>";
			$autoindex=0;
			foreach ($this->paginator as $item): 
			$autoindex++;?>
			<li>
				<p>评论者：<?php echo $item['author'] ?> （<?php echo $item['email'];?>）　评论时间：<?php echo date("Y-m-d H:i",strtotime($item['ts_created']));?> <a href="javascript:;" onclick="showreply(<?= $item['id']; ?>)">回复</a></p>
                <p style="display:none;vertical-align:bottom" id="comment_reply_<?= $item['id']; ?>">
                <textarea id="reply_<?= $item['id']; ?>" class="middle half"></textarea>
                 <button type="button" onclick="reply(<?= $item['id']; ?>,'<?= $item['uuid']; ?>')" class="btn btn-green" style="vertical-align:bottom">提交</button>
                 <div style="width:90%; margin:0 auto;">
                    <ul id="replyList_<?= $item['id']; ?>">
                    </ul>
                 </div>
                 </p>
                <p>　　<?php echo $item['content'] ?></p>
			</li>
		<?php endforeach; 
		echo "</ul>";
		endif; ?>
        <div class="pagenavi"><?= $this->paginator; ?></div>
    </div>
</div>
<!-- //页面内容 -->
<script>$('#wapper').width($('body').width()-300);</script>
<script>
function reply(id,uuid)
{
	$.ajax({
	  'type':"POST",
	  'url':'/author/comment/reply/'+id,
	  'data':'content='+$('#reply_'+id).val()+'&uuid='+uuid,
	  'success':function(data){
		  if (typeof(data)=='object')
		  {
			if(typeof(data.error)!='undefined')
			{Alert(data.error);return false;}
			if(typeof(data.msg)!='undefined')
			{Alert(data.msg);}
			if(typeof(data.status)!='undefined')
			{$('#comment_reply_'+id).slideToggle();}
		  }
		  else{ 
		  	Alert('服务器响应出错，请重试');
		  }
	  },
	  'timeout': 30000,
	  'error': function(){
		  Alert('出现错误，请稍后再试');
	   }
  });
}
function showreply(id){
	$('#comment_reply_'+id).slideToggle("slow", function () {
		if($('#comment_reply_'+id).css('display')!='none')
		{
			$.ajax({
			  'type':"POST",
			  'url':'/author/comment/replylist/'+id,
			  'data':'',
			  'success':function(data){
				  if (typeof(data)=='object')
				  {
					var html=new Array();
					for(i in data)
					{
						html.push('<li id="subReplyList_'+data[i].id+'">'+data[i].body+	'</li>');
					}
					html = html.join('');
					$('#replyList_'+id).html(html);
				  }
			  },
			  'timeout': 30000,
		  });
		}else{
			$('#replyList_'+id).html('');
		}
    });
}
function Alert(html){
	$.colorbox({'innerWidth':'50%','html':'<h4 style="font-size:16px;font-weight:bold;">'+html+'</h4>'});
}
</script>