JS扩展Z-Blog图片验证码的单击自动刷新与评论内容自动保存

在script/common.js最后加入下面的话可以实现图片验证码的自动刷新与评论内容自动保存(ForIE)
由于Z-Blog的JS扩展机制不够好，在不重建的情况下扩展东西只能用window.onload(IE)。
既然用了window.onload,那就干脆用window.clipboardData了。
大家是不是期盼这两个功能很久了？没有了Ajax的，这两个功能就太重要太重要太重要了。
实际这个函数因为先天缺陷并不完美，下一版，构想在每一页下面加上一句话读一次LoadExtraScript()。
然后通过这个来自动刷新验证码，不用手点（现在用window.onload作自动的很慢，因为要等待图片载入）其实应该在img载入onload的时候触发一个自动刷新验证码的函数objImage.src=objImage.src+"&random="+Math.random();或者验证码干脆就不用什么img标签，干脆就用纯js建立就可以保证后退之后验证码也自动刷新了，现在不少大型网站就是这样的办法！
甚至把现在每一页下面的那个东西也集成进去。
顺便说一句，前两天突然想到了为什么重建速度这么慢，为什么自动安装脚本那么快。。。。。是不是有点启发？？能不能做得像自动安装脚本一样快？呵呵，想到了没？：）


代码如下:

//********************************************************* 
// 目的：    扩展函数入口 
// 输入：    无 
// 返回：    无 
//********************************************************* 
function LoadExtraScript() 
{ 
    try{ 
  ValidCodeRefresh(); 
  SaveComment(); 
  }catch(e){} 
} 
//********************************************************* 
// 目的：    鼠标单击图片后自动刷新验证码 
// 输入：    无 
// 返回：    无 
//********************************************************* 
function ValidCodeRefresh(){ 
  var imgs= document.getElementsByTagName("img"); 
  var hint = document.createElement("span"); 
  hint.innerHTML=" 如果您刚刚按下[后退]请点击图片刷新验证码"; 
  for (var i = 0; i < imgs.length; i++){ 
    if(imgs[i].src.indexOf("c_validcode.asp?name=commentvalid")!==-1){ 
    var objImage=imgs[i]; 
    objImage.parentNode.appendChild(hint); 
    objImage.attachEvent('onmouseover', function(){objImage.style.cursor='hand';}); 
    objImage.attachEvent('onclick', function(){objImage.src=objImage.src+"&random="+Math.random();}); 
    } 
  } 
} 
//********************************************************* 
// 目的：    用户提交评论之后自动保存在剪贴板 
// 输入：    无 
// 返回：    无 
//********************************************************* 
function SaveComment() 
{ 
  var btnSumbit=document.getElementsByName("btnSumbit"); 
  var txaArticle=document.getElementById("txaArticle"); 
  var hint = document.createElement("span"); 
  hint.innerHTML="<p>提交之后您的评论内容会自动保存在剪贴板</p>"; 
  txaArticle.parentNode.appendChild(hint); 
  btnSumbit[0].attachEvent('onclick', function(){window.clipboardData.setData("Text",txaArticle.innerText);}); 
} 
//********************************************************* 
// 目的：    扩展函数-载入 
// 输入：    无 
// 返回：    无 
//********************************************************* 
window.onload=LoadExtraScript;

赞 (0)

