Open/Close


每日一JavaScript:常用正则表达式举例

2008年11月30日 by baiheinet

正则表达式很好很强大,不仅在JavaScript,我在第一次接触到这个东西是在学PHP的时候,总之现代的很多网络编程语言都会用到,听说还有更大的用途,今天我看到的文章说是可以用来解方程,做数学题,特别特别喜欢,基本的知识目前也已经了解了,以后有空我会更深入地去学习。

^ 对行首
$ 对行尾
^the对以the开头行
[Ss]igna[lL]对匹配单词signal、signaL、
Signal、SignaL
[Ss]igna[lL]\. 对同上,但加一句点
[mayMAY] 对包含may大写或小写字母的行
^USER$ 对只包含USER的行
[tty]$ 对以tty结尾的行
\. 对带句点的行
[.*0] 对0之前或之后加任意字符
[000*] 对000或更多个
[iI] 对大写或小写I
[iI] [nN] 对大写或小写i或n
[^$] 对空行
[^.*$] 对匹配行中任意字符串
^……$ 对包括6个字符的行
[a-zA-Z] 对任意单字符
[a-z][a-z]* 对至少一个小写字母
[^0-9\$] 对非数字或美元标识
[^0-0A-Za-z] 对非数字或字母
[123] 对1到3中一个数字
[Dd]evice 对单词device或Device
De..ce 对前两个字母为De,后跟两个任意字符,最后为ce
\^q对以^q开始行
^.$ 对仅有一个字符的行
^\.[0-9][0-9] 对以一个句点和两个数字开始的行
‘”Device”‘ 对单词device
De[Vv]ice\. 对单词Device或deVice
[0-9]\{2\}-[0-9]\{2\}-[0-9]\{4\} 对日期格式dd-mm-yyyy
[0-9]\{3\}\.[0-9]\{3\}\.[0-9]\{3\}\.[0-9]\{3\}对IP地址格式nnn.nnn.nnn.nnn
[^.*$] 对匹配任意行


以下的内容转自蓝色理想
匹配中文字符的正则表达式: [\u4e00-\u9fa5]

匹配双字节字符(包括汉字在内):[^\x00-\xff]

应用:计算字符串的长度(一个双字节字符长度计2,ASCII字符计1)

String.prototype.len=function(){return this.replace([^\x00-\xff]/g,”aa”).length;}

匹配空行的正则表达式:\n[\s| ]*\r

匹配HTML标记的正则表达式:/<(.*)>.*<\/\1>|<(.*) \/>/

匹配首尾空格的正则表达式:(^\s*)|(\s*$)

应用:javascript中没有像vbscript那样的trim函数,我们就可以利用这个表达式来实现,如下:

String.prototype.trim = function()
{
return this.replace(/(^\s*)|(\s*$)/g, “”);
}

利用正则表达式分解和转换IP地址:

下面是利用正则表达式匹配IP地址,并将IP地址转换成对应数值的Javascript程序:

function IP2V(ip)
{
re=/(\d+)\.(\d+)\.(\d+)\.(\d+)/g //匹配IP地址的正则表达式
if(re.test(ip))
{
return RegExp.$1*Math.pow(255,3))+RegExp.$2*Math.pow(255,2))+RegExp.$3*255+RegExp.$4*1
}
else
{
throw new Error(”Not a valid IP address!”)
}
}

不过上面的程序如果不用正则表达式,而直接用split函数来分解可能更简单,程序如下:

var ip=”10.100.20.168″
ip=ip.split(”.”)
alert(”IP值是:”+(ip[0]*255*255*255+ip[1]*255*255+ip[2]*255+ip[3]*1))

匹配Email地址的正则表达式:\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*

匹配网址URL的正则表达式:http://([\w-]+\.)+[\w-]+(/[\w- ./?%&=]*)?

利用正则表达式去除字串中重复的字符的算法程序:[注:此程序不正确,原因见本贴回复]

