Open source for open soul ;;

用 jQuery 将填表单时的 enter 模拟为 tab 键

2008-09-04T00:39:00.000+08:00

var input = $("input");
input.keydown(function(evt) {
    if(evt.keyCode==13) // 回车
    {
        var inext = input.index(this)+1;
        var next = input[inext]?input[inext]:$("input:first"); // 移到下一个input,如果已经是最后一个则跳到第一个input
        next.focus();
        next.select();
        return false;   // 返回false使回车失效
     }
});

对 Google App Engine 中 datastore 的理解

2008-08-07T09:10:00.002+08:00

GAE的datastore中，除了一般one-many, many-many的orm关系外
还引入了entities group，key_name, parent等概念（其实我对orm也只是知道点皮毛而已，所以不知道这点是不是GAE的独创）

原来一直觉得这些东西很多余，理解不了
但当使用 Transaction 读写数据时才发现只有同一entities group的entity才可以在一个事务中操作，也就是说所有在一个事务中操作的entity都可以追溯到同一个parent，在datastore关系中，被称为 root

明白了这点，要使用事务，就需要将原来一整套仅仅根据one-many, many-many关系建立的entity加入自己的parent关系（parent只能在entity未提交到datastore前建立，不管有没有制定，entity一旦提交就无法修改）

在建立entities group时，key_name是一个很有用的属性，可以利用key_name建立一个unique的属性，在entities group中快速定位到想要的entity

为了方便使用entities group，我定义了一个Person：
class Person(db.Model):
user = db.UserProperty()
displayName = db.StringProperty()
lastVisted = db.DateTimeProperty(auto_now=True)

在用户登录后，使用
Person.get_or_insert(key_name=user.nickname(), user=user)
为新用户创建属于自己的Person实体，为老用户获取Person实体
然后使用这个entity作为其他与该用户相关的entity的root，就享受GAE datastore的事务处理了

几个 GAE 特有的特性

2008-08-01T22:21:00.002+08:00

关于 GQL

类似 WHERE .. IN 的sql只能通过 GqlQuery 实现
GqlQuery 通过多次查询遍历
如果查询引用，应该使用 key 而不是实体的 list

待补充

lightbox 效果的实现原理

2008-07-23T13:33:00.002+08:00

用一个单独的 div 作为 overlay
这个overlay 有三个主要的属性

大于页面文件的width和height
合适的透明度(opacity)
display:none;

在激活时，去掉display:none，这个overlay就成为了新页面的background

2007-06-06T03:01:00.000+08:00

其实还是用到了matplot
主要是自己对绘图的算法不是很熟,而matplot的绘图效果一向比较欣赏

这个方法
需要自己build scipy把delaunay模块包含进去
按照windows下的安装指南
手动build scipy还需要先安装ATLAS (3.6.0)/LAPACK库,而我用cygwin build的ATLAS没有任何作用-____-
还好在不考虑性能损失的情况下还可以使用LAPACK/BLAS的源码直接build

然后再次发现原来我下的0.4.8的scipy不包含delaunay....
残念...安装TortoiseSVN，go bed
明天用svn的scipy继续吧````忙乱的一天呀

更新:
numpy编译不成功
于是用了wiki 上另外一个方法 griddata
下载后先编译其中的c源码
setup.py build --compiler=mingw32 bdist_wininst
需要mingw或者cygwin,并且要把gcc的路径加入到环境变量中（或者直接在cygwin中编译）
然后运行
setup.py install
就安装成功了

之后使用griddata提供的test.py测试一下好了

现在就可以用griddata将离散的值进行natural neighbor interpolation
并用matplotlib显示出来了~
效果不错:)

接下来就是一些美化工作了
全都要靠自己了

The ABC of Blogger Template Tag

2006-10-08T19:58:00.001+08:00

国庆几天看了很多blogger模版修改的trick和tip，但看得越多就觉得越乱。只能是依葫芦画瓢，缺少自己的想法和思路。加上一直想加上一个AJAX的评论功能，所以今天下载了自己的Template开始好好研究。

