修改zblog评论界面，隐藏已保存字段输入框

今天在大猪的博客看到这样一个效果，见本博评论框。随便找一篇日志发布评论，点“记住我”后，再次评论时名称、邮箱、网站链接三个字段自动隐藏，可点击edit进行编辑。这样的用户体验非常好。参考大猪博客的方法修改之，修改方法：
1、打开b_article-istop.html文件，加入这段js代码，也可以做成一个单独的js文件，放在模板目录下，模板中调用即可。

<script language="javascript">  
function loadauthor_info()   
{   
    var t_strName=GetCookie("inpName");   
    var t_bolRemember=GetCookie("chkRemember");   
    var t_authorinfo=document.getElementById("author_info");   
  if(GetCookie("username")){
    document.getElementById("currentuser").innerHTML=unescape(GetCookie("username"))+","; 
        document.getElementById("is_edit").innerHTML="edit";   
    t_authorinfo.style.display="none";
  }
  else if(t_strName){
       document.getElementById("currentuser").innerHTML=t_strName+","; 
  } 
    if(t_bolRemember=="true"){   
        document.getElementById("is_edit").innerHTML="edit";   
        if(t_strName){t_authorinfo.style.display="none";}   
    }   
       
}   
window.attachEvent("onload",loadauthor_info);   
  
function openauthor_info()   
{   
    var t_author=document.getElementById("author_info");   
    if(t_author.style.display=="none")   
    {   
        t_author.style.display="block";   
    }else   
    {   
        t_author.style.display="none";   
    }   
}   
</script>


2、将名称、EMAIL、website三个字段放在一个id为author_info的div之间，将

<a name="comment"><#ZC_MSG024#>:</a>

修改为：

<span id="currentuser"></span><a name="comment" href="javascript:void(0);" onclick="openauthor_info();"><#ZC_MSG024#>:<span id="is_edit"></span></a>

id名称可以自行定义，在js里面修改对应id名即可。

3、修改后的b_article-istop.html文件内容如下所示：

<script language="javascript">  
function loadauthor_info()   
{   
    var t_strName=GetCookie("inpName");   
    var t_bolRemember=GetCookie("chkRemember");   
    var t_authorinfo=document.getElementById("author_info");   
  if(GetCookie("username")){
    document.getElementById("currentuser").innerHTML=unescape(GetCookie("username"))+","; 
        document.getElementById("is_edit").innerHTML="edit";   
    t_authorinfo.style.display="none";
  }
  else if(t_strName){
       document.getElementById("currentuser").innerHTML=t_strName+","; 
  } 
    if(t_bolRemember=="true"){   
        document.getElementById("is_edit").innerHTML="edit";   
        if(t_strName){t_authorinfo.style.display="none";}   
    }   
       
}   
window.attachEvent("onload",loadauthor_info);   
  
function openauthor_info()   
{   
    var t_author=document.getElementById("author_info");   
    if(t_author.style.display=="none")   
    {   
        t_author.style.display="block";   
    }else   
    {   
        t_author.style.display="none";   
    }   
}   
</script>
<div class="post" id="divCommentPost">
  <p class="posttop"><span id="currentuser"></span><a name="comment" href="javascript:void(0);" onclick="openauthor_info();"><#ZC_MSG024#>:<span id="is_edit"></span></a></p>
  <form id="frmSumbit" target="_self" method="post" action="<#article/commentposturl#>" >
  <input type="hidden" name="inpId" id="inpId" value="<#article/id#>" />
  <input type="hidden" name="inpArticle" id="inpArticle" value="" />
  <input type="hidden" name="inpLocation" id="inpLocation" value="" />
    <div id="author_info">
        <p><input type="text" name="inpName" id="inpName" class="text" value="" size="28" tabindex="1" /> <label for="inpName"><#ZC_MSG001#>(*)</label></p>
        <p><input type="text" name="inpEmail" id="inpEmail" class="text" value="" size="28" tabindex="2" /> <label for="inpEmail"><#ZC_MSG053#></label></p>
        <p><input type="text" name="inpHomePage" id="inpHomePage" class="text" value="" size="28" tabindex="3" /> <label for="inpHomePage"><#ZC_MSG054#></label></p>
    </div>
  <#template:article_commentpost-verify#>
  <p><textarea name="txaArticle" id="txaArticle" onchange="GetActiveText(this.id);" onclick="GetActiveText(this.id);" onfocus="GetActiveText(this.id);" class="text" cols="58" rows="4" tabindex="5" ></textarea>
  </p>
  <p><input name="btnSumbit" type="submit" tabindex="6" value="<#ZC_MSG087#>" onclick="JavaScript:return VerifyMessage()" class="button" /> <input name="chkRemember" type="checkbox" id="chkRemember" value="1" checked="checked" />
   <label for="chkRemember"><#ZC_MSG049#></label></p>
  <script language="JavaScript" type="text/javascript">objActive="txaArticle";ExportUbbFrame();</script>
  </form>
  <p class="postbottom"><#ZC_MSG040#></p>
  <script language="JavaScript" type="text/javascript">LoadRememberInfo();</script>
</div>

[CODE=C#]代码[/CODE]

嫌麻烦的朋友可以直接复制上述文本到b_article-istop.html文件。本修改仅仅涉及到模板，没有后台处理，以后模板设计者完全可以借鉴。