var s=”abacabefgeeii”
var s1=s.replace(/(.).*\1/g,”$1″)
var re=new RegExp(”["+s1+"]“,”g”)
var s2=s.replace(re,”")
alert(s1+s2) //结果为:abcefgi

我原来在CSDN上发贴寻求一个表达式来实现去除重复字符的方法,最终没有找到,这是我能想到的最简单的实现方法。思路是使用后向引用取出包括重复的字符,再以重复的字符建立第二个表达式,取到不重复的字符,两者串连。这个方法对于字符顺序有要求的字符串可能不适用。

得用正则表达式从URL地址中提取文件名的javascript程序,如下结果为page1

s=”http://www.9499.net/page1.htm”
s=s.replace(/(.*\/){0,}([^\.]+).*/ig,”$2″)
alert(s)

利用正则表达式限制网页表单里的文本框输入内容:

用正则表达式限制只能输入中文:onkeyup=”value=value.replace(/[^\u4E00-\u9FA5]/g,”)” onbeforepaste=”clipboardData.setData(’text’,clipboardData.getData(’text’).replace(/[^\u4E00-\u9FA5]/g,”))”

用正则表达式限制只能输入全角字符: onkeyup=”value=value.replace(/[^\uFF00-\uFFFF]/g,”)” onbeforepaste=”clipboardData.setData(’text’,clipboardData.getData(’text’).replace(/[^\uFF00-\uFFFF]/g,”))”

用正则表达式限制只能输入数字:onkeyup=”value=value.replace(/[^\d]/g,”) “onbeforepaste=”clipboardData.setData(’text’,clipboardData.getData(’text’).replace(/[^\d]/g,”))”

用正则表达式限制只能输入数字和英文:onkeyup=”value=value.replace(/[\W]/g,”) “onbeforepaste=”clipboardData.setData(’text’,clipboardData.getData(’text’).replace(/[^\d]/g,”))”

更详细的含义

  \ 
  将下一个字符标记为一个特殊字符、或一个原义字符、或一个 后向引用、或一个八进制转义符。例如,’n’ 匹配字符 “n”。’\n’ 匹配一个换行符。序列 ‘\\’ 匹配 “\” 而 “\(” 则匹配 “(”。 

  ^ 
  匹配输入字符串的开始位置。

  $ 
  匹配输入字符串的结束位置。

  * 
  匹配前面的子表达式零次或多次。例如,zo* 能匹配 “z” 以及 “zoo”。 * 等价于{0,}。 

  + 
  匹配前面的子表达式一次或多次。例如,’zo+’ 能匹配 “zo” 以及 “zoo”,但不能匹配 “z”。+ 等价于 {1,}。 

  ? 
  匹配前面的子表达式零次或一次。例如,”do(es)?” 可以匹配 “do” 或 “does” 中的”do” 。? 等价于 {0,1}。 

  {n} 
  n 是一个非负整数。匹配确定的 n 次。例如,’o{2}’ 不能匹配 “Bob” 中的 ‘o’,但是能匹配 “food” 中的两个 o。 

  {n,} 
  n 是一个非负整数。至少匹配n 次。例如,’o{2,}’ 不能匹配 “Bob” 中的 ‘o’,但能匹配 “foooood” 中的所有 o。’o{1,}’ 等价于 ‘o+’。’o{0,}’ 则等价于 ‘o*’。 

  {n,m} 
  m 和 n 均为非负整数,其中n <= m。最少匹配 n 次且最多匹配 m 次。 "o{1,3}" 将匹配 "fooooood" 中的前三个 o。'o{0,1}' 等价于 'o?'。请注意在逗号和两个数之间不能有空格。 

  ? 
  当该字符紧跟在任何一个其他限制符 (*, +, ?, {n}, {n,}, {n,m}) 后面时,匹配模式是非贪婪的。非贪婪模式尽可能少的匹配所搜索的字符串,而默认的贪婪模式则尽可能多的匹配所搜索的字符串。例如,对于字符串 "oooo",'o+?' 将匹配单个 "o",而 'o+' 将匹配所有 'o'。 

  . 
  匹配除 "\n" 之外的任何单个字符。要匹配包括 '\n' 在内的任何字符,请使用象 '[.\n]' 的模式。 

  (pattern) 
  匹配pattern 并获取这一匹配。所获取的匹配可以从产生的 Matches 集合得到,在VBScript 中使用 SubMatches 集合,在Visual Basic Scripting Edition 中则使用 $0…$9 属性。要匹配圆括号字符,请使用 '\(' 或 '\)'。 

  (?:pattern) 
  匹配 pattern 但不获取匹配结果,也就是说这是一个非获取匹配,不进行存储供以后使用。这在使用 "或" 字符 (|) 来组合一个模式的各个部分是很有用。例如, 'industr(?:y|ies) 就是一个比 'industry|industries' 更简略的表达式。 

  (?=pattern) 
  正向预查,在任何匹配 pattern 的字符串开始处匹配查找字符串。这是一个非获取匹配,也就是说,该匹配不需要获取供以后使用。例如, 'Windows (?=95|98|NT|2000)' 能匹配 "Windows 2000" 中的 "Windows" ,但不能匹配 "Windows 3.1" 中的 "Windows"。预查不消耗字符,也就是说,在一个匹配发生后,在最后一次匹配之后立即开始下一次匹配的搜索,而不是从包含预查的字符之后开始。 

  (?!pattern) 
  负向预查,在任何不匹配Negative lookahead matches the search string at any point where a string not matching pattern 的字符串开始处匹配查找字符串。这是一个非获取匹配,也就是说,该匹配不需要获取供以后使用。例如'Windows (?!95|98|NT|2000)' 能匹配 "Windows 3.1" 中的 "Windows",但不能匹配 "Windows 2000" 中的 "Windows"。预查不消耗字符,也就是说,在一个匹配发生后,在最后一次匹配之后立即开始下一次匹配的搜索,而不是从包含预查的字符之后开始 

  x|y 
  匹配 x 或 y。例如,'z|food' 能匹配 "z" 或 "food"。'(z|f)ood' 则匹配 "zood" 或 "food"。 

  [xyz] 
  字符集合。匹配所包含的任意一个字符。例如, '[abc]' 可以匹配 "plain" 中的 'a'。 

  [^xyz] 
  负值字符集合。匹配未包含的任意字符。例如, '[^abc]' 可以匹配 "plain" 中的'p'。 

  [a-z] 
  字符范围。匹配指定范围内的任意字符。例如,'[a-z]' 可以匹配 'a' 到 'z' 范围内的任意小写字母字符。 

  [^a-z] 
  负值字符范围。匹配任何不在指定范围内的任意字符。例如,'[^a-z]' 可以匹配任何不在 'a' 到 'z' 范围内的任意字符。 

  \b 
  匹配一个单词边界,也就是指单词和空格间的位置。例如, 'er\b' 可以匹配"never" 中的 'er',但不能匹配 "verb" 中的 'er'。 

  \B 
  匹配非单词边界。'er\B' 能匹配 "verb" 中的 'er',但不能匹配 "never" 中的 'er'。 

  \cx 
  匹配由x指明的控制字符。例如, \cM 匹配一个 Control-M 或回车符。 x 的值必须为 A-Z 或 a-z 之一。否则,将 c 视为一个原义的 'c' 字符。 

  \d 
  匹配一个数字字符。等价于 [0-9]。 

  \D 
  匹配一个非数字字符。等价于 [^0-9]。 

  \f 
  匹配一个换页符。等价于 \x0c 和 \cL。 

  \n 
  匹配一个换行符。等价于 \x0a 和 \cJ。 

  \r 
  匹配一个回车符。等价于 \x0d 和 \cM。 

  \s 
  匹配任何空白字符,包括空格、制表符、换页符等等。等价于 [ \f\n\r\t\v]。 

  \S 
  匹配任何非空白字符。等价于 [^ \f\n\r\t\v]。 

  \t 
  匹配一个制表符。等价于 \x09 和 \cI。 

  \v 
  匹配一个垂直制表符。等价于 \x0b 和 \cK。 

  \w 
  匹配包括下划线的任何单词字符。等价于'[A-Za-z0-9_]'。 

  \W 
  匹配任何非单词字符。等价于 '[^A-Za-z0-9_]'。 

  \xn 
  匹配 n,其中 n 为十六进制转义值。十六进制转义值必须为确定的两个数字长。例如, '\x41' 匹配 "A"。'\x041' 则等价于 '\x04' & "1"。正则表达式中可以使用 ASCII 编码。. 

  \num 
  匹配 num,其中 num 是一个正整数。对所获取的匹配的引用。例如,'(.)\1' 匹配两个连续的相同字符。 

  \n 
  标识一个八进制转义值或一个后向引用。如果 \n 之前至少 n 个获取的子表达式,则 n 为后向引用。否则,如果 n 为八进制数字 (0-7),则 n 为一个八进制转义值。 

  \nm 
  标识一个八进制转义值或一个后向引用。如果 \nm 之前至少有is preceded by at least nm 个获取得子表达式,则 nm 为后向引用。如果 \nm 之前至少有 n 个获取,则 n 为一个后跟文字 m 的后向引用。如果前面的条件都不满足,若 n 和 m 均为八进制数字 (0-7),则 \nm 将匹配八进制转义值 nm。 

  \nml 
  如果 n 为八进制数字 (0-3),且 m 和 l 均为八进制数字 (0-7),则匹配八进制转义值 nml。 

  \un 
  匹配 n,其中 n 是一个用四个十六进制数字表示的 Unicode 字符。例如, \u00A9 匹配版权符号 (?)。

Hugege.com by 胡戈戈 Copyright © 2008 爱祖国,爱人民,唉派对。
更多精彩欢迎您订阅http://feed.hugege.com
笑话论坛推荐:偶笑论坛 点我注册偶笑开始吹水



Published by  Published by xFruits
Original source : http://hugege.com/2008/11/29/regular-expression/...

Tags:

添加 WP-Syntax 按钮到 WordPress 编辑器

2008年11月30日 by baiheinet

对于熟悉程序设计的网友,在 WordPress 插入代码是经常的事情。使用代码插件,可以让你的程序代码更容易阅读。WP-Syntax 就是这样一个代码插件。

不过,WP-Syntax 插件使用起来却并不太方便。使用这个插件,每次插入代码的时候,都需要手动输入一些预设置的格式。如果能够在编辑器框里增加一个按钮,自动输入这些重复的内容,就方便多了。

popdo 网友的文章 一键插入WP-Syntax插件代码, 刚好解决了这个问题。

PS:个人觉得,popdo 的办法也适合于 coolcode,这是国内网友开发的一款精品插件。我们 WPChina.org 目前使用的也是这款插件。



Published by  Published by xFruits
Original source : http://wpchina.org/integrate-wp-syntax-to-edit-too...

Tags:

实现WordPress Welcome back(欢迎回来)效果[非插件]

2008年11月30日 by baiheinet

在访问一些牛人的博客时,经常会看到非常友好的欢迎信息,这些看似不起眼的问候语,往往会给访客一种 油然而生的亲切感。在WordPress平台,这样的效果实现起来也是非常的简单,“Welcome back,菠菜!”如果用户是上次评论后,再次访问你的博客时能看到这样亲切的问候,他一定会更加喜欢你的博客;如果用户是第一次访问你的博客,那么就输出“Welcome ,新朋友!”吧。

在WordPress中,我们可以通过调用评论表单下的,评论用户的Cookies实现。具体的代码如下:

<?php    
if(isset($_COOKIE['comment_author_'.COOKIEHASH])) {    
$lastCommenter = $_COOKIE['comment_author_'.COOKIEHASH];    
echo "Welcome Back ,". $lastCommenter ."!";    
}    
else {    
echo "Welcome, New friend!";    

?> 

通过上面的代码检查参数comment_author的Cookies本地状态,从而判断该客户端的用户是否参与过博客的评论,如果是,则读取浏览器的用户Cookies信息输出。

知道了这个效果的实现方法,就可以举一反三做出更多友好的特色效果,比如,如果用户是第一次访问你的博客,你可以为他展示更多关于博客的介绍信息,也可以推送一些博客最热门的文章等等,让新用户了解你的同时,也能对博客本身有更深一步的了解。要实现显示评论最多的文章,你可以阅读Volcano的“在wordpress上展示留言最多的文章”一文,讲述的非常详细了。

此外,这个效果除了应用到某些页面作欢迎信息外,你还可以跟评论表单相结合,实现经常访问博客的博友无需每次输入用户名、邮箱和博客地址等内容,而是显示“Welcome back,菠菜!”之类的友好体验问候。





Published by  Published by xFruits
Original source : http://item.feedsky.com/~feedsky/bbon/~6890029/142...

Tags:

WordPress用户图片上传插件 - ImageUploader

2008年11月30日 by baiheinet

WordPress ImageUploader是一款允许博客用户上传图片的插件。最重要的是该插件可以方便地通过调用 [imageuploaderform]代码,添加到你的任何一个page页或是日志文章当中去。

博客管理员可以在管理后台对允许用户上传图片的大小、图片类型进行设置限定,从而控制用户上传图片的质量。你还可以设置管理员的E-mail地址,当有用户成功上传图片到博客时,通过邮件的方式提醒你,及时地处理用户的提交内容。
另外,如果你觉得默认状态下的提示信息不够完美的话,你还可以在后台的插件管理页面,修改图片上传过程中的提示信息,包括上传成功提示、失败提示等等。

WordPress ImageUploader插件在page/post页面用户操作图:

插件样式跟博客主题不符怎么办?那就去修改插件目录下的样式文件image-uploader.css吧,跟你的博客主题融为一体。

WordPress ImageUploader插件把很多东西都留给了用户去定义修改,实用性很强,这也是菠菜推荐这款插件的原因。

WordPress ImageUploader插件博客管理操作图:

安装步骤:

1. 下载解压插件;
2. 上传插件文件到 /wp-content/plugins/ 目录;
3. 在 WordPress后台插件管理中激活插件。

WordPress用户图片上传插件(ImageUploader)下载地址:

插件作者:Chris Barber





Published by  Published by xFruits
Original source : http://item.feedsky.com/~feedsky/bbon/~6890029/142...

Tags:

WordPress theme Insider

2008年11月30日 by baiheinet

insider-videos-pictures-and-news_1227778350649

作者:Ahmed Fouad
语言:英文
版本:1.0
类别:杂志型
演示:DEMO

下载: 本站下载 | 纳米盘下载 | 官方下载
主题说明:

一款具有视频、画廊、缩略图以及新闻等多种元素的杂志型主题。

相关wordpress主题/模板



Published by  Published by xFruits
Original source : http://themes.wopus.org/2008/11/wordpress-theme-in...

Tags:

WordPress 2.7正式版的一些消息

2008年11月29日 by baiheinet

看到这个标题,你什么样子的心情?各位对2.7到底有多期待?关于WordPress 2.7的最新消息,看看这篇文章!

首先提醒大家,WordPress 2.6.5发布了,如果各位没有当WordPress的小白鼠,那么请立刻升级那5个文件,否则出现意外就不要好了!

开始说说2.7的消息吧,谣言一直在四处流传,从最开始的11月发布,然后再拖到月底,明天是11月的最后一天,可以肯定的是,这次WordPress 2.7的发布肯定是要放鸽子了。所以,别在乎那些了,默默等待吧,在未来几天(有可能是明天吗?)或者一周之内,2.7就将闪亮登场!

Matt现在对于发生的大事件(Automattic 收购Intense Debate在线头像服务提供商Gravatar加入automattic一周年Automattic家族新成员:PollDaddy)都会做盛大的发布公告,所以,如果非要推测一个相对准确的、又比较符合常理的WordPress 2.7的发布时间的话,Matt很有可能在这个周末WordCamp Australia in Sydney上公告WordPress 2.7正式版的发布。

WordPress 2.7 Beta3是目前最新的测试版本(功能更新列表简体中文语言包),Beta3其实和最终版本已经差不多了,因为Beta3重新设计了后台的控制面板,对ICO的重新定义和使用,对控制面板首页的重新设计,这些细节都和WordPress的官方帮助文档联系的更加紧密。详细介绍各位可以继续关注我们的wordPress 2.7系列体验文章

可以肯定的是,WordPress 2.7将让你体验更加美妙的博客感觉(虽然现在的等待很无奈)!!

最后,还是要提醒大家,大家可以先做点准备迎接WordPress 2.7正式版的到来,比如现在使用的主题,是否存在兼容性的问题(可以在Wordpress 2.7beta版本上测试),使用的插件是否支持2.7(那些一用就是几十个插件的同学要注意了,否则到时候一兴奋升级了,结果博客彻底挂了,那就很郁闷了)。

最后,没啥说的啦,还是默默等待吧!!

关联阅读



Published by  Published by xFruits
Original source : http://item.feedsky.com/~feedsky/wopus/~7026069/14...

Tags:

Chitika | Premium gives you control over your ads

2008年11月29日 by baiheinet

Those using Chitika to monetie their blogs should be glad to learn that there is a new WordPress plugin that will help you to easily manage your Chitika ads on your WordPress blog.

Chitika|Premium is a CPC search-targeted advertising solution brought to you by Chitika. It can be run on the same page as Google AdSense, or on its own as an AdSense alternative.

Chitika|Premium ads sample

This plugin allows you to easily change the display of your Chitika|Premium ads through a settings page in the WordPress admin interface. It allows you to change any of the following features:

  • Ad size
  • Link and text color
  • Background color
  • Display position (above or below your post)
  • Channel

Installing Chitika|Premium is just the same as any other plugin. Download it first, then extract, and then you need to fire up your favorite FTP client, and log in to your WordPress installation. Then do the following steps:

  1. Upload /chitika-premium/ directory to the /wp-content/plugins/ directory
  2. Activate the plugin Chitika|Premium through the ‘Plugins’ menu in WordPress
  3. Go to ‘Settings’ > ‘Chitika | Premium’ to activate the display and add your username and change any display settings.
    If you are using a version of WordPress earlier than 2.5 your configuration screen will be in ‘Options’ > ‘Chitika|Premium’

If you have any problems using Chitika | Premium, don’t hesitate to contact the plugin developers.



Published by  Published by xFruits
Original source : http://feeds.feedburner.com/~r/bloggingpro/PfjF/~3...

Tags:

把qq聊天窗口装在一起 - IMTab

2008年11月29日 by baiheinet

记得好像是《电脑爱好者》杂志,搞过一个活动,寻找能把qq窗口放一起的软件或者技巧。后来出来那么一个东西,非常牵强地将窗口放一起。用过之后甚感遗憾,在那时候想如果一但有这么一个东西出来的话将是件多么美好的事情。

后来IMTab出来了。因为当时沉浸在对那个技巧的无尽失望中也就没有再看过这个东西。今天闲来无事就那么一试,还真别说,还挺好用。虽然有些小地方体验不是很好。

看看IMTab的效果先:
IMTab

IMTab官方地址:http://www.imtab.cn/

以下是官方简介:

# 新增:

支持飞信2008
支持TM2005
支持标签拖拽(拖出窗口则会将标签分离出窗口)
可设置标签文字颜色
可设置标签文字最大长度
可设置是否在按Ctrl时提示标签编号
可设置在标签上显示聊天窗口图标
可设置开机启动
如果窗口已经被收入tab,则双击好友列表会自动切换到对应的tab
锁定的标签将会显示图标提示
热键可使用Win键(不支持win2000)
关闭正在传输文件、表情的窗口时,将会进行提示(仅限QQ)

# 调整:

“设置”界面使用标签分页
降低了滚轮的灵敏度
Ctrl+Tab/Ctrl+数字键与某些程序不再冲突
Ctrl+Shift+Tab切换上一个标签调整为Shift+Tab
鼠标在聊天窗口中时,右键/Ctrl+滚轮切换标签。鼠标在标签上时,滚轮直接切换标签
无聊天窗口时,在主界面中按右键将弹出菜单
调整了标签的皮肤
关闭聊天窗口时不再闪烁
照顾老机器,探测到新窗口时将会有0.2秒延时再收入tab

# 修正:

超过一行标签时,无法提示其他行的标签标号的问题
部分电脑出现“将窗口收入tab时错误”的问题
对TM2007支持不佳的问题
按钮皮肤的一些问题
无法判断IM是否启动的问题

我在QQ2008上面测试的,其他的工具暂且不说。气泡提示是我一直都比较喜欢的功能,qq一直没有,这个小东西算是亮点之一,还有用ctrl键+数字切换也不错。小瑕疵目前有三个,一个窗口抖动太灿烂,另外点击显示窗口时候似乎应该将光标锁定到输入框内,再就是Ctrl组合键比如Ctrl+C这些没法用。

希望它能一步步完善!

随机日志



Published by  Published by xFruits
Original source : http://www.bssn.org/imtab.html...

Tags:

实现 Ctrl+Enter 快捷发表留言功能

2008年11月29日 by baiheinet

感谢Xiaorsz的总结分享!也欢迎各位投稿,一起为WordPress本地化做贡献。

以前逛论坛逛多了,发表帖子写完后很熟练地按下 Ctrl+Enter ,就把帖子发出去了!迅速转向别的“战场”!现在喜欢到别人的博客上去踩踩,遇到自己感兴趣的就想写几句,写完后竟也不自觉地按下了 Ctrl+Enter ,当然 WP 不是 Discuz ,并没有默认这个小快捷键。于是不得不再去用鼠标点下 submit 。当然,也有蛮多的 WP 博客有这个功能,想想应该也不能实现,能获取到键盘的输入就OK了,于是去 Google 了一下,找到了如下的两种方法:
1、使用 Comments Shortcut Plugin 插件.
这个功能居然还有个插件,当然使用也很简单,下载启用后再后台设置一下就OK!要设置 Text Box ID 和 Submit bottom ID ,然后是要快捷键代码和要显示的提示文字,不过一般用默认就可以了。
插件下载

2、JS代码实现
为了这么个小功能再加个插件有点夸张了。其实只要一小段JS就可以实现了!来看下这段JS代码:

  1. document.getElementById("comment").onkeydown = function (moz_ev)
  2.             {
  3.                     var ev = null;
  4.                     if (window.event){
  5.                             ev = window.event;
  6.                     }else{
  7.                             ev = moz_ev;
  8.                     }
  9.                     if (ev != null && ev.ctrlKey && ev.keyCode == 13)
  10.                    {
  11.                            document.getElementById("submit").click();
  12.                    }
  13.            }

将上面这段代码另存为一个JS文件,在博客页面中引用就可以了,或是直接加在博客已经引用的JS文件的后面,推荐后者,这么点的代码再用一个JS文件太“ 奢侈”了,呵呵!而且增加请求数,博客中的 JS 和 CSS 最好都分别合并为一个文件最好!最后别忘了在 Submit 按钮上加上(Ctrl+Enter)!

感觉这个功能比较使用,因为现在不逛论坛的人很少,所以,这个快捷键用在博客上,也是很有价值的,不用再次点击鼠标。

目前就这两种方法,如果各位还有实现的方法,欢迎分享,Wopus将及时更新!

关联阅读



Published by  Published by xFruits
Original source : http://item.feedsky.com/~feedsky/wopus/~7026069/14...

Tags:

WordPress Plugins: WP-Niceforms

2008年11月29日 by baiheinet

  WP-Niceforms,美化WP的一些交互窗体。
  对美有点追求的人(这里的“追求”是中性词)看着WP的那些交互窗体(留言对话框,个人信息页面)会比较不爽(不过这样的话用IE的人都会很不爽)。这个插件就是让你比较快速的让WordPress搭建的Blog上的交互对话框漂亮起来,同时提供PSD文档以供修改。我就不截图了,想看效果的可以去这里

没有相关文章。



Published by  Published by xFruits
Original source : http://item.feedsky.com/~feedsky/WordPressToday/~7...

Tags: