Archive for 十月, 2008

如何在IE和Firefox里屏蔽BackSpace

在网页上输入信息,特别是注册的时候,如果输入的焦点不在输入框里的话,按BackSpace键,IE和Firefox以及许多浏览器都会理解为”后退”命令,返回上一页。这样的话,刚才输入的内容就全没了。这是非常让人泄气的事儿,为了在自己设计的页面里,给用户更好的使用体验,有必要屏蔽掉这个功能。 其实,在GMail,Google Document等许多基于Web的应用都对这个问题作了相应的处理。当这种操作发生时,出项一个警告,提示用户是否真的想放弃当前页面上输入的内容。这个屏蔽功能其实很简单,只要在你写的html里加上一段Javascript代码就行了。让javascript代码检查用户的输入事件,如果发生了输入焦点不在输入框的时候,用户按下了Backspace键,那就触发相应的代买来处理就行了。但,需要注意的是IE和Firefox的事件处理方法不同,API也不一样,需要区别对待。做Web应用最让人恼火是莫过于此了。为了适应各种浏览器,不得不写各种对应代码,然后在各种浏览器上做测试。如果Web应用还有手机可以浏览的功能,那就更麻烦了。现在市场上,几乎每天都在发布新的手机,为了不出问题,你就必须定期的在所有的新手机上做测试。这是让人抓狂啊。要是有统一的标准该多好。 好像跑题了,呵呵,演过正传,下面就是实例代码,在IE7和Firefox3测试通过。 <script type="text/javascript"><!– // For IE if (typeof window.event != ‘undefined’) {   document.onkeydown = function() {     var type = event.srcElement.type;     var code = event.keyCode;     return ((code != 8 &#038;& code != 13) ||             (type == ‘text’ &#038;& code != 13 ) ||    [...]

web design, 网络

google主页十年

前不久是google成立十周年,网上有很多关于google的历史的讨论,庆祝活动也是不少。今天在Youtube发现了这个视频,记录了google十年间主页的变化。看一看挺有意思的。

google, 闲言碎语

在Safari里像Firefox查单词解释。

为了学习英语和日语,我要求自己每天读半小时的英语新闻和日语新闻。但是由于水平不够,经常遇到不懂的单词。为了解决这个问题,我一直都用Firefox的rikaichan(理解ちゃん)词典插件来查单词解释。它是一个以英语为中心的把其他语言与英语互译的插件。它非常好用,打开查询功能后,只要把鼠标指针放到想要查询的单词上,解释就会马上自动出现,几乎没有延迟。就和金山词霸的效果一样。 但是,我遇到了一个不是rikaichan问题的问题,就是它支持Firefox(当然了,Firefox的插件嘛!)。在Mac OSX系统里我的首选浏览器总是Safari,因为它的起动速度实在比Firefox快很多很多。我可不想在读一条短短的新闻的时候等上1分钟。所以,我读新闻的时候总是倾向用Safari,但是Safari里没有rikaichan,不能查词了,基于Web的在线词典又太慢。结果一直都用电子辞典应付着。 可是昨天,在Apple日本网站乱逛的时候,发现其实Mac OSX10.5的词典早已经有了这个功能。 使用方法很简单: 1. 打开Mac的词典。 2. 在Safari里遇到想查的单词,就把鼠标放到单词上,按下Ctrl + Command + D, 单词解释就会出现。 3. 另外,点击右下角的「详细」按钮,就在在词典里显示更详细的解释。 就这么简单,问题解决了。速度如Safari起动那样快。 通过这事儿,我明白了一个道理,一直陪伴在你身边的东西,你真的完全了解他(她,它)吗?

macosx