{include file="{$appgroup}/header.html"}

<script type="text/javascript" src="{$__PUBLIC__}/admin/js/jquery.selection.js"></script>
<script type="text/javascript">
$(function(){
	$("tr").hover(function(){
		$(this).addClass("hover");
		},function(){
			$(this).removeClass("hover");
			})
	$("td span").hover(function(){
		$(this).addClass("link");
		},function(){
			$(this).removeClass("link");
			})
		})
function edit(obj,key){
	var id=$("input[name='id']").val();
	var con=$(obj).parent().prev().text();
	//key=key.replace("\n","");
	con=con.replace("\n","");
	$(obj).parent().parent().html('<input type="text" name='+key+' value='+con+' /><a href="#" onclick="javascript:editok($(this),'+id+',\''+key+'\');return false;">确定</a> <a href="#" onclick="javascript:cancel($(this),\''+con+'\',\''+key+'\');return false;">取消</a>');
	}
function editok(obj,id,key){
	var con=$(obj).prev().val();
	$.ajax({
		dataType:'json',
		url:"{$__URL__}",
		data:{ id:id,key:key,con:con },
		type:"post",
		success:function(msg){
			if(msg.status==1){
				$("#result").hide("slow",function(){
					$("#result").html("<font color='red'>"+msg.key+"</font><font color='green'>修改成功</font>");
					$("#result").show("slow");
					})
				
				//setTimeout("$('#result').hide('slow');",1000);
				
				}else{
					$("#result").hide("slow",function(){
						$("#result").html("<font color='green'>"+msg.key+"</font><font color='green'>修改失败</font>");
						$("#result").show("slow");
						})
					
					}
			$(obj).parent().html('<div class="vo">'+msg.con+'</div><span><a href="#" onClick="edit(this,\''+msg.key+'\')">修改</a></span>');
			}
		})
	}
function cancel(obj,con,key){
	$(obj).parent().html('<div class="vo">'+con+'</div><span><a href="#" onClick="edit(this,\''+key+'\')">修改</a></span>')
	}
function audit(obj,id,aud){
	$.ajax({
		dataType:'json',
		url:"{$__URL__}",
		data:{ auditid:id,v:aud },
		type:"post",
		success:function(msg){
			if(msg.status==1){
				$(obj).parent().parent().fadeOut("slow",function(){
					if(msg.audit==1){
						//$(obj).parent().prev().text("已审核");
						//$(obj).parent().html("<a href='#' onclick='audit(this,"+msg.id+",0)'>取消审核</a>");
						$(this).html('<div class="vo">已审核</div><span><a href="#" onclick="audit(this,'+msg.id+',0);return false;">取消审核</a></span>');
						
					}else{
						//$(obj).parent().prev().text("未审核");
						//$(obj).parent().html("<a href='#' onclick='audit(this,"+msg.id+",1)'>确定审核</a>");
						$(this).html('<div class="vo">未审核</div><span><a href="#" onclick="audit(this,'+msg.id+',1);return false;">确定审核</a></span>');
						}
					$(this).fadeIn("slow");
					});
				
				}else{
					alert(msg);
					}
			}
	})
	}

function popupDiv(obj,div_id,key) {   
		$("#text").val($.trim($(obj).parent().prev().text().replace("\n","")));
		//alert(key);
		$("#text").attr("name",key);
        var div_obj = $("#"+div_id);  
        var windowWidth = $(document).width();       
        var windowHeight = $(document).height();  
        var popupHeight = div_obj.height();       
        var popupWidth = div_obj.width();  
		$(".pop-box").css("left",windowWidth/2-popupWidth/2); 
        //添加并显示遮罩层   
        $("<div id='mask'></div>").addClass("mask")   
                                  //.width(windowWidth + document.body.scrollWidth)   
                                  //.height(windowHeight + document.body.scrollHeight) 
								  .width(windowWidth)   
                                  .height(windowHeight) 
                                  .click(function() { hideDiv(div_id); })   
                                  .appendTo("body")   
                                  .fadeIn(200);   
        div_obj.css({ "position": "absolute" })   
               .animate({ left: windowWidth/2-popupWidth/2,    
                         top: windowHeight/2-popupHeight/2, opacity: "show" }, "slow");   
        $("#text").focus();
		 $("#text").position($("#text").val().length);           
    }   
      
    function hideDiv(div_id) {   
		 var div_obj = $("#"+div_id);  
        var windowWidth = $(document).width();       
           
        var popupWidth = div_obj.width();   
        $("#mask").remove();   
        $("#" + div_id).animate({ left: windowWidth/2-popupWidth/2, top: 0, opacity: "hide" }, "slow");   
    }  
$(function(){
	$("#closediv").click(function(){
		hideDiv('pop-div');
		})
	})

	
$(function(){
	var options={
		dataType:"json",
		success:function(msg){
		
			$("table tr").each(function(){

				if($.trim($(this).children("td").eq(0).text().replace("\n",""))==msg.key){
					$(this).children("td").eq(1).find("div").text(msg.con);
					}
				})
			hideDiv('pop-div');
			}
		}
	$("#form1").ajaxForm(options);
	})	

