2008年9月15日星期一

Google Chrome中如何使用365key提交网摘?

365key自从被收购了之后,越做越糟糕,但是由于它的“将网摘共享到我的网站”上的功能做得比较能适合我的需要,所以一直在用它。它的右键收藏功能在Firefox 3.0之后就没办法使用,所以只能退而使用“书签”的方式提交网摘。“书签”方式就是把一段用于提交网摘的Javascript保存成书签,需要提交网摘时,选择相应书签,运行Javascript就OK了,兼容性比较好。当开始使用Google Chrome之后,也想用这种方法来提交网摘,但是发现有一个Bug:选中的文本无法作为摘要提交。原来的代码是这样的:

javascript:d=document;t=d.selection?(d.selection.type!='None'?d.selection.createRange().text:''):(d.getSelection?d.getSelection():'');void(keyit=window.open('http://www.365key.com/storeit.aspx?t='+escape(d.title)+'&u='+escape(d.location.href)+'&c='+escape(t),'keyit','scrollbars=no,width=475,height=575,left=75,top=20,status=no,resizable=yes'));keyit.focus();
其中采用的两种获得选择文本的方法:document.getSelection()或者document.selection.createRange().text,在Google Chrome中都失效了。通过研究,发现在Google Chrome中,获得选择文本的方法为:window.getSeleciton()。所以将代码更改如下:

javascript:d=document;t=window.getSelection();void(keyit=window.open('http://www.365key.com/storeit.aspx?t='+escape(d.title)+'&u='+escape(d.location.href)+'&c='+escape(t),'keyit','scrollbars=no,width=475,height=575,left=75,top=20,status=no,resizable=yes'));keyit.focus();
结果测试一下可以了,需要的人可以把提交天天网摘(P)(弹出窗口方式)拖到书签栏。

另外,提交网摘网页里面,分类已经在很久以前就不行了,估计也是Javascript的兼容问题,希望365Key可以改一改。

2008年8月9日星期六

在Blogger的经典模板(Classic Templates)中添加分类(Labels)列表

我的另外一个Blog,是用Blogger的FTP功能发布的,只能使用Classic Templates,常规是不能列出分类(Labels)列表的,不象用Blogspot发布的,可以用新的Layout,用“分类”控件实现。

参考了著名的Blogspot Hacker phydeaux3 的文章《Automatic List of Labels for Blogger Classic Templates / FTP》。摸索出了适合中文的方法,介绍如下。

首先是如何列出所有的Labels。Blogger所提供的一个叫“metafeed”的功能可以实现这个,地址是:

http://www.blogger.com/feeds/USERID/blogs/BLOGID

其中,USERID和BLOGID,可以在Blogger的控制面板中查到,所有对于用户级别的设置的链接中,可以看到USERID,所有关于特定Blog的设置的链接,都可以找到BLOGID。这个地址支持标准的GData的接口,所以可以通过在后面添加参数实现其他功能。这个地址其实是个Feed,所以原来的格式是atom。Javascript处理XML比较困难,所以要把它转化成Javascript比较容易处理的JSON格式,而且选用GData的json-in-script的方式,以便把它嵌入到网页中作为Javascript运行。所以可以采用:

http://www.blogger.com/feeds/USERID/blogs/BLOGID?alt=json-in-script&callback=listLabels

其中listLabels是回调函数,参数就是JSON描述的对象,通过在回调函数中对JSON对象的处理,就可以列出所有的Labels。由于www.blogger.com在G~F~W外面,回传的东西里面都是Labels,一旦Labels包括某些关键字,后果可想而知,好在Google的大部分服务都提供https,所以最终采用的链接是:

https://www.blogger.com/feeds/USERID/blogs/BLOGID?alt=json-in-script&callback=listLabels
列出所有的Labels还是不够,关键要解决每个Label所对应的链接是什么。对于全部是英文或者数字的Label,链接就是http://BLOGURL/Labels/后面加Label名称再加上html扩展名,但是一旦Label包含有中文就不是这样了,假如全部是中文,Label名称要进行base64编码,假如Label包括中文和英文或数字,那么Label名称里面的英文保持原文,每个中文要转为“=XX=YY=ZZ”,其中,XXYYZZ为16进制表示的中文字的Unicode编码。在参考了这个连接里面的Base64 Javascript实现后,最终的脚本为:

