A colourful bubble? » opera

在饭否上“盖楼”

paopao — Thu, 14 May 2009 07:55:20 +0000

不要被我这个标题给骗啦，其实这还是一个饭否上的 User JS — fanfou Thread Status。这次的功能其实和上一次的预览饭否的回复消息的 User JS功能类似，只是更进了一步：不只是预览被回复的消息，还能同时回溯预览之前的所有消息，这样看起来的效果就像是“盖楼”咯

P.S. 最近在测试这个脚本的时候还真的见过不少“高楼”的，超过一页的也不少…

既然功能类似，为什么要独立成一个新的脚本呢。主要原因是新的这个脚本修改了源消息链接的默认点击事件，可能会有人不喜欢，所以独立开来，那些没有“看楼”需求的同学可以选择原来的那个简单的脚本。

使用方法：

1、移动至源消息链接上时自动预览之前的所有相关消息；
2、移出源消息链接后则隐藏预览的消息；
3、点击源消息链接后则预览的消息不会自动隐藏，需要点击预览的消息或者预览其他的消息来使当前的预览消息隐藏；增加这个操作主要是由于某些“楼”比较高，需要滚动页面才能看全；
4、双击源消息链接后转到源消息页面。

使用效果：

下载安装：

fanfou Thread Status for Opera

fanfou Thread Status for Firefox (Greasemonkey)

*注意：此脚本不和我之前的预览饭否的回复消息脚本同时安装使用，请在两者中选择一个安装使用。

有问题和建议的话欢迎留言，也可以在饭否上找我。

预览饭否消息图片的 User JS

paopao — Wed, 13 May 2009 17:30:03 +0000

饭否拍拍是饭否上个月推出的手机客户端，可以很方便的拍照上传。推出后广受好评，顿时涌现出许多“通过饭否拍拍”发出的消息。

虽然我的破手机没法安装(T_T)，但是我的饭否好友还是有很多发照片的。不过饭否消息发的是缩略图，手机拍的照片本来就质量不高，一缩略就更看不清了，没办法只能一个一个点开看。为了结束这种痛苦的状态，就写了下面这个 User JS，主要功能是以 Thick Box的方式在当前页面预览消息中图片的大图。

使用效果如下：
点击消息中的图片缩略图，就可以在当前页面预览大图，点击大图或者周围的灰色背景则返回页面

下载安装：

fanfou Thick Pic for Opera

fanfou Thick Pic for Firefox (Greasemonkey)

有问题和建议的话欢迎留言，也可以在饭否上找我。

预览饭否的回复消息的 User JS

paopao — Mon, 11 May 2009 10:25:28 +0000

最近饭否添加了一个新的功能，就是在显示 @ 回复别人的消息时，会同时显示被回复消息的链接，也就是是类似会话的功能。但是，如果需要看到源消息的话需要转到源消息的页面来查看，有点不方便。

我写的这个 User JS 的功能就是给饭否页面加上预览源消息的功能，这个功能的灵感来自于 dofy 给 Twitter 写的 TwittSeven 脚本。

使用效果如下：
把鼠标移至源消息的链接上就会显示源消息

下载安装：

fanfou Reply Status for Opera

同样，我也修改了一个给Firefox 用 Greasemonkey 的版本

fanfou Reply Status for Firefox

更新记录：

2009/05/11 v0.1 初始版本
2009/05/12 v0.2 更新预览消息框的 CSS ，解决长消息的时间戳显示不整齐的问题

有问题和建议的话欢迎留言，也可以在饭否上找我。

给饭否添加一个 RF 按钮

paopao — Mon, 11 May 2009 00:30:24 +0000

玩 Twitter 的同学应该都知道 RT 吧，是 retweet 或 retweeting 之意，也就是引用或者重复别人的信息。我不怎么用 Twitter，但是一直在用饭否，饭否上也有人经常进行 RT ，我觉得这个词用在饭否上好像不太对，应该用 RF 嘛，代表 refanfou，哈哈

但是如果每次 RF 时手动复制粘贴还要加用户名挺麻烦的，所以就写了这样一个 Opera 的 userJS 脚本。这个脚本没什么其他的作用，就是给 home 页面的每条消息增加一个 RF 的按钮，点击后就可以自动 RF 该条消息了。按钮的样式上偷了个懒，采用的是饭否已经撤销掉的“分享”按钮的样式，不过这样看起来风格也比较一致。

使用方法：

1、在自己的 home 页，点击消息右侧的“分享”按钮，则会将当前消息加上 “RF @XX” 粘贴至发表消息框，并将页面定位至发表框，如果不需要修改则直接点击“发送”按钮转发消息；
2、在其他页面，点击消息右侧的“分享”按钮，则会转到自己的 home 页，同时已经将要转发的内容填至发表框，只需点击“发送”按钮即可转发消息。

