Fat R笔记……与减肥无关

研究了一下，sina blog是用ajax来获取用户评论的，在ajax部分作了针对不同浏览器的处理，然而在将获取到的html代码输出到页面时有一句：

<a name="comment" style="display:none;"/>

这个代码的目的是利用name属性创建一个anchor，但根据w3c的标准，元素的end tag是必须的，也就是说，这种的写法是不标准的，应该写成

有趣的是Opera对这种不标准的tag的处理。我做了两个sample:
http://files.myopera.com/Returner/blog/disappear.htm
http://files.myopera.com/Returner/blog/1disappear.htm
可以看到，相同的代码直接写在html中，opera是会把它显示出来的。但如果是用innerHTML来动态插入，opera就会把内容隐藏了……似乎A标签中的style="display:none;"在动态插入时对后面的元素起了作用？同样的代码的两种解释行为，不知道是不是Opera的bug。

然而在FireFox中，无论直接写进html中还是用innerHTML来插入，效果都是一致的。但在第一个sample中，A元素后边紧接着的是一个DIV，这个DIV没有显示出来。而第二个sample中则是一个TABLE，这个TABLE却显示出来了。这就是为什么FireFox下能看到sina blog的用户评论。

IE下两个sample的行为更加一致，什么都不会显示。但我没研究在IE中那些用户评论最终是怎么显示出来的。

至于解决的办法，自然还是UserJS。需要做的事情很简单，在innerHTML插入之前将A标签正则替换为

<a name="comment" style=" "></a>

这里我把style去掉了，因为在opera中如果这个tag的style是display:none，Opera是不会用它作为一个anchor的，这就不能用#comment跳转到评论的位置了。

由于opera.defineMagicVariable只能覆盖全局变量，经过考虑最后还是选择对base.js中的output函数动手。output函数就是将ajax获取到的代码用innerHTML插入到指定元素中的“最终输出函数”。

UserJS代码如下：

// ==UserScript==
// @name             Show user comments in sina blog
// @author           Returner
// @include          http://blog.sina.com.cn/u/*
// ==/UserScript==

opera.defineMagicFunction(
  'output',
  function (real, oThis, _sHtml, _box)
  { _sHtml = _sHtml.replace(/(<a\s[^>]+)display\:none;([^>]+)\/>/ig,"$1 $2></a>");  
    real.apply( oThis, arguments.slice(2) );}
);

或下载下面文件到Opera的UserJS目录
sinablogcomment.js

不过添加评论还是有点问题(尤其是使用代理服务器上网时),问题的根源在于验证码的图片没有及时更新，从而总是提示验证码错误。在不使用代理时刷多几次就好了，但使用代理时似乎总是刷新不了验证码图片，郁闷……

---

新浪可能修改过程序，原来的脚本会找不到新浪脚本里的output函数，于是real.apply时实际上会无限递归地调用自己，从而造成cpu占用率和内存占用率的飙升。
于是只好修改程序，直接把新浪的output函数写到脚本里。不过这样毕竟不是长久之计，新浪如果到时改了程序，脚本又要跟着改，只能算是暂时解决了问题……
新的脚本在这里：
sinablogcomment_v2.js

用于“过滤”http://divx.thu.cn/latest.php 输出。其实只是用不同颜色标示不同类型的rlz,目前区分的是internal、screener、tc/ts/cam等类别。代码如下：

// ==UserScript==
// @name             divx.thu.cn filter
// @version          1.00
// @author           Returner
// @namespace        http://my.opera.com/Returner
// @include          http://divx.thu.cn/latest.php*
// ==/UserScript==

/*Changelog:
 *  1.00: First version.
 */

