石头兔的城堡

今天又花了点儿时间，把之前说的Greasemonkey的脚本写出来了。方便那些使用了ff和Greasemonkey的，并且不愿意，或记不住表情代码的人。

一开始，走了一些弯路。之前做的给回复框加表情图标的时候，其实就是用innerHTML直接修改其中的一个单元格的内容。这没什么问题。不过今天做这个脚本，可是费了不少功夫。直接用innerHTML对其中一个单元格的内容修改，会造成含有<form>的表格内部的代码重排，而夹在两个<tr>之间的<form>会被自动关闭。导致的结果是，点击提交，也可以正常进行连接，但是，编写的内容全部丢失。

想尽办法也没有解决，只好放弃这种修改的方式，改用插入的方式。不允许我修改表格单元，那我就新建一行，然后再新建两个表格单元，然后再初始化成我希望的内容就可以了。试验之后，确实没问题。不过，在IE Tab中不能使用。大概是因为Greasemonkey无法处理IE Tab吧。

效果图：


代码如下：

转载、引用请注明出处，谢谢

// ==UserScript==
// @namespace http://booker.yculblog.com
// @name Yculblog Smiley Replyer
// @description Add smileys to the reply form in admin area.
// @include http://www.yculblog.com/editfollowup.php?*
// ==/UserScript==


var urlBase = "http://booker.yculblog.com/images/smiley/1/";
var picName = new Array("1", "2", "3", "4", "5", "6", "7", "8", "10", "11", "19", "20");
var smileyCode = new Array("[:-)]", "[:-(]", "[XD]", "[;-)]", "[*^_^*]", "[:-O]", "[o_O]", "[T_T]", "[-_-b]", "[:-D]", "[#_#]", "[^.^]");

var s2="";
var i;
for(i=0; i < picName.length; i++){
s2 = s2 + "<img src='" + urlBase+picName[i] + ".gif' alt='' style='cursor:pointer;' onclick='document.getElementsByTagName(\"textarea\")[1].value = document.getElementsByTagName(\"textarea\")[1].value + \"" + smileyCode[i] + "\";' />";
}

var tbs = document.getElementsByTagName("table");

var trs = tbs[1].insertRow(7);
if(trs){
var tds = trs.insertCell(-1);
if(tds){
tds.innerHTML="<b>表情</b>";
tds.setAttribute("align","right");
}

var td = trs.insertCell(-1);
if(td){
td.innerHTML=s2;
}
}

保存成一个js文件，例如：yculblogsmileyreplyer.user.js

然后安装到Greasemonkey就可以了。

代码的注释说明就不写了，和之前的那个大同小异。

-------------------
终于厚着脸皮把这个东西发到http://userscripts.org/上边去了
这里http://userscripts.org/scripts/show/3958

－－－－－－－－－－－－－－
发现这个东西在我的Ubuntu下的Firefox中会显示乱码，虽然只是“表情”两个字的乱码。估计是和脚本文件的编码有关。