总的来说，Blogger的Template也就是一种标示语言，在

中已经说得很清楚了。

但是有几个小地方还是需要特别注意一下的;)

首先, b:section 和 b:widget 是定义页面的最基本元素(tag)，其中 b:section 的子元素只能是 b:widget

其次，<b:widget>的使用形如:

<b:widget id="myList" type='ListView' pageType="all" locked="no" title="My Favorite Things"/>

其中最有意思的就是 pageType 属性了，通过设置成不同的值: "all," "archive," "main," or "item,"，可以指定这个widget在所有页面，存档页面，首页或单独的文章页面显示(暂时有问题,不能在模版中使用)。

之后，b:widget下面的元素就是 b:includable 和 b:include 了

b:includable 和 b:include 的关系就像C语言中的函数声明与函数的调用。首先，每个 b:widget 里面都需要一个main主函数：

<b:includable id='main' var='this'>
   [content]
</b:includable>

id相当于函数名，而var则是变量。你还可以用不同的id声明其他 b:includable ，并通过

<b:include name='id_other' data='var_other'/>

调用 b:includable ，并通过data属性传递参数。在其内部则通过 data: 使用参数，如:

data:var_other.title

除了"main"，可以使用 b:include 调用同一 section 内的任意 b:includable 。而每个 :widget 自动调用其中的"main" b:includable

最后，不同的widget还有不同的 data: ，可以在 Layouts Data Tags 找到不同 widget 对应的 data: 列表，列表里面的 data: 都是直接在"main" b:includable中可见的。也就是对"main" b:includable来说，即使没有申明var属性，仍然可以直接得到widget传递的参数。

BLogger的模版语言还有其他的tag, 比如 b:loop, b:if, b:else, expr:。主要用于控制flow，用法还算简单，具体还可以参考 ecmanaut: Blogger beta templates。

ActiveMapper in SQLAlchemy

2006-09-18T21:46:00.000+08:00

ActiveMapper 是SA里面很酷的extension
简化了SA先定义表再mapping的繁琐，又能充分利用SA mapper 的特性

下面是ActiveMapper最基础的用法。


from sqlalchemy.ext.activemapper import ActiveMapper, column, \
          objectstore, metadata, one_to_many, one_to_one, many_to_many

metadata.connect('sqlite:///../idtest.db')
metadata.engine.echo = True

user_group = Table("user_group", metadata,
                   Column("user_id", Integer,
                           ForeignKey("tg_user.user_id"),
                           primary_key=True),
                   Column("group_id", Integer,
                           ForeignKey("tg_group.group_id"),
                           primary_key=True))

class Group(ActiveMapper):
 class mapping:
      __table__="tg_group"
      group_id = column(Integer, primary_key=True)
      group_name = column(Unicode(16), unique=True)
      created = column(DateTime, default=datetime.now)

class User(ActiveMapper):
 class mapping:
      __table__="tg_user"
      user_id = column(Integer, primary_key=True)
      user_name = column(Unicode(16), unique=True)
      password = column(Unicode(40))
      created = column(DateTime, default=datetime.now)
      groups = many_to_many("Group", user_group, backref="users")

u = User()
u.user_name = 'test'
g = Group()
g.group_name = 'admin'
g.users.append(u)
objectstore.flush()

在mapper的使用上基本上与SA一般的用法没什么差别.
要注意的就是在申明class的时候,使用one_to_many, many_to_many这些函数来定义各个表之间的关系。
而与数据库的连接,则用sqlalchemy下面的 metadata, objectstore来进行
metadata.connect()连接数据库
objectstore.flush()将对对象的修改提交到数据库

ps:
现在activemapper有一个小bug就是，如果两个表是多对多的关系，
那么不能在两个class下面同时申明many_to_many，
而只要给many_to_many一个backref参数，这个属性就会自动添加到对应的class下

Beautiful Soup with Chinese.

2006-09-18T10:29:00.000+08:00

BS对unicode文档处理的基本流程是:

首先判断 BeautifulSoup(html, fromEncoding=encoding)中指定encoding
如果没有指定 encoding，则调用 chardet (如果已安装)，或是内置的unicodeDammit尝试探测编码
最后将编码转换为unicode，进行相关的解析

而输出字符的流程更为简单:

通过__str__(coding) 或 renderContents(coding) 指定输出的编码:encode(coding)
如果coding没有指定，则以 'utf-8' 作为默认输出

所以，若是处理 "gbk" 的文档，需要这样使用

soup = BeautifulSoup(html_str, fromEncoding="gbk")
print soup.__str__('gbk')
# or
print soup.__str__().decode('utf-8')

Site-wide layout use KID template.

2006-09-15T23:30:00.000+08:00

kid的 py:match 和 py:extends 结合使用
可以方便的控制网站的整体页面布局:

py:match 遍历当前文档以及使用 py:extends 引用当前文档的文档，将满足条件的元素(element)及子元素使用声明 py:match 的element替代

要定义全局header和footer可以这样写 layout.kid:

<body match="item.tag=='{http://www.w3.org/1999/xhtml}body'" attrs="item.items()">

<div py:replace="[item.text]+item[:]"></div>

其中item.tag是元素的tag，{http://www.w3.org/1999/xhtml} 表明这个xhtml文档的名称空间，[item.text]+item[:] 是被替换掉的body元素下的所有子元素

当 extend 包含body元素时，body元素将用上面的代码代替.并且原文档中body的内容将通过得到保留

由此，我们可以在layout.kid中定义 header 和 footer，其他的文档只要加上
py:extends=" 'layout' "
就可以自动的加上头尾元素了

Thread in Short

2006-09-09T10:16:00.000+08:00

在python中要定义一个简单的线程，只需要下面几步

import threading
派生threading.Thread类，如TestThread
在__init__()中调用threading.Thread.__init__(self)
定义run()，并在其中加入线程要做的工作

而要运行这个线程，首先要将其实例化: t = TestThread()

其次是使用t.start()开始工作

如果想要母线程结束后子线程同时结束，可以在调用t.start()前，调用t.setDaemon(True)

tags: python, thread

Use urllib make form submission.

2006-09-09T10:01:00.000+08:00

使用urllib提交表单:

url = "http://host/path/to/submit"
data = {submit: value}
urldata = urllib.urlencode(data)
results = urllib.urlopen(url, urldata).read()
print results

在提交时使用代理:

proxies = {'http': 'http://host:port'}
url = "http://host/path/to/submit"
data = {'submit': 'value'}     # fly100%
opener = urllib.FancyURLopener(proxies)
urldata = urllib.urlencode(data)
results = opener.open(url, urldata).read()

使用cookie的提交(待续):

tags: python, urllib

ActiveMapper make Turbogears easy to use SqlAlchemy.

2006-08-03T18:00:00.000+08:00

前几天第一次用了SA，感觉还是不错的

但是按他文档里面的方法，要先定义table，再定义一个类用于和这个table的邦定，最后还需要调用mapper()绑定，还是挺繁琐的

特别是当我用在tg中，加上在model.py中的定义和controller的调试就更烦了，不过利用sa最新的插件ActiveMapper，可以把这些繁琐的步骤通通抛掉

不过am相关的文档较少，用一个最简单的例子说明下使用吧


from sqlalchemy import *
from sqlalchemy.ext.activemapper     import ActiveMapper, column
class User(ActiveMapper):
    class mapping:
        __table__ = "user_table"
        id = column(Integer, primary_key=True)
        name = column(String)

首先定义一个以ActiveMapper为基类的class，再通过mapping类使得这个class能绑定到正确的表上

__table__定义的表名，表中的字段用column声明(具体的参数和SA的Column一样，SA的文档写得很清楚了)

把User定义放入model.py中，在controller中import就可以使用了(基本上和SqlObject定义的class用法一样)


from fv.model import User as usr
class index(controllers.Controller):
    @expose(template="json")
    def index(self):
        res = usr.select()
        return dict(res = res[0].name)

如果还想对结果排序还可以使用


res = usr.select(order_by=[asc(usr.c.name)])

注意要先从sqlalchemy中import asc，更多的查询方式可以参照SA上面的 Where Clause

现在ActiveMapper相关的文档还比较少，不过随着tg版本的推进和SA API的稳定，很快就会有更多相关的文档了

另外也希望AM这么灵活的ORM机制能在SA中发挥更大的作用

Technorati : ActiveMapper, SqlAlchemy, Turbogears
Del.icio.us : ActiveMapper, SqlAlchemy, Turbogears

WHERE clause in SqlAlchemy

2006-08-02T02:40:00.000+08:00

在以前使用SQLObject的时候，就对复合查询特别头痛，在邮件列表里面才了解到要怎样才能得到排序、限制查询个数这样的操作。

SqlAlchemy也有这样的问题，只是SA的文档比SO要想尽很多，这里就介绍了WHERE语句在SA中的实现。

逻辑关系: or_() , and_() , not_() , in_()


c = users.select(or_(users.c.user_name=='jack', 
        users.c.user_name=='ed')).execute()


c = users.select(and_(users.c.user_name=='jack', 
        users.c.password=='dog')).execute()


c = users.select(not_(
        or_(users.c.user_name=='jack', 
        users.c.password=='dog')
    )).execute()


c = users.select(users.c.user_name.in_(
        'jack', 'ed', 'fred')).execute()

排序： order_by


c = users.select(order_by=
        [asc(users.c.user_name)]).execute()

其中asc()与desc()可以指明排序的方式(升序/降序)

限制查询的项数： limit, offset, distintic


c = users.select(limit=10, 
        offset=20, distintic=True).execute()

Technorati : SqlAlchemy
Del.icio.us : SqlAlchemy

今天又拿起了Turbogears

2006-07-30T01:15:00.000+08:00

发现maillist上面都在讨论SQLAlchemy

于是去看了下它的文档，虽然还没用过，但是直观的感觉就是比SqlObject灵活很多。

现在对TG项目唯一的问题是，一些widgets是使用SqlObject的，在SQLAlchemy下无法使用。不过这对我暂时也不需要这些功能，SQLAlchemy还是很值得学习的。

Technorati : Python, SqlAlchemy, Turbogears
Del.icio.us : Python, SqlAlchemy, Turbogears

css 在显示图片时的技巧

2006-07-28T22:03:00.000+08:00

为了实现网页的一些特效，常常要用到一些height很小的图片

而往往我们都是这样使用图片:

html:

<div id="container">

<img src="/path/to/image" />

</div>

css:

#container {

position: absolute;

left: 0px;

top: 0px;

}

但如果对位置要求较高就会发现这样的用法在显示高度值很小的图片(比如height=1)时会出现定位不准确。

可以用这样的代码测试

<div style="position: absolute; left:0px; top:0px;"> <img src="vline.jpg" /> </div>

<div style="position: absolute; left:0px; top:0px;"> <img src="hline.jpg" /> </div>

<div style="position: absolute; left:0px; top:0px;"> 图片 </div>

按代码看似乎所有的元素都会从浏览器的左上角开始显示，但实际结果却是这样:

水平的直线hline.jpg显示在"图片"的下方而不是我们定义的top:0px!

解决方法就是在对应的div中加入

font-size:0;line-height:0;

告诉浏览器这个block的字体和行高都为0

这样在里面的图片才能显示在我们通过position定义的位置上。

update : 发现这个问题出现在XHTML 1.0 Strict下，其他的未经过测试，但如果你也遇到了这个问题，不妨试试这个方法。

Technorati : css, css hack
Del.icio.us : css, css hack