/*$(function (){
	$("input[name='sub']").click(function(){
		var keyid=$("input[name='keyid']").val();
		var name=$("#text").attr("name");
		var val=$("input[name='"+name+"']").val();
		$.ajax({
		dataType:'json',
		url:"daital.php",
		type:"post",
		data:{ keyid:keyid,content },
		success:function(msg){
		
			$("table tr").each(function(){

				if($.trim($(this).children("td").eq(0).text().replace("\n",""))==msg.key){
					$(this).children("td").eq(1).find("div").text(msg.con);
					}
				})
			hideDiv('pop-div');
			}
		})
		})
	})*/
</script>
<style type="text/css">
.vo{
	float:left;
	width:70%;}
.hover{
	background:#FFF;}
.link{
	color:#999;
	cursor:pointer;}
.pop-box {   
		z-index: 9999; /*这个数值要足够大，才能够显示在最上层*/  
		margin-bottom: 3px;   
		display: none;   
		position: absolute;  
		background: #FFF;   
		border:solid 1px #6e8bde;
		width:500px;
		   
	}      
.pop-box-body {   
	clear: both;   
	margin: 4px;   
	padding: 2px;   
}     
.mask {   
	color:#C7EDCC;
	background-color:#F2F2F2;
	position:absolute;
	top:0px;
	left:0px;
	opacity:0.6;
	filter:"alpha(opacity=60)";
	filter:alpha(opacity=60);
	zoom:1;
} 
#closediv{
	float:right;
	cursor:pointer;}
</style>

<h3>详细信息:</h3>
<div id="result"></div>
<table border="1" width="60%">
{foreach from=$daital key=k item=vo}
	<tr>
		<td width="80">{if $k=="id"}
        		id         
        	{elseif $k=="name"}
            	姓名
            {elseif $k=="content"}
            	内容
            {elseif $k=="qq"}
            	qq
            {elseif $k=="email"}
            	Email
            {elseif $k=="tel"}
            	电话
            {elseif $k=="title"}
            	标题
            {elseif $k=="audit"}
            	审核
            {elseif $k=="ip"}
            	ip
            {elseif $k=="showtime"}
            	留言时间
            {elseif $k=="reply"}
            	管理员回复
            {/if}
        </td>
		<td>
			<div class="vo">
            {if trim($vo)=='' || $vo==null}空{elseif $k=='audit' && $vo==0}未审核{elseif $k=='audit' && $vo==1}已审核{else}{$vo}{/if}
            </div><span>{if $k=='name' || $k=='qq' || $k=='tel' || $k=='title' || $k=='email' || $k=='ip'}
            <a href="#" onClick='edit(this,"{$k}")'>修改</a>
            {elseif $k=='reply' || $k=="content"}
            <a href="#" onClick="popupDiv(this,'pop-div','{$k}')">修改</a>
            {elseif $k=='audit' && $vo==0}
			<a href="#" onclick='audit(this,"{$id}",1);return false;'>确定审核</a>
			{elseif $k=='audit' && $vo==1}
			<a href="#" onclick='audit(this,"{$id}",0);return false;'>取消审核</a>
			{else}
            {/if}</span>
        </td>
    </tr>
{/foreach}
<input type="hidden" name="id" value="{$id}" />
</table>
<a href="{$__APP__}/msgmanage/thispage/?&page={$thispage}">返回</a>           
<div id='pop-div'  class="pop-box">  
            <span id="closediv">关闭</span>
            <div class="pop-box-body" > 
            <select onchange="Fontsize(this)">
            	<option value="">大小</option>
                <option value="9">9</option>
                <option value="10">10</option>
                <option value="11">11</option>
                <option value="12">12</option>
                <option value="13">13</option>
                <option value="14">14</option>
            </select>
            <select onchange="Fontcolor(this)" >
            	<option value="">颜色</option>
                <option value="#F0F" style="background-color:#F0F;">#F0F</option>
                <option value="#F00" style="background-color:#F00;">#F00</option>
                <option value="#0F0" style="background-color:#0F0;">#0F0</option>
                <option value="#00F" style="background-color:#00F;">#00F</option>
                <option value="#FF0" style="background-color:#FF0;">#FF0</option>
                <option value="#0FF" style="background-color:#0FF;">#0FF</option>
            </select>
            <input type="button" onclick="Blod()" value="B" />
<input type="button" onclick="Italic()" value="I" />
<input type="button" onclick="Img()" value="Img" />
<input type="button" onclick="A()" value="A" />
<input type="button" onclick="Underline()" value="U" />
<input type="button" onclick="Pre()" value="Pre" />
             <form id="form1" action="{$__URL__}" method="post">
               <textarea id="text" rows="10" cols="50" onselect="this.pos = ubb();" onclick="this.pos = ubb();" onkeyup="this.pos = ubb();"></textarea><br />
               <input type="hidden" name="keyid" value="{$id}" />
               <input type="submit" name="sub" value="确定" />
                             
              </form>
                <!--<input id=btnClose type=button onclick="hideDiv('pop-div');" value="关闭"/>-->
            </div>  
        </div>
    <!--<input type=button id=btnTest  value='test' onclick="popupDiv('pop-div');"/>-->
    
{include file="{$appgroup}/footer.html"}