相关推荐

  • Json数据异步绑定到界面的Table并且自动刷新原理及代码

    做Winform习惯了,大家都习惯设置datasource这样的写法. 如果想实现页面定时刷新的话,用.net给封装好的updatepanel和timer两个控件实现起来其实挺容易的.这样做加入了很多你不能控制的元素,举个例子说就是:用updatepanel后,你设置的样式很有可能就变了,然后你还需要去调这些.所以还是用一些自己控制性高的代码比较合适. 今天就先从这个updatepanel加timer实现页面自动刷新这个例子来下手吧. 首先来看一下我的一般处理程序,在这个里面,我自己实现的是从数

  • 框架页面高度自动刷新的Javascript脚本

    实现原理:加载index.htm时候,每隔1秒钟自动调用脚本刷新框架页面代码 代码优点:只需要设置index.html框架页面中的脚本,调用加载的子页面中不需要设置任何代码. index.htm代码如下: 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quo

  • javascript观察者模式实现自动刷新效果

    本文实例为大家分享了js观察者模式实现自动刷新的具体代码,供大家参考,具体内容如下 // author wangbinandi@gmail.com const observable = obj => { const observers = Symbol(); const set = function(target, key, value) { const result = Reflect.set(target, key, value); //console.log("set key:&qu

  • javascript时间自动刷新实现原理与步骤

    javascript时间自动刷新实现原理与步骤

    项目结构: 运行效果: ========================================================= 代码部分: ========================================================= /Clock/WebContent/index.jsp 复制代码 代码如下: <%@ page language="java" contentType="text/html; charset=UTF-8&q

  • javascript 页面只自动刷新一次

    1.看看下面这段代码 复制代码 代码如下: <Script> function reurl(){ url = location.href; //把当前页面的地址赋给变量 url var times = url.split("?"); //分切变量 url 分隔符号为 "?" if(times[1] != 1){ //如果?后的值不等于1表示没有刷新 url += "?1"; //把变量 url 的值加入 ?1 self.locatio

  • 返回上一页并自动刷新的JavaScript代码

    用JavaScript一般的使用history.go(-1)和history.back()等 但返回的是页面还是缓存中的数据,更新的数据不能马上呈现出来 这里只要使用一句简单的一条javascript语句就能实行,返回上一页并刷新页面 复制代码 代码如下: location.href = document.referrer;//重新载入上一页

  • 自动刷新网页,自动刷新当前页面,JS调用

    reload 方法,该方法强迫浏览器刷新当前页面.语法:location.reload([bForceGet])                                                                                                                           参数: bForceGet, 可选参数, 默认为 false,从客户端缓存里取当前页.true, 则以 GET 方式,从服务端取最新的页面,

  • js实现网页自动刷新可制作节日倒计时效果

    复制代码 代码如下: <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author" content=""> <meta

  • JS扩展Z-Blog图片验证码的单击自动刷新与评论内容自动保存

    在script/common.js最后加入下面的话可以实现图片验证码的自动刷新与评论内容自动保存(ForIE) 由于Z-Blog的JS扩展机制不够好,在不重建的情况下扩展东西只能用window.onload(IE). 既然用了window.onload,那就干脆用window.clipboardData了. 大家是不是期盼这两个功能很久了?没有了Ajax的,这两个功能就太重要太重要太重要了. 实际这个函数因为先天缺陷并不完美,下一版,构想在每一页下面加上一句话读一次LoadExtraScript

  • js+h5 canvas实现图片验证码

    本文实例为大家分享了js+h5 canvas实现图片验证码的具体代码,供大家参考,具体内容如下 实现效果 一.使用技术 原生js技术+html5 canvas画图 利用Math.random()函数随机生成 颜色 字符串  及障碍物 点击 验证码可变更验证码图案 二.使用步骤 1.html+css 代码如下(示例): <div class="login_code_box"> <div class="login_code"> <input

  • node.js WEB开发中图片验证码的实现方法

    用node做web开发很多都可能碰到需要验证码的地方,之前在github上搜索,有一些比如node-captcha等的类库,都需要依赖第三方的图形处理库或者软件,像我之前安装cario这个图形库时,真是费了好大一番劲,但是其实我们只用到了这些图形库的一点点小功能,比如图片的尺寸修改裁剪,或者生产验证码. 先介绍一下CImg这个c++的图形库吧,CImg是一个跨平台的C++的图像处理库,提供了加载.处理.显示.保存等一系列功能,最吸引人的地方是整个图形库就一个CImg.h这个文件,所以非常的便携绿

  • node实现登录图片验证码的示例代码

    实现这里的图形验证码我是用的node里svg-captcha模块,可以全部支持字符和数字,全平台支持,用起来很简单. 1.安装 cnpm i svg-captcha --save 2.在使用的地方导入 var svgCaptcha = require('svg-captcha'); 3.获取验证码 3-1 安装 cookie-parser ,作用是将获取到的session保存到cookie,方便前端访问验证 cnpm i cookie-parser --save 3-2 使用 cookie-pa

  • 纯JS实现图片验证码功能并兼容IE6-8(推荐)

    纯JS实现图片验证码功能并兼容IE6-8(推荐)

    最近要搞一个图片验证码功能,但是又不想自己写后台代码.于是自己准备搞一个纯前端的验证码功能,于是网上搜索了一下,找到一个插件gVerify.js,简单好用,实现完美.不过后面接到说要兼容IE8,想想也是醉了.万恶的IE,不过也还好,也没有想着在去找插件,准备自己搞一搞,顺便拿来学习一下并加强自己的知识.下面看我是如何搞定它的,虽然花了一点时间,不过也值得. 使用方法 使用特别简单,定义一个DIV一验证码输入框,引入下载的js插件,创建一个GVerify对象,参数可以自定义一些或者传入DIV的ID

  • JS实现图片验证码功能

    JS实现图片验证码功能

    本文实例为大家分享了JS实现图片验证码功能的具体代码,供大家参考,具体内容如下 以下代码可以直接copy运行,不需要引入jquery.jar 1. html代码 <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <html> <head> <meta http-equiv="

  • django项目登录中使用图片验证码的实现方法

    应用下创建untils文件夹放置封装图片验证码的函数 创建validCode.py文件定义验证码规则 import random def get_random_color(): return (random.randint(0, 255), random.randint(0, 255), random.randint(0, 255)) def get_valid_code_img(request): # 方式: from PIL import Image, ImageDraw, ImageFon

  • JS 实现发送短信验证码的“59秒后重新发送验证短信”功能

    倒计时--从10倒数到0,点击按钮会还原倒计时 <body> <!-- 将textvalue值设为10,从10倒数 --> <input type="text" value="10" id="txt"> <input type="button" value="重新开始" id="btn"> </body> <script&

  • js实现随机数字字母验证码

    js实现随机数字字母验证码

    本文实例为大家分享了数字字母验证码的具体实现代码,供大家参考,具体内容如下 验证码: <html> <head> <title>纯字验证码</title> <meta http-equiv='content-type' content='text/html;charset=utf-8'/> <script type='text/javascript' src='jquery-1.7.2.js'></script> <

  • Java实现图片验证码具体代码

    Java实现图片验证码具体代码

    本文实例为大家分享了Java图片验证码代码,供大家参考,具体内容如下 网页显示效果: index.jsp 使用两种方式强制图片更新: 1.设置图片输出时不缓存. 2.用js改变请求的地址. <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> <html> <head> <title>第一个web项目的主页</

随机推荐