不整点圆角怎么能算是2.0呢，所以我在bloggermap的新版设计中全部采用了圆角。下图是正在孕育中的新版bloggermap界面截图
而那个圆角是采用google的圆形背景来作为转角实现的，具体的思路如下图所示： (read on …)
google的圆角代码
”javascript 尚未实现“错误解决办法
被该死的IE给搞惨了，耽误了很多时间，实在不划算。打开页面的时候，FF下一切正常，但是当我用IE6测试的时候，JS总执行不下去了，提示“尚未实现”，无论怎么搞就搞不定。在firebug中也没有看到任何错误提示。打开IE就遇到该死的“尚未实现错误”，根据IE中提示的位置找过去也没有发现任何错误，看来IE的报错定位也不太准确。万般无奈之下，google搜索，终于找到了错误所在的地方。原来错误在于window.onload= myFunc(var1,var2);IE的window.onload函数中不支持参数调用，虽然函数会照样执行，但是却会出现报错，影响后续脚本的继续执行，下面是两种简单而有用的解决办法：
- 再写一个函数，譬如function loadFunc(){ myFunc(var1,var2) },然后window.onload = loadFunc;
- 使用匿名函数。onload =function(){myFunc(var1,var2)}
足够了，就这两种方法。
jQuery应用系列之 通过遍历进行快速表单验证
在很多情况下，我们对表单中的某些字段需要在客户端做简单的js验证，比如不能为空。按照传统的方式，我们可能就会去写一个函数来一个一个判断表单中的字符是否为空，为空则返回false，譬如：
- function validForm(){
- if( ( document.getElementById('name').value.length < 1 )
- &&( document.getElementById('pass').value.length < 1 )
- &&( document.getElementById('email').value.length < 1 )
- &&( document.getElementById('tel').value.length < 1 )
- &&( document.getElementById('gendar').value.length < 1 )){
- alert('带有*号的部分不能为空');return false;
- }
- }
那么如果使用了jQuery这一切可能便得更加简单，譬如下面这个表单
- <form id="reg" action="" method="post">
- <input type="text" class="important" id="name" name="name" />*<br />
- <input type="text" class="important" id="email" name="email" />*<br />
- <input type="text" class="important" id="gender" name="gender" />*<br />
- <input type="password" class="important" id="pass" name="pass" />*<br />
- </form>
不知道你是否注意到，上面凡是打*好的表单域，我都用了一个css属性，那就是”important”,这样的好处有两点，1.我们可以在css中将必须填写的字段用特殊的样式表来显示；2.方便在jquery中遍历，下面是jquery简单表单验证的函数
- function validForm(){
- var is_not_valid = false;
- if(this.value.length < 1){//如果表单为空
- i ++ ;//增加i
- is_not_valid = true;
- if( i < 2 )//因为这个遍历循环无法用break跳出，只能通过i自增的方式让js只弹出一次alert
- alert('带星号的必须填写');
- this.focus();
- }
- });
- if( is_not_valid ) return false;
- }
表单域太少，所以也许你看不到这个的优点何在，但是一旦不能为空的表单数量很多，优势就明显了！
wordpress和ajax
很多朋友都认为ajax能提高网页的速度，但是我更喜欢用ajax来提高用户体验和平衡动态页面与静态页面之间的关系。我曾经乱谈过ajax，原因在于有几个朋友认准了一个死理：那就是ajax对改善速度的作用是大大的！而今天的这篇文章中，我想重点谈一谈如何在wordpress系统中使用ajax，也就是如何通过修改模板或者插件在wordpress中灵活的运用ajax。
对了，如果你还不太清楚ajax的基本原理，请自行google之，本站就不再为互联网贡献垃圾了。在实际的操作中，我们运用ajax的方式大部分情况下为异步请求（当然你也可以设置成同步模式），异步请求的好处在于浏览器在载入html的同时，后台也会用js请求数据，所以载入数据的时候感觉不到任何卡页的现象。由于数据的请求是由JS控制，因此你可以将ajax代码嵌入到静态化的wordpress页面中，从而将部分的内容通过ajax做实时的请求，而本文的目的便在于此。 (read on …)
本站添加了gravatar
gravatar是什么东西?
简单的来说,gravatar是一个开放头像系统,当在该系统注册了email之后,你就可以上传你自己的头像作为该email的身份标志,其他公共网站可以通过你的email地址将头像显示出来.其实这个东西实现起来很简单,但是人家这个服务很有创意,赚钱不少呢,羡慕之…
应网友misser 的要求,本站的留言系统就添加了这个东西,添加起来很简单,下面是我在comment.php中添加的部分代码
- <img class="gvt" src="http://www.gravatar.com/avatar.php?gravatar_id=<?php echo md5($c-/>comment_author_email);?>&size=30&default=http%3A%2F%2Fphoto14.yupoo.com%2F20080102%2F160145_1362763515_hihsxaok.jpg" border="0" align="left" />
通过这样的方式就可以引用gravatar的图片了.具体的引用方式参见这里.
不过我也可以在我的这个blog给那些不喜欢看e文的朋友描述一下如何引用gravatar的图片.任何一个在gravatar注册过的用户,只要你知道他的email就能很容易调用该会员的头像了,可以用email的md5编码来获取会员头像:
引用头像的图片地址是:
http://www.gravatar.com/avatar.php?&gravatar_id=279aa12c3326f87c460aa4f31d18a065
gravatar_id后面的值即为email的md5加密后的结果,在php中可以用 md5函数来实现
&rating=G 头像的属性,这里写G就可以了,G表示大众化的,就是不黄不暴力的图片
&size=40图片的大小,不能超过80
&default=http%3A%2F%2Fwww.example.com%2Fsomeimage.jpg这个是默认图片的地址,如果该用户不存在则显示这个地址的图片
嘿嘿,别说我火星哈!
一些比较离谱的关于静态化和urlrewrite的介绍
我觉得如果自己对某方面知识不太熟悉，一定要谨慎的介绍这方面的东西。譬如我从来不会在本blog上介绍数据库知识。即使想介绍或者想表达自己的观点，在末尾加上一句”本人看法未必正确，仅做参考”是不是会更好呢。下面是我在网上看到的几个关于html静态化和urlrewrite的评论和观点,当然不会给出出处,请勿对号入座 。 (read on …)
打算用jQuery改写这个模板
最近做收费的程序已经做得比较累了，但是由于本人又不喜欢玩游戏，所以打算抽点时间来改版这个blog吧。不过这次不全面改版，没有那个精力了。接受dupola的建议，初步决定装上zhiqiang的ajaxcomment插件，这样就能在留言本无限的回复了，由于这个插件调用了大约7k的js，打算再精简一下，于是乎准备同时也将这个插件改写了！
考虑到 jQuery的优良特性和瘦弱的体积（gzip之后只有10k左右），所以本站将采用jQuery来驱动，一方面为今后添加新的功能打下基础，另外一个方面也当作实验用，因为下一步的shopex要采用到这个脚本，bloggermap.org也将用jQuery来驱动。既然如此，同时将ajaxcomment中的js改用jQuery好了。
活着就是为了折腾，改版周期为一周！
让广告远离朋友
在blog里面放点google广告，偶尔有那么几刀的收入也是很不错的，不过牛皮癣似的的广告可不是一个友好的显示方式，所以我一直都在对blog中的广告进行优化再优化，希望能做到更加和谐。今天，我做了一个重大的改动，那就是对于老访客，blog中的广告一律不再显示。
如果稍微熟悉一点js，实现这个效果一点都不困难，肯定有人也这样做过。我这里简单的说一下原理和实现方法。我们根据是否曾经留言来判断当前的访问用户是新用户还是老用户，当然这样可能不准确，因为凡是潜水的老用户都会被当作新用户。在wordpress中，访客留言之后都会自动生成一个cookie，用来记录当前留言者的信息，所以我们可以在js脚本文件中判断cookie是否存在，如果存在则隐藏掉广告，否则则显示之，下面是代码介绍。 (read on …)
