Typecho 记住评论者"称呼" "邮箱" "网址"

17/05/201820:29:00
评论
96

经常逛别人的博客然后留言的时候发现,每次留言完以后 "称呼" "邮箱" "网址" 会自动填上上一次填写的内容,就好像一个“记住我”或者说是“自动登陆”的功能。省去了很多时间(想想每次评论留言都要填一次"称呼" "邮箱" "网址" 那是真心累啊),所以不妨将这个小功能加到你的博客去吧!

实现方法

方法一、Typecho 系统默认方法【推荐】

给主题目录下的 comments.php 文件里的 input 添加方法,代码如下:

<input type="text" name="author" id="author" placeholder="Name *" required value="<?php $this->remember('author'); ?>">
<input type="email" name="mail" id="mail" placeholder="Email" value="<?php $this->remember('mail'); ?>">
<input type="url" name="url" id="url" value="<?php $this->remember('url'); ?>">

方法二、jquery.cookie 库方法

1、首先我们需要在主题目录下的 header.php 文件里引入 jquery 以及 jquery.cookie

<script src="//cdn.bootcss.com/jquery/2.2.1/jquery.min.js"></script>
<script src="//cdn.bootcss.com/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>

2、在主题目录的 footer.php 文件里的 </body> 前插入如下代码

<script type="text/javascript">
            $(function () {
            //绑定addCookie的时间(发表评论后增加Cookie)
            $("#misubmit").bind("click", function () {
                addCookie();
            })
            //查看cookie的值
            ReadCookie();
        })
        function addCookie() {//增加Cookie
            $.cookie('TypechoTips_author', $("#author").val());//给"称呼"增加Cookie
            $.cookie('TypechoTips_mail', $("#mail").val());//给"邮箱"增加Cookie
            $.cookie('TypechoTips_url', $("#url").val());//给"网址"增加Cookie
        }
        function ReadCookie() {//查看Cookie
            $("#author").val($.cookie('TypechoTips_author')); //将cookie值填入到"称呼"
            $("#mail").val($.cookie('TypechoTips_mail')); //将cookie值填入到"邮箱"
            $("#url").val($.cookie('TypechoTips_url')); //将cookie值填入到"网址"
        }
    </script>

代码已经贴上了注释,应该很好理解,有几个地方可以自行修改/调整,以下指的是需要绑定的按钮id

#misubmit

以下三个指的是cookie的名称,可以把 'TypechoTips' 修改为你网站的域名

TypechoTips_author

TypechoTips_mail

TypechoTips_url

以下三个指的是需要记录cookie的文本框id,一般无需修改

#author

#mail

#url
Typecho 响应式博客主题 Echo 未分类

Typecho 响应式博客主题 Echo

Echo主题简介一套基于layui框架的Typecho主题Echo,主题名取自博客域名(www.echo.so)。主题极简美观,并进行了响应式布局,使博客在手机和平板电脑上也有更好的浏览阅读体验。主题...
Typecho 漂亮的单栏主题 Aria 未分类

Typecho 漂亮的单栏主题 Aria

主题简介书写属于自己的篇章,一款简洁漂亮的单栏Typecho博客主题Aria,具体样式大家可以看底部下载部分的作者演示站,总的来说算是一个功能比较完整的主题了,最主要是作者更新的相对来说比较勤。主题预...
Typecho 简约大图封面主题 Cola 未分类

Typecho 简约大图封面主题 Cola

主题简介这是由网友@可乐投稿的作品,主题采用了大图封面的单栏设计,整体看上去比较干净,不过该主题可以优化的细节之处还有很多,比如:1.评论样式有点粗糙 2.配色有点不够统一,特别是按钮触发的部分 3....
Typecho程序伪静态规则大全 开发日志

Typecho程序伪静态规则大全

Typecho程序的伪静态规则不同于wp直接默认可用,需要我们手工加载到空间中才可以生效。这里TypechoTips整理了一些不同的主机环境中的伪静态规则,希望对大家有所帮助!1、Linux Apac...
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: