简单输入提示框实现

Thumbnail

早期的输入框提示是这样的(via baidu) 左边一个 label ,右边一个输入框。 比较现代的方式是(via Discuz!) 更漂亮的方式是(via 点点) 登录提示信息是放在输入框里面,可以减少文字干扰,我也想在自己手头的小项目中实现这种效果。 我需要达到几个要求: 提示信息是可以暂存的,即用户的输入在清空之后,还能够显示原来的提示信息 只需为 text / textarea 添加一个 class 即可实现效果 不修改 DOM 节点,避免影响上下文选择器 为了实现效果,我需要将提示信息暂存到某个地方。有3个地方可供选择: js 全局变量、输入框自定义属性、上下文 DOM 节点。 ...

2011-08-18 · alswl

get json failed in IE

半夜在开工打补丁,某个 bug 是 Firefox 下面能接受到 Ajax 回调请求,而 IE 不行。 解决方案在[http://stackoverflow.com/questions/425854/jquery-ajax-request-failing- in-ie](http://stackoverflow.com/questions/425854/jquery-ajax-request-failing- in-ie) 缘由是由于 IE 不能正常识别application/json; charset=utf8 于是修改为response.headers['Content-Type'] = 'application/json' 狗日的 IE!

2011-08-14 · alswl

go-pylons.py在Python2.7下错误解决

当使用 Python2.7 + go-pylons.py 创建 Pylons 运行环境的话,会报一下错误。 [alswl@arch-vm xingtong]$ python go-pylons.py myb_env New python executable in myb_env/bin/python Traceback (most recent call last): File "/home/alswl/work/xingtong/myb_env/lib/python2.7/site.py", line 67, in <module> import os File "/home/alswl/work/xingtong/myb_env/lib/python2.7/os.py", line 398, in <module> import UserDict File "/home/alswl/work/xingtong/myb_env/lib/python2.7/UserDict.py", line 83, in <module> import _abcoll File "/home/alswl/work/xingtong/myb_env/lib/python2.7/_abcoll.py", line 11, in <module> from abc import ABCMeta, abstractmethod File "/home/alswl/work/xingtong/myb_env/lib/python2.7/abc.py", line 8, in <module> from _weakrefset import WeakSet ImportError: No module named _weakrefset ERROR: The executable myb_env/bin/python is not functioning ERROR: It thinks sys.prefix is '/home/alswl/work/xingtong' (should be '/home/alswl/work/xingtong/myb_env') ERROR: virtualenv is not compatible with this system or executable STFW 之后,找到了引发错误的根源virtualenv,这个 bug 在这里已经修复了。 #!diff --- a/virtualenv.py 2010-09-14 21:48:58.078562930 +0200 +++ b/virtualenv.py 2010-09-14 21:46:20.650769346 +0200 @@ -51,6 +51,8 @@ REQUIRED_FILES = ['lib-dynload', 'config if sys.version_info[:2] >= (2, 6): REQUIRED_MODULES.extend([‘warnings’, ’linecache’, ‘_abcoll’, ‘abc’]) if sys.version_info[:2] >= (2, 7): REQUIRED_MODULES.extend([’_weakrefset’]) if sys.version_info[:2] <= (2, 3): REQUIRED_MODULES.extend([‘sets’, ‘future’]) if is_pypy: 懒人可以点击go-pylons.py下载。

2011-08-02 · alswl

新浪微博应用Key

前两天 [FaWave](https://chrome.google.com/webstore/detail/aicelmgbddfgmpieedjiggi fabdpcnln) 的新浪微博接口出现了问题, 一直无法发送和接受信息,今天查看了一下设定里面的信息,官方给出这样的解释: 我们曾经很傻很天真地以为新浪微博开放平台是真的开放的。由于新浪将FaWave的应用Key屏蔽了,目前只能无奈地让用户选择使用其他应用的Key来继续让Fa Wave兼容新浪微博。望谅解。 看样子又需要自己申请一个新浪微博的App了,我去 新浪微博开放平台 注册了一个APP,叫做 滴滴滴的小喇叭 。 App Key:1991355110 App Secret:de253ff255f1190c8fd61977f5e5781b 需要的同学可以自取。 ...

2011-07-28 · alswl

Vimperator的Pass through

作为 vim 的拥护者,我同时也喜欢使用 Vimperator 这款 Firefox 下面的插件,这款插件可以帮助实现 Firefox 的纯键盘操作。 我同时也是 GMail / Google Reader 的深度用户,他们在网页端也支持纯键盘操作,这样就和 Vimperator 产生了冲突。键盘按键事件被 Vimperator 拦截了,导致键盘操作在这些应用上面不起作用。 还好,Vimperator 提供了一种名为 Pass through 的模式,按 CTRL+Z 进入这种模式,在这种模式下面,Vimperator 将不响应键盘操作,全部放行到 Web 页面。 在某一次版本更新之后, Pass through 的快捷键 CTRL+Z 似乎不起作用了,我翻遍了用户手册也没有找到解决办法。 ...

2011-07-19 · alswl

安装lrzsz

lrzsz 是一款 Linux 下面的文件传输工具。实现原理是通过 Xmodem / Ymodem / Zmodem 协议传输文件。lrzsz 可以在支持这三种协议的Shell界面的工具下工作,比如XShell。 lrzsz是一个古老的软件,最新版本0.12.20是在1998年更新的。 大部分linux发行版的安装工具都可以直接安装 lrzsz,比如apt-get / pacman,当然我们也可以下载安装包手动安装。这次由于我所在的服务器没有管理员权限,我就使用源码包安装。 $ mkdir /home/alswl/app $ wget http://ohse.de/uwe/releases/lrzsz-0.12.20.tar.gz $ tar xzvf lrzsz-0.12.20.tar.gz $ cd lrzsz-0.12.20 $ ./configure --prefix="/home/alswl/app" $ make $ make install $ export PATH="$PATH:/home/alswl/app/bin" 安装上面步骤就可以安装完成了,重点在于 --prefix="/home/alswl/app",这可以指定安装路径,安装到自己可以读写的地方去。 ...

2011-07-15 · alswl

微日记

每天用一个词形容自己当天的生活,就是微日记。 从 [http://www.matrix67.com/keywords.html](Matrix67.com: Keywords in My Life) 偷师。 Matrix67用的是html,我用的是纯文本,直接通过SSH在服务器进行修改。utf-8编码,有些浏览器(比如FF)可能需要使用正确的编码才能显示。 我的微日记地址是 http://log4d.com/microlog.txt http://log4d.com/microlog/,欢迎模仿。

2011-07-08 · alswl

Html元素事件查看器Eventbug

Thumbnail

Chrome的开发者工具里面有一个小功能:查看当前元素的Event,比如onclick/onblur等事件。 一直想在Firefox里面也找到类似的插件,今天正好看到这么一个好东西,叫做EventBug。 官方的介绍如下 Eventbug是一款能够列出所有绑定事件的Firebug扩展,它将这些事件按事件类型排列。 需要Firebug1.5 源码沿用Firebug的BSD风格协议 请使用Firebug的Bug报告列表来提交问题 请使用Firebug的新闻列表来提出问题 作者:John J. Barton, Jan Odvarko ...

2011-07-04 · alswl

urllib2.urlopen的中文URL问题

在url中使用中文其实是一个坏习惯,会带来一系列的转码问题, 我更喜欢英文译名或者id来标识某个uri。但是现实往往是残酷的, 特别是在我们调用别人服务时候,有时候被逼无奈使用中文URL。 Python中unicode转码一向是让人头疼的问题。数次碰壁之后,我也摸出了一些门道, 研读完Python字符串的encode与decode 之后,就自认为找到了万金油,谁知道这次又碰上这个老冤家。 Traceback (most recent call last): File "<stdin>", line 1, in <module> File "/usr/lib/python2.6/urllib2.py", line 126, in urlopen return _opener.open(url, data, timeout) File "/usr/lib/python2.6/urllib2.py", line 391, in open response = self._open(req, data) File "/usr/lib/python2.6/urllib2.py", line 409, in _open '_open', req) File "/usr/lib/python2.6/urllib2.py", line 369, in _call_chain result = func(*args) File "/usr/lib/python2.6/urllib2.py", line 1170, in http_open return self.do_open(httplib.HTTPConnection, req) File "/usr/lib/python2.6/urllib2.py", line 1142, in do_open h.request(req.get_method(), req.get_selector(), req.data, headers) File "/usr/lib/python2.6/httplib.py", line 914, in request self._send_request(method, url, body, headers) File "/usr/lib/python2.6/httplib.py", line 951, in _send_request self.endheaders() File "/usr/lib/python2.6/httplib.py", line 908, in endheaders self._send_output() File "/usr/lib/python2.6/httplib.py", line 780, in _send_output self.send(msg) File "/usr/lib/python2.6/httplib.py", line 759, in send self.sock.sendall(str) File "<string>", line 1, in sendall UnicodeEncodeError: 'ascii' codec can't encode characters in position 7-8: ordinal not in range(128) 这次错误引发是在 urlopen() 引起的,很有特色,开始使用 url.encode('utf-8') 就可以解决了。 今天我做了一些测试。 ...

2011-06-14 · alswl

使用DDNS+SSH连通家庭/工作电脑

Thumbnail

1. 背景 我目前有两台电脑,一台是家里使用的Linux笔记本(Dell 6400,4年), 一台是公司使用的Windows笔记本(IBM X201,1个月)。 我有时候需要在办公室连入家庭电脑,进行一些操作,比如同步,比如使用linux特定服务。 完成这项工作需要两个条件,ip互通+对应通讯协议。被连接的服务器需要一个公网地址, 而非局域网的192.x.x.x。可供选择的协议比较多,http/ftp/ssh等常规协议都可以使用。 ...

2011-06-12 · alswl