<script type="text/javascript">
//<![CDATA[
var Base64 = {

    // private property
    _keyStr : "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=",

    // public method for encoding
    encode : function (input) {
        var output = "";
        var chr1, chr2, chr3, enc1, enc2, enc3, enc4;
        var i = 0;
        var go = false;
        /* 判断是否包括数字和字母 */
        if (input.match(/[A-Za-z0-9\+\/\=]/g)){
            go = true;
        }
        input = Base64._utf8_encode(input);

        while (i < input.length) {
            /* 如果包括数字和字母,按特殊方式处理,否则用base64编码 */
            if (go){
                chr1 = input.charCodeAt(i++);
                if (chr1<127){
                    output = output +input.charAt(i-1);
                    continue;
                }
                output = output + '=' + chr1.toString(16).toUpperCase();
                continue;
            }

            chr1 = input.charCodeAt(i++);
            chr2 = input.charCodeAt(i++);
            chr3 = input.charCodeAt(i++);

            enc1 = chr1 >> 2;
            enc2 = ((chr1 & 3) << 4) | (chr2 >> 4);
            enc3 = ((chr2 & 15) << 2) | (chr3 >> 6);
            enc4 = chr3 & 63;

            if (isNaN(chr2)) {
                enc3 = enc4 = 64;
            } else if (isNaN(chr3)) {
                enc4 = 64;
            }

            output = output +
            this._keyStr.charAt(enc1) + this._keyStr.charAt(enc2) +
            this._keyStr.charAt(enc3) + this._keyStr.charAt(enc4);

        }
        /* 将结果中的斜杠替换成两个下划线 */
        output = output.replace(/\//g,"__");
        return output;
    },


    // private method for UTF-8 encoding
    _utf8_encode : function (string) {
        string = string.replace(/\r\n/g,"\n");
        var utftext = "";

        for (var n = 0; n < string.length; n++) {

            var c = string.charCodeAt(n);

            if (c < 128) {
                utftext += String.fromCharCode(c);
            }
            else if((c > 127) && (c < 2048)) {
                utftext += String.fromCharCode((c >> 6) | 192);
                utftext += String.fromCharCode((c & 63) | 128);
            }
            else {
                utftext += String.fromCharCode((c >> 12) | 224);
                utftext += String.fromCharCode(((c >> 6) & 63) | 128);
                utftext += String.fromCharCode((c & 63) | 128);
            }

        }

        return utftext;
    }

};

function listLabels(root){
    var baseURL = 'http://blog.yypig.net/labels/';
    var baseHeading = "Labels";
    var isFTP = true;
    var entry = root.entry;
    var category = entry.category;
    labelSort = new Array();
    for(p in category){
        labelSort[labelSort.length] = [category[p].term];
    }
    //labelSort.sort();
    for (var r=0; r < labelSort.length; r++){
        document.write('<a href="'+baseURL+Base64.encode(labelSort[r]+'')+'.html" >');
        document.write(labelSort[r]+'');
        document.write('</a>, ');
    }

}

//]]>
</script>
<script type="text/javascript" src="https://www.blogger.com/feeds/USERID/blogs/BLOGID?alt=json-in-script&callback=listLabels" ></script>

2008年5月3日星期六

纪念一下

据说,今天是BASIC语言诞生的日子:

上世纪50年代,Dartmouth 大学的数学家 John G. Kemeny 和 Thomas E. Kurtz觉得当时的 Fortran、Algol 太复杂,所以在 1956 年开始着手开发易于使用的语言。
于 1964年5月1日凌晨4点在 GE-225 主机成功运行第一个 BASIC 程序。从此 BASIC 迅速风靡。两位 BASIC 之父后来又成立公司开发了 True BASIC。



值得一提的是,Kemeny 后来成为了 Dartmouth 大学的校长,并在 1972 年实行男女同校制(该校两百多年来都是 all-male)。

我的第一门语言也是APPLE II上的BASIC语言。当年在潮州金山中学的电脑室里面学习的,是兴趣小组,感谢杜舒加老师,是他引导我进入了这个领域,每天都是下午放学以后,我们就到电脑室上机,杜老师会一直陪伴我们到六点钟才关机房回家。他还制作了一个十章的练习题,从易到难,从最简单的打印星型图案,到最难的需要用到事件驱动的模拟加油站汽车加油,中间还有八皇后问题,四色问题等等经典题目,帮助我们走入了编程的领域。