[em5.3.1]验证码添加点击刷新功能的方法-站长杂谈下载

[em5.3.1]验证码添加点击刷新功能的方法

开通本站Svip会员,全站资源免费下
Emlog默认模板下验证码是没有点击刷新功能的,要刷新验证码的话还是得按F5刷新整个页面重新获得验证码,虽然emlog验证码看得比较清楚,但要通过重新刷新网页来获得新的验证码的方法对于网站负荷和用户体验来讲都并不合适,所以有必要给验证码添加点击刷新功能了。
; U- q6 ?; R3 t( _, p. ]    若要给emlog验证码添加点击刷新功能,还是很简单的,因为emlog的验证码也是img形式存在的,所以和其它类似的验证码一样,为imgTAG.html" target="_blank" class="relatedlink">标签添加onclick属性就行了。6 `1 w' i' k* o9 z8 D- Z
    Emlog有用到验证码的源代码有如下文件:7 H' S' P. S4 x: Y
Emlog碎语:/t/index.php
1 j: G7 h0 B0 W' FEmlog评论:/include/controller/log_controller.php8 h* A9 l3 b4 p) G4 `. S0 {, i/ y
Emlog管理后台登录:include\lib\loginauth.php
$ H& D9 p( s  {( V- @. d0 g
  [9 C. D6 y) ?% Q$ N6 g将以上文件的验证码位置的img标签添加以下语句即可实现点击刷新验证码功能:
+ T$ B" u/ a6 i* v
  1. style="cursor : pointer;" alt="未显示?请点击刷新" title="看不清楚?请点击刷新" onclick="this.src=this.src+'?'"
复制代码
如Emlog评论:/include/controller/log_controller.php, 有以下验证码源码
  1. <img src="".BLOG_URL."include/lib/checkcode.php" align="absmiddle"  /><input name="imgcode" type="text" class="input" size="5" tabindex="5" />
复制代码
' n; h7 E" c) Z% i% b* H
改成如下代码即可添加上点击刷新验证码功能:
  1. 5 _# v: V' u' ^7 W, x
  2. <img src="".BLOG_URL."include/lib/checkcode.php" align="absmiddle" style="cursor:pointer;" alt="未显示?请点击刷新" title="看不清楚?请点击刷新" onclick="this.src=this.src+'?'" /><input name="imgcode" type="text" class="input" size="5" tabindex="5" />
复制代码
其它几个页面中添加验证码刷新功能方法类似,此略,注:此方法在em5.3.1正常使用,其他版本未测试。 9 d9 e5 j, j: x* Y1 b( E# k
: W* t0 u. I0 i& Y- h% T
另一种方法,来源于论坛,简爱发布:前提是当前模板要加载过 jQuery,没有的可以自己添加一下,直接在后台 添加统计代码的位置添加即可 (下面的代码 也在此位置添加,适用于全部正规模板)
  1. <font size="4" face="黑体">$('img[src*="checkcode.php"]') // jQuery 筛选器
    4 j" K- F5 v9 J  x' s5 n
  2.   .attr('title', '单击刷新验证码') // 添加 title
    * q/ ^2 n" d3 j! V, }
  3.   .click(function(){ // 单击事件' o6 t! i5 R  }3 m  g0 y
  4.     this.src = this.src.replace(/\?.*$/, "") +'?'+ new Date().getTime(); // 重新设置 验证码 图片地址 checkcode.php?r=当前毫秒数
    3 r8 l3 N' i' l2 M  y
  5.   });</font>
复制代码
$ T; S3 Q+ L1 B
其它几个页面中添加验证码刷新功能方法类似,此略,注:此方法在em5.3.1正常使用,其他版本未测试。* G7 i& V7 L8 g5 v( N4 @
5 T2 W3 Y2 h7 y9 h) F
0 k; w# F  n: u) v  q

全部评论 0

您需要登录后才可以回帖 立即登录
登录
0
0
0
返回顶部