您好,欢迎来到菜鸟吧源码网(www.cniao8.com)本站只做精品网站源码!
  • 首 页
  • 菜鸟云
  • 公告:本站资源均来源于互联网及会员投稿发布,所有资源仅供学习参考研究使用,请勿商用或其它非法用途,商用请购买正版,否则产生一切后果由用户自行承担!谢谢!

     

    当前位置:主页 > 站长学堂 > zblog教程 >
    zblog评论留言的引用按钮写法详解
    时间:2019-10-11 14:35 作者:菜鸟吧 浏览:收藏 挑错 打印

    z-blog默认主题的模板b_article_comment.html中


    <ul class=&quot;msg">


       <li class="msgname"><span class="comment-quote-icon"><a onclick="InsertQuote(this.parentNode.parentNode.parentNode.getElementsByTagName('a')[2].innerHTML,this.parentNode.parentNode.parentNode.getElementsByTagName('li')[2].innerHTML);return false;" href=""><img src="<#ZC_BLOG_HOST#>image/common/quote.gif" height="9" width="9" />

       <li class="msgurl"><a href="<#article/comment/urlencoder#>" rel="nofollow" target="_blank"><#article/comment/url#></a></li>


       <li class="msgarticle"><#article/comment/content#></li>


       <li class="msgtime"><#article/comment/posttime#>&nbsp;<a href="#comment" onclick="RevertComment('<#article/comment/id#>')"><#ZC_MSG265#></a></li>


    </ul>

    要把其格式改成如下结构,z-blog引用评论的按钮要如何写呢?:


    <div class="msg">


    <cite>评论者</cite>


    <blockquote>评论内容</blockquote>


    <p>网站</p>


    <p>时间</p>


    </div>

    讲解z-blog引用所用的JS函数:

    引用的函数: InsertQuote(参数1[评论者],参数2[评论内容])

    this.parentNode 表示该节点的上一节点

    getElementsByTagName('a')[2].innerHTML 表示获取第二个<a>元素的内容,即<#article/comment/name#>

    同上,getElementsByTagName('li')[2].innerHTML 为<#article/comment/content#>

    修改后的代码


    <div class="msg">


    <a onclick="InsertQuote(this.parentNode.getElementsByTagName('CITE')[0].innerHTML,this.parentNode.getElementsByTagName('BLOCKQUOTE')[0].innerHTML);return false;" href="#comment">引用</a>


    <cite>评论者</cite>


    <blockquote>评论内容</blockquote>


    <p>网站</p>


    <p>时间</p>


    </div>


    郑重声明:
    本站所有内容均由互联网收集整理、网友上传,并且以计算机技术研究交流为目的,仅供大家参考、学习,不存在任何商业目的与商业用途。 若您需要商业运营或用于其他商业活动,请您购买正版授权并合法使用。
    我们不承担任何技术及版权问题,且不对任何资源负法律责任。
    如无法下载,联系站长索要。
    如有侵犯您的版权,请给我们来信:admin@cniao8.com,我们尽快处理。

    ZBlog发表文章区标签教程ZBlog发表文章区标签教程
    ZBlog 自定义分类静态首页配置ZBlog 自定义分类静态首页配置
    zblog导航栏管理设置的几种方法zblog导航栏管理设置的几种方法