Hide scrollbar as your wish;)

2006-07-22T19:45:00.000+08:00

用css就可以轻松实现.

在firefox下:

body { overflow: hidden; }

IE下则是:

html { overflow: hidden; }

以上代码在fx1.5, ie6.0下通过

Technorati : css
Del.icio.us : css

Javascript中的Event

2006-07-20T17:19:00.000+08:00

IE与Mozilla浏览器在处理js上有很多不同的地方，特别是对Event的处理上，根本就是两种理念。

Mozilla(包括Firefox)支持w3c的event模式，通过一个handler函数，以参数传递的方式得到event对象(非常符合大多数语言的习惯)

而IE则通过window.event得到当前的event(ms的另类)

所以，对我们来说，要想自己写的handler函数在这两种浏览器里都正常工作，需要使用类似这样的代码:

function handler(evt) { var myEvent = window.event ? window.event : evt; };

恩，虽然说两家的js实现方法查了很远，但是解决方法还算简单:)

更多的IE和Firefox的javascript问题可以关注mozilla的开发社区，特别是这篇 <Migrate apps from Internet Explorer to Mozilla - MDC>

Technorati : hacks, ie, javascript, mozilla
Del.icio.us : hacks, ie, javascript, mozilla

URL形式的Javascript

2006-07-18T21:05:00.000+08:00

除了在<script></script>之间直接使用js，<script>里面使用src属性制定外部js文件外，还有一种js的用法就是在url中使用

具体的语法是在Javascript: 后加上js语句

这个小小的功能，让js可以用在更多场合

比如我常用的，使用Bloglines订阅当前页面的feed，就是这样一个js: javascript:location.href= 'http://www.bloglines.com/sub/'+location.href 由于这样的js等价于url，所以我们可以将之作为bookmark收藏到fx的bookmark toolbar，在浏览页面时方便的调用。

当然, 还有一个更常用的:作为href的值定义在<a>中.

但是要注意的是, url形式的js有一个特性:如果最后一条语句有返回值,会将最后一句的值产生新的页面.

这个特性也曾经让我十分郁闷.有时在href使用javascript:时, 带有alert(sth)和没有这一句alert在最后的结果完全不一样.其实这正是因为alert()不会返回任何值，因此不会对当前页面产生任何影响。而如果没有alert()，如果最后一句正好返回了一个document对象，那么浏览器就会更新你的页面。

要避免这样的情况，除了alert以外更好的方法是在url形式的js所有语句结束前加上;return void 或 ;void 0

Technorati : Javascript
Del.icio.us : Javascript

pkblogs又恢复正常了

2006-07-18T14:30:00.000+08:00

不知道是不是暂时的

不过决定以后这里只是作为自己学习和实验的基地，自己有办法访问就ok啦~~~

好玩的东西还是放在Blogger Spaces上吧，相信上面的服务还是可以用一段时间的~链接我也会慢慢加上去的，最近天气太热，就让我偷偷懒吧:)

ps:广告没什么，但是bloggoing的服务态度确实是个问题，只好罢手了.

Technorati : blog
Del.icio.us : blog

flickr&WEBIMAGER

2006-07-17T23:22:00.000+08:00

最初在 The sky of Daemon 那看到的介绍

原来想着 flickr 不欢迎截屏所以也没怎么注意，

但今天用了以后才发现这么好用的东西的东西是会上瘾的....

主页上还有flash的介绍，我就不多费唇舌啦

ps: 这个应该是小日本的东西，随便感叹下中国IT人的无奈，创造力都被急功近利所扼杀了

Technorati : blog tool, flickr

[Podcast]中国队勇夺世界杯冠军

2006-07-17T22:30:00.000+08:00

中国球迷能不顶嘛!

Technorati : Chinese, football, podcast, worldcup

toodou.com - 刚发现的好网站

2006-07-17T13:58:00.000+08:00

速度真的很好

其他的自己看看吧:)

Technorati : youtube