文章标签 ‘插件’

插个话题,看过玉伯关于信息架构的一篇文章,突然想到我的Google Reader,最近真的很忙,以至于积压这么多的文章没有读:

基本没有查看Reader上订阅的文章,好容易端午小长假打算阅读一下没有读的文章,一眼看过去,直接闷了,1000+的文章,让我如何是好,这便让我考虑到如此的信息分类是否合理的问题。为了减少信息筛选的时间,我打算抽时间重新整理Reader上的分类。也非常赞成”架构是个过程,是思考、实践,再次思考、再次实践的过程。”

入主题,记录一下我的第一个jquery的插件,认识jquery已经很久了,也在大量的项目中多次反复的使用各种组件,有来自本土的,也有来自外籍的,给我的感觉就是jquery非常强大,能做许多事情,正如官方所说”The Write Less, Do More”。

google-reader-0614

为了让我的jquery出炉,先谈谈我最简单的需求,用过谷歌浏览器的人都知道,当单击文本输入框的时,谷歌浏览器会有一个默认选中的效果来提示用户当前的输入框被选中,我需要实现的是,在不同浏览器下都有一个提示用户当前输入框被focus的效果。例如:

highInput

这个需求很简单,但写成jquery插件的目的是为了更了解jquery插件的开发。

高手可以飘过,或者给我些指导,谢谢。

像所有土人一样,我给这个小玩意起了个英文名字:highInput

像所有土人一样,我把需求转变成:选取某一元素下所有含有指定class的input点击高亮提示

像所有土人一样,我把文件命名为:jquery.highInput.js

于是有了:

/*
highInput
功能: 选取某一元素下所有含有指定class的input点击高亮提示
*/
(function($) {
    $.fn.highInput = function(options) {
        var defaults = {
            objclass: “highInput”,
            focusclass: “focus”
        };
        var options = $.extend(defaults,options);
        return this.each(function(){
            var o = options;
            var obj = $(this);
            var items = $(“input:text”, obj).filter(“.” + defaults.objclass);
            $(items).focus(function(){
                $(this).addClass(o.focusclass);                 
            });
            $(items).blur(function(){
                $(this).removeClass(o.focusclass);                 
            });
        });
    };
})(jQuery);

//example

$(‘body’).highInput();

查看演示

2010年6月14日16:57 | 7 条评论
分类: 前端开发
标签: ,

没有听说Google的PR有大的更新,也没有太多关注过这个事情,有一天被朋友提醒才去刻意去查询了一下,发现居然有PR了,呵呵!

目前可以用来查询的网站有很多,推荐几个:

1. tools.chinaz.com

2. www.webmasterhome.cn

如果你用FF,可以通过安装插件或者Google工具栏来直接显示打开网站的PR!

那天查询本站有PR的是 站长站 的工具,后来跑到 中国站长之家 查询发现又没有了PR,所以才有了顶部那句话!直到通过Google工具栏确认后才正式肯定本站的PR确实已经是1了!虽说PR并不代表什么,至少是Google对本博的一次肯定,接下来我还会继续努力,就让Google来多"肯"我几次吧!像我开炮!

另外,刚刚安装了一个评论回复插件[donate没有,链接赞助一个],以后大家的评论如果被人回复或者被我回复都能看到了,希望大家多交流,还是那句老话:以博会友!

2009年6月29日00:21 | 24 条评论
分类: 随便