function divxcolor() {
  var titleColors = {    //这些颜色是随便写的，巨丑
    internal: '#A08585',
    historic: '#A0A585',
    screener: '#B0A585',
    ts: '#707070',
    dummy: '#000000'
  };

  var blockColors = {    //三种类型：none表示不显示标题下面的block，ori表示不改变颜色，#xxxxxx表示用指定颜色显示
    //internal: '#ffeeee',
    internal: 'none',
    historic: 'none',
    //screener: 'ori',
    screener: 'none',
    ts: 'none',
    dummy: '#000000'
  };
  var dTables = document.getElementsByTagName("table");
  for (var i = 0, thisTab; thisTab = dTables[i]; i++){
    if (thisTab.getAttribute('id') == 'table14'){
      var URLText = thisTab.rows[0].cells[0].getElementsByTagName("a")[0].innerText;
      var tabType = 'normal';
      if(URLText)
        if (URLText.match(/\.iNT(ERNAL)?[\.\-]/)){
          tabType = 'internal';
        } else if (URLText.match(/\.19[0-8][\d][\.\-]/)){  //电影时间年份较早的rlz
          tabType = 'historic';
        } else if (URLText.match(/\.(DVDSCR)|(screener)[\.\-]/i)){
          tabType = 'screener';
        } else if (URLText.match(/\.((TS)|(TC)|(CAM)|(TELESYNC))+[\.\-]/i) ){
          tabType = 'ts';
        }

      if (tabType == 'normal'){
        thisTab.rows[0].cells[0].setAttribute('background','/images/001.jpg');
      } else{
        thisTab.rows[0].cells[0].setAttribute('background','');
        thisTab.rows[0].cells[0].setAttribute('bgColor',titleColors[tabType]);
        thisTab = dTables[++i];
        if(blockColors[tabType] == 'none'){
          thisTab.innerHTML = '';
        } else if(blockColors[tabType] == 'ori'){

        } else{
          thisTab.rows[0].cells[0].setAttribute('bgColor',blockColors[tabType]);
        }
        /*thisTab = dTables[++i];
        thisTab.setAttribute('bgColor',tagColors.intBlock1);
        thisTab.rows[1].cells[0].setAttribute('bgColor',tagColors.intBlock1);*/
      }
    }
  }
}
window.opera.addEventListener('AfterEvent.DOMContentLoaded',
  function (ev) {
    divxcolor();
  },
false);

Notes:
　　* 在判断ts时，如果正则表达式用/.(TC)|(TS)|(CAM)|(TELESYNC)[.\-]/i，会把标题含有.tsxxxx.之类文本的也判断为真，改成/.((TS)|(TC)|(CAM)|(TELESYNC))+[.\-]/i就OK了。所以前面判断screener的严格来说不太完善

　　* Opera下不支持thisTab.rows[0].cells[0].background，所以用DOM的方法thisTab.rows[0].cells[0].setAttribute('background','/images/001.jpg')

　　* 获得单元格中的<A>标签可以用thisTab.rows[0].cells[0].all.tags["a"]，Opera也支持，但这里还是用了W3C DOM的标准thisTab.rows[0].cells[0].getElementsByTagName("a")

　　* 访问一个Object的属性，可以用object.property，也可以用object["property"]。这个程序访问titleColors和blockColors时用的是后者

　　* 有空一定要多学学DOM的东西，目前为止我还是这方面的白痴……

My Opera的blog有个不爽的地方，就是没有autosave。昨晚就试过敲了一大段文字，结果不知道是敲得太快还是手抽筋还是脑抽筋，按到了ctrl+w，于是十几分钟的键盘便白敲了…… 然后只好心有余悸地开Ultraedit写,写完再c&amp;p到My Opera上面。想想又很不甘心，自己不久前才修改了一下那个BB Code灌水菜单，配合自己的CSS加了些东西，如果用其它编辑器那就算是白加了。于是为了挽回这一损失，我决定写一个实现autosave的userscript……

　　写了一天，总算是写了一个 目前大概是能正常工作了吧，不过还没有进行足够的测试，功能也不够完善。实现的方法嘛，其实还是很简单滴。分两种情况，一是Edit post的时候。这时因为编辑的post已经存在于blog里面了，实现autosave，只需要在后台定时模拟一下sumit的动作就可以了；二是Add new post的时候，这种情况就稍微有点麻烦了。这时post还没有跑进blog里，而且如果像Edit post的时候那样模拟submit动作，每submit一次blog里面就会多出一篇post来。相信不会有人认为把那堆每隔几分钟诞生一篇的“草稿”逐篇删掉是写完一篇blog后的一种很有趣的放松活动吧。其实有一种理论上来说较为理想的解决方法，就是在以add new post方式submit了一次之后，获得生成的新post的id，此后的autosave都改为edit post的方式，保存到新post里。然而这里就不得不对着Opera狠狠地踩两脚了，因为他家的XMLHttpRequest对重定向的处理有问题，使得我的这个idea泡汤了……社区里也有人遇到了同样的问题，希望这个bug能快点修正吧……虽然可以采用更曲折更变态的方法去实现（比如，用一个特定的tag，提交后寻找具有这个tag的最新一篇文章，从而获取到文章ID……嗯，看起来非常地艰苦，所以暂时我没这么干的打算），但我决定还是盼一盼bug fix吧……

　　既然理想的方法用不了，我就用了另外一种没那么变态的:在blog里面写一篇post access为private的文章，用它来作为new post时autosave的存储空间。这样new post时进行autosave，就是以edit post的提交方式对那篇文章进行修改。由于那篇文章的命运已经被锁定为autosave的终身缓冲区，为了不让人见到它会产生修改的冲动，便又在写入它的时候对写进去的东西进行了一定的格式化。同时，为了方便add new post时发生意外后恢复保存的内容，又写了一个load函数——于是这个脚本的功能被我越整越啰嗦了。

　　嗯，因为要完善的地方还有很多，所以暂时不把脚本放出来，测试几天再说……