使用效果如下：

下载安装：

fanfourf.js for Opera

其实 Opera 的 userJS 和 Firefox 的 Greasemonkey 脚本部分兼容，所以我就顺便改了一个 Greasemonkey 的版本，可以用在 Firefox 上。

fanfourf.user.js for Firefox

更新记录：

2009/05/11 v0.1 初始版本
2009/05/14 v0.2 将转发消息的范围扩大至所有页面；不在自己的消息上显示 RF 按钮；默认不自动发送消息，可以在发送前修改消息；修正对自动截断的链接的读取；修正对用户名链接的处理；

有问题和建议的话欢迎留言，也可以在饭否上找我。

Opera浏览器处理disabled属性的bug

paopao — Wed, 26 Nov 2008 13:00:23 +0000

最近在看John Resig的《精通JavaScript》，作为JQuery的作者之一，技术实力自然不在话下。不过如果仔细看某些源代码的话，还是有些小问题的，也许是作者比较粗心吧，这里是中文版的勘误页面，再版的时候估计会好很多。

趁着读书时的热情，做了一些小的demo来练习，在上一个demo中发现opera浏览器在处理xhtml标签的”disabled”属性时有一个bug。

事情是这样的，我在页面中有一个button元素，我希望它只能被点击一次，所以我在button的click事件中将它的”disabled”属性置为true。这样，点击一次之后，这个button就变成了灰色的不可用状态，我也确实无法再通过鼠标直接点击它了。事情到此都是没有问题的，接下来我希望能用键盘快捷键来控制这个button，于是我给它添加了”accesskey”属性，然后问题就来了，在我点击一次使得button变为不可用状态后，我还是可以通过accesskey来点击它。
我在其他的浏览器上进行了同样的实验，结果表明在我现有的浏览器 (FireFox3, IE8, Safari3/win, Chrome0.4) 上都没有这个bug，除了opera。我目前使用的是opera 9.61版，不过我估计opera以前的版本也存在同样的bug。

进一步实验后，发现opera不只是在处理”accesskey”的点击时有bug，而是在处理除了鼠标直接点击之外的所有其他方式时都存在这个bug。比如在另一个JavaScript脚本里调用这个已经被禁用的button的click函数，甚至通过tab获取button焦点之后连续点击回车，都可以绕过button的disabled属性而触发它的click事件。

我写了一个demo页面来演示这个bug：Button & accesskey

还有要注意的一点就是accesskey在不同的浏览器中的使用方法并不一样。Opera中是通过shift+esc调出accesskey菜单再按相应的accesskey，IE8、Safari3/win以及Chrome0.4则都是使用alt+accesskey。FireFox3中则默认是alt+shift+accesskey，这避免了与浏览器菜单快捷键的冲突，不过可以通过修改about:config的ui.key.contentAccess键值来更改，这个键值的具体含义如下：

1 = Shift
2 = Ctrl
3 = Shift + Ctrl
4 = Alt
5 = Shift + Alt
6 = Alt + Ctrl
7 = Ctrl + Shift + Alt

另外，在做这个demo的时候还发现了IE在处理button按钮时和其他浏览器的不同。在JavaScript脚本中通过element.value来获取button的value属性的值，在IE中得到的是button的innerHTML值，而在其他浏览器中得到的是正确的value属性的值。在网上搜了一下，这个问题有不少人问，解决办法也有不少，有的人建议改用input标签，不过我觉得不符合语义化的要求。还有通过Javascript和xml来解决的，感觉太麻烦了。最后我决定使用button的title属性来存储我需要的值，没办法，妥协一下吧。

正常访问Google网页快照的Opera脚本代码

paopao — Thu, 01 Jan 1970 07:00:00 +0000

// ==UserScript==
// @include http://www.google.com/
// ==/UserScript==

(function() {
    var allLinks = document.links;
    if (allLinks != null)
    {
        for (i = 0; i < allLinks.length; ++i)
        {
            if (allLinks[i].href.indexOf ("/search?q=cache:") > 0)
            {
                allLinks[i].href = allLinks[i].href.replace ("/search?q=cache:","/search?&q=cache:");
            }
        }
    }
})();

将以上代码保存成google.user.js (一定要保存成xxx.user.js，不能直接保存成xxx.js)
放到任意你喜欢的文件夹中，比如Opera\profile\scripts
然后在opera中的google页面右键选择编辑站点首选项
在脚本页选择你存放上面那个脚本文件的文件夹即可

参考网页：

正常访问Google网页快照的方法

正常访问Google网页快照的插件代码