» JavaScript » bianbian coding life

【在 superphoenix (格云朱雀) 的大作中提到: 】
: 比如要将一个字符串中的A替换为asdf，B替换成fdsa，C替换成……
: 能不能用一个正则话就替换成功？
: 而不是写成str=str.replace(/A/g,”asdf”).replace(/B/g,”fdsa”)….
: 谢谢！

※ 来源:．南京大学小百合站 bbs.nju.edu.cn．[FROM: Net.nEt.neT.Orz]

标签: JavaScript, 正则表达式, 解决

遵守创作共用协议，转载请链接形式注明来自http://bianbian.org 做人要厚道

[原] 关于web访问小百合BBS的脚本问题

Posted by bianbian on 2008-04-07 01:28

本文Tags: BBS, Firefox, IE, JavaScript, 脚本

最近发现个别网友访问小百合BBS会出现如下提示：

见到此文字可能是由于浏览器禁用了活动脚本或者脚本有误
请启用脚本支持后刷新本页；若仍有问题，请点击这里提问

原理：使用Javascript动态输出框架结构（好处是能缓存静态化网页，区别guest用户和登录用户）。因此，一旦这步出现错误，框架结构未建立成功，那么就会显示body里的提示内容。

原因：
（1）浏览器版本不支持。目前小百合BBS支持IE5.5（不保证全部功能有效），完美支持IE6+、Firefox 2.0+、Opera 9+等。如果您的浏览器不在此列，并且测试正常，欢迎反馈。
（2）浏览器脚本引擎未启用。您可以点击这里测试：如果能弹出“脚本启用”，那说明这项没有问题；否则，请修改设置如下：
Firefox: IE:
（3）脚本有误。可能性不是很大，除非刚好碰到更新的脚本确实存在错误。基本上我都会测试以后才放上去。不过万一你怀疑是这个问题，可以telnet方式到sysop版看看，如果其他人都没问题那基本就只是您的问题了。
（4）浏览器缓存内的脚本版本过旧。因为浏览器缓存脚本文件（这样不需要每次都下载，加快速度），如果服务器端已经更新了脚本文件，而您的浏览器缓存因为各种原因没有更新，可能也会导致这个问题。请清空浏览器缓存后刷新测试：
Firefox: IE:
（5）校内用户访问BBS请关闭代理服务器。
（6）浏览器或系统部分DLL（动态链接库）功能因为病毒或木马的原因失效（Windows系统），请点此下载修复程序，保存后运行，然后重新打开浏览器测试。

如果还有问题，请留言将您的操作系统、浏览器（基本是IE出问题）及版本、杀毒软件等告知。另外推荐使用Firefox:

标签: BBS, Firefox, IE, JavaScript, 脚本

遵守创作共用协议，转载请链接形式注明来自http://bianbian.org 做人要厚道

[译] JavaScript (XMLHttpRequest) 读取二进制数据流

Posted by bianbian on 2008-04-06 01:36

本文Tags: AJAX, Firefox, JavaScript, XMLHttpRequest, 二进制, 数据

译者注：原来想用JS直接处理C丢过来的struct数据，具体可以查看：[原] C的struct和JSON交互。
经过千辛万苦的查找，找到了这篇文章（作者应该比我更辛苦）：Downloading Binary Streams with Javascript XMLHttpRequest
把关键点翻译如下（不过我还没有测试）：
利用XMLHttpRequest的overrideMimeType方法设置charset为x-user-defined。

//fetches BINARY FILES synchronously using XMLHttpRequest
load_url = function(url) {
netscape.security.PrivilegeManager.enablePrivilege("UniversalBrowserRead");
var req = new XMLHttpRequest();
req.open('GET',url,false);
//XHR binary charset opt by Marcus Granado 2006 [http://mgran.blogspot.com]
req.overrideMimeType('text/plain; charset=x-user-defined');
req.send(null);
if (req.status != 200) return '';
return req.responseText;
}
var filestream = load_url(url);
var abyte = filestream.charCodeAt(x) & 0xff;

IE不支持overrideMimeType方法，不过有评论者说VBScript可以实现：

Dim xhr
Set xhr = CreateObject("Microsoft.XMLHTTP")
xhr.Open "GET", "folder.bin", False
xhr.setRequestHeader "Accept-Charset", "x-user-defined"
xhr.setRequestHeader "Content-Type", "application/pdf"
xhr.send Null

标签: AJAX, Firefox, JavaScript, XMLHttpRequest, 二进制, 数据

遵守创作共用协议，转载请链接形式注明来自http://bianbian.org 做人要厚道

[原] 支持IE和Firefox的鼠标滚轮事件JavaScript代码

Posted by bianbian on 2008-03-31 10:09

本文Tags: Firefox, IE, Mouse, Wheel, 滚轮, 鼠标

滚轮IE和Firefox的代码不一样：
IE是mousewheel事件，Firefox是DOMMouseScroll事件
事件属性，IE是event.wheelDelta，Firefox是event.detail
属性的方向值也不一样，IE向上滚 > 0，Firefox向下滚 > 0

//滚轮放大或缩小，基于Prototype 1.6
var scrollfunc = function(event) {
var direct = 0;
if (event.wheelDelta) {
direct = event.wheelDelta > 0 ? 1 : -1;
} else if (event.detail) {
direct = event.detail < 0 ? 1 : -1;
}
zoom(direct);
};
Event.observe(document, 'mousewheel', scrollfunc);
Event.observe(document, 'DOMMouseScroll', scrollfunc); //firefox

标签: Firefox, IE, Mouse, Wheel, 滚轮, 鼠标

遵守创作共用协议，转载请链接形式注明来自http://bianbian.org 做人要厚道

[原] 模仿Google Map的FY2C实时云图平台上线~

Posted by bianbian on 2008-03-25 10:03

本文Tags: FY2C, 云图

模仿Google Map（图片切片载入在此平台不需要实现）：

支持IE、Firefox等，支持鼠标移动、鼠标双击放大（左键）缩小（右键）、鼠标滚轮放大缩小

云图实时处理和发布（因为在学校内网，实时版本大家不能看到啦）

这里贴下演示地址（只有最后两个时次的图片）：FY2C实时云图平台演示

标签: FY2C, 云图

遵守创作共用协议，转载请链接形式注明来自http://bianbian.org 做人要厚道

[原] 关于Javascript的this关键字答网友问

Posted by bianbian on 2008-03-25 01:57

本文Tags: JavaScript, prototype, this

发信人: Net (BBS上没有什么事情是bg不能解决的), 信区: WebDesign
标题: Re: Javascript问题
发信站: 南京大学小百合站 (Tue Mar 25 01:16:03 2008)

Javascript里的this和其他OO语言不一样
Javascript其实并不适合做OO，其实OO也并不适合Javascript
扯远了。。。。。。
this你就当“执行函数的宿主”理解。因此在一串函数的执行过程中，this不停地在变。

A = {
member: "OK",
method: function () {
alert(this.member);
}
};
B = A.method;
A.method(); //弹出"OK". A是宿主，this.member == A.member
B(); //弹出undefined. window（缺省）是宿主，this.member == window.member

为了解决这个问题，很多框架对此进行了包装。
比如Prototype，用bind，实际是动态生成一个function，把宿主作为动态function的执行者，这样对用户来说，this似乎没有变化。

bind: function() {
if (arguments.length < 2 && Object.isUndefined(arguments[0])) return this;
var __method = this, args = $A(arguments), object = args.shift();
return function() {
return __method.apply(object, args.concat($A(arguments)));
}
}

实际只要明白this是执行者的指针，一切都可迎刃而解。

标签: JavaScript, prototype, this

遵守创作共用协议，转载请链接形式注明来自http://bianbian.org 做人要厚道

[原] IE模拟鼠标右键双击事件

Posted by bianbian on 2008-03-25 01:10

本文Tags: dblclick, IE, prototype, 右键

IE实在太垃圾了，再鄙视一次。。。鼠标右键双击居然没有。。。。
只好用onmouseup事件模拟一个（基于Prototype 1.6）：

if (Prototype.Browser.IE) {
mouseCount = 0;
Event.observe(document, 'mouseup', function(event) {
if (Event.isRightClick(event)) {
if (++mouseCount > 1) {
mouseCount = 0;
var pxy = Event.pointer(event);
alert("right mouse double click on: " + pxy.x + ", " + pxy.y);
} else {
setTimeout("mouseCount = 0", 1000);
}
}
});
}

标签: dblclick, IE, prototype, 右键

遵守创作共用协议，转载请链接形式注明来自http://bianbian.org 做人要厚道

[原] 也许是prototype框架的bug

Posted by bianbian on 2008-03-08 08:03

本文Tags: bug, framework, JavaScript, prototype, 框架

不知道怎么给prototype提交bug report，就写在这里吧：
其实我没有测试过，只是看prototype源码的时候，觉得是个bug：
对String的原型（prototype）添加toJSON()函数只是转义了引号，未转义”\”：

if (useDoubleQuotes) return '"' + escapedString.replace(/"/g, '\\"') + '"';
return "'" + escapedString.replace(/'/g, '\\\'') + "'";

如果用户在input里输入\\，转成string应该是”\\\\”，如果没有转义，再写回去的时候就丢了一个\
应该在转义引号前先转义\：

.replace(/\\/g, '\\\\').replace(/"/g, '\\"')

标签: bug, framework, JavaScript, prototype, 框架

遵守创作共用协议，转载请链接形式注明来自http://bianbian.org 做人要厚道

[原] 整理了BBS的Javascript脚本，注意关键字

Posted by bianbian on 2008-02-29 12:56

本文Tags: BBS, JavaScript, 关键字

随着脚本越来越大，原有的funtion式已经不利于维护。
正好凑着有兴致，一个通宵把Net库完善了一下，Net.Dom, Net.Event, Net.Drag, Net.Dialog, Net.Ajax等，应该能满足日常需要。
另外把BBS的脚本分类到Net.BBS, Net.BBS.Html等命名空间下。
现在pack了以后约50K，以后会更大一点。
有兴趣的可以提意见：http://bbs.nju.cn/jssrc/bbs.full.js
另外谢谢oznyang@Lilybbs指出，Javascript关键字在IE里要小心，其实IE也该聪明一点，很显然是个属性嘛：

addComm: function (id) {
var url = Net.Util.toQuery("pntcomm", {board: G.c.Brd, "id": id, do: "add"});
//上句do是关键字，在IE里会报错“缺少标识符、字符串或数字”，应该"do"引起来
var div = $("pntcomm" + id); //评论div
}

人累了确实会变笨，这么低级的错误debug了我几个小时。哎。。。更关键的是IE这个SX报错不准确，再度鄙视

标签: BBS, JavaScript, 关键字

遵守创作共用协议，转载请链接形式注明来自http://bianbian.org 做人要厚道

[啊] 淘宝整天改版，自动发货又升级

Posted by bianbian on 2007-11-16 10:02

本文Tags: JavaScript, 淘宝, 自动

自动发货的又要改了。
现在淘宝的发货页面用了Yahoo UI Library，每个按钮都用了后期事件绑定，每个事件又和很多代码相关，于是分析起来比较困难。估计是故意的。
经过1个小时的代码分析。终于搞定。
其实偷偷告诉大家，不需要分析那些事件到底改动了哪些form里的数值。
因为我们的脚本能控制页面的所有元素，把form改成我们需要的样子submit上去就OK了。
帖主要代码：

//发货
gFrm["_fmu.g._0.goo"].value = gTips[gID];
//先把页面里的几个发货单全删了
$(d, "reComPartners").parentNode.removeChild($(d, "reComPartners"));
$(d, "otherPartners").parentNode.removeChild($(d, "otherPartners"));
var div = d.createElement("DIV");
var divHTML;
if (gID <= 1) //邮政
{
divHTML = '<input type="hidden" name="companyCode1" value="POST"/>' +
'<input type="hidden" name="checked1" class="hidden logis:chooseCompanyId" value="true" />' +
'<input name="mailNo1" value="' + (gID > 0 ? hh : "POST") + '" />';
gFrm["methordId"].value = 0;
}
else if (gID == 4) //韵达
{
divHTML = '<input name="orderType" type="hidden" value="2" />' +
'<input type="hidden" name="companyId" value="102"/>' +
'<input type="hidden" name="companyCode" value="YUNDA"/>' +
'<input type="hidden" name="checked" class="hidden logis:chooseCompanyId" value="true" />' +
'<input name="mailNo" value="' + hh + '" />';
gFrm["methordId"].value = 1;
}
else if (gID == 2) //南京100
{
divHTML = '<input name="companyCode1" value="OTHER" />' +
'<input value="南京壹零零速递" name="companyName"/>' +
'<input name="checked1" value="true">' +
'<input name="mailNo1" value="' + hh + '" />';
gFrm["methordId"].value = 0;
}
div.innerHTML = divHTML;
gFrm.appendChild(div);
gFrm.submit();

标签: JavaScript, 淘宝, 自动

遵守创作共用协议，转载请链接形式注明来自http://bianbian.org 做人要厚道

[原]一种blog日历的JSON压缩输出算法

Posted by bianbian on 2007-10-17 11:56

本文Tags: blog, JavaScript, JSON, 日历

一般高效的blog日历会将所有发表日期单独存储到js中，由客户端脚本负责输出日历链接。
以前都是按yyyymmdd输出blog日历的，如果发文多的话会特别长（特别是几年下来）。
最近用JSON输出blog日历的时候，发现一种更简单、更高效、更省数据量的方法：
{ "年份":["一月天", "二月天", ...., "五月天", .... , "十二月天"] }
即年份作为JSON属性，值是十二个月天数构成的数组（五月天纯粹是增加关键字 - -）。
一个月最多有31天，如果用数字表示得用62个长度的字符。我决定用单个可打印字符的ASCII码代替。
在ASCII表里找了一段：从61-91（”=>?@ABCDEF……UVWXYZ[”）满足要求（刚好是天数+60）
于是，原来比如2006每个月各发表1篇blog的数据从：
"20060111,20060212,20060313,20060414,20060515,20060616,20060717,20060818,20060919,20061020,20061121,20061222"
就可以压缩到（106是linux下struct tm的year，是1900+的，106+1900=2006）：
{"106":["G","H","I","J","K","L","M","N","O","P","Q","R"]}
当然这只是一个特殊例子，实际上用户写blog都有一段时间的连续性。用这种办法输出的日历数据在
数据量大的情况下会更加省空间。（显然原来的方法重复了很多年份、月份数据）。
下面是一个勤劳用户从04到07年的blog日历（几乎天天有文章更新）：
总数据量1K不到，如果用yyyymmdd的方法估计要是这个的5-6倍
b_date={"104":["=@DEGJO[","?CGHLP","BDEHIPTUY[","?ELNOPQRSUVZ","?ABGIKLMOPSTZ[",">CHIJLMNOPSUX",">AFGNT[",">GNOPQV","DUWZ","BDGHKNOQR","=?CDFLNOSTUVXYZ","=>?@BCDEFIJOPQSTWXYZ["], "105":["?@BCEFGHIJMNOPQSTUV[","=>?@ABCGIJKLMNOPQRSTUVWX","=>?@ABCDEFGHIJKLMNOP","VWXYZ","=>ABCDEFGHIJLMN","BCDEFIJKLMOPQRSUWXYZ","=?@BCDEFGHIJNOPQRUVWY","=>BNRSUVWZ",">ABCDFGHIJKMOQTVWYZ","DEFGHIJLNOPQRUVW[","=>?@BCDEFGHIJKLQSTWXZ","=>@AHIJKNOPQRSVYZ"], "106":["@ABFILMOPSTU",">DEFGIJKMNPQ",">BCDEFGHIJKOPQSTWXYZ","=?@ABEFGHIJLMNOPQRSTUVWX","DFLNORY[",">ABEFGHIJLOPQSUVWZ","=>ABCEFIJMNQUVW[","=>CEIJORSTUXYZ[","=>ACEGHKOPQRTUVWX","?@BDEFGHIJLNOPQSTUVWX","=>?AFHIJOPQSTWXYZ","=ABCGJNORUV["], "107":[">@JKLNOPQRSTUVWXY[","=>?BDFGIKLSTUVWX",">@ABCEGHIKOPQRUVWXY[","=ABEFGHIKLMOPQSUVWXZ","?CDFHIJKLMNOQRSTUVWYZ","=?@ABCDEFGHIKLMNOPQRUWY","=?ADFGHIKMNOPSUWZ[","=>?@ABCDFGHIKLMNOPRSVWXY",">?@ABCDEFGIJKMNPQRTVXY",">ACDEGHJKL","",""] }

用客户端Javascript解析的时候也比原来方便直接。原来需要split然后循环判断（如果排序了可以用二分法）。而JSON不需要这种解析，直接可以拿来用：使用String.fromCharCode(60+天)获得某天的字符，然后在当月中查找一下：

//b_date={}
function HasPost(Y, M, D)
{
if (!b_date)
return false;
if (!b_date[Y])
return false;
var ds = b_date[Y][M];
return (ds.indexOf(String.fromCharCode(60+D)) > -1);
}

（当然，如果要更省空间，甚至可以把各月的数据用一个字符串表示、用逗号隔开；不过这样就得在客户端split然后再解析了。我认为这是不必要的：每年只省下22个字节而已）

标签: blog, JavaScript, JSON, 日历

遵守创作共用协议，转载请链接形式注明来自http://bianbian.org 做人要厚道

[原]iframe跨域访问解决方案

Posted by bianbian on 2007-08-24 03:09

本文Tags: iframe, JavaScript, 解决, 跨域

跨域访问提示“没有权限”，真是伤脑筋。研究几天以后，终于得到了所有解决方案。
如
A：www.bianbian.org
B：test.bianbian.org
C：www.other.com
从A跨域访问B、C，并能控制B、C的页面内容

方案（1）目标页面是自己的（即可以改页面输出），从A->B
最简单的，在B页面输出个

<script>document.domain="www.bianbian.net";</script>

骗骗浏览器就行了

方案（2）目标页面是别人的，从A->C
比较头疼，只能用后台语言 2.1）做个proxy，2.2）做个JS输出（类似JSON方式了）

标签: iframe, JavaScript, 解决, 跨域

遵守创作共用协议，转载请链接形式注明来自http://bianbian.org 做人要厚道

[原] 淘宝(taobao.com)卖家自动好评工具

Posted by bianbian on 2007-08-01 02:23

本文Tags: JavaScript, 工具, 淘宝, 自动

哈哈，每天点好评太郁闷了，这下爽了。写了一晚上，有什么问题请留言阿。
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
taobao卖家自动好评工具 v1.1
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
解压后运行Setup.exe来安装和卸载（第一次运行安装，下一次卸载，再下一次安装。。。。）

安装和卸载都要重新打开浏览器（IE和IE核心的）才有效。

使用的时候：右键点击“评价”链接，选择“taobao卖家自动好评”
淘宝卖家自动好评

因浏览器的关系，会弹出一个对话框，等待自动评价完成（否则浏览器立刻返回就不灵了）

评价的内容修改请用记事本或写字板打开“Haoping.html”第36行参照说明修改

有什么问题，请到我的blog留言：http://bianbian.org

最后做个广告：

欢迎光临必胜客优惠券打折卡专卖：http://shop34553802.taobao.com

保留作者信息下随意复制本程序

bianbian
http://bianbian.org
http://shop34553802.taobao.com

07.8.1

下载：淘宝卖家自动好评工具v1.1 (43K)

原理就是JS控制页面元素啦，还是比较有意思的。
源码：

//***************************************************************
// Function : 淘宝卖家自动好评
// File name : Haoping.html
// Author : bianbian (bianbian.org#gmail.com)
// Blog : http://bianbian.org
// Shop : http://shop34553802.taobao.com
// Copyright : 保留作者信息下随意复制
// Version : 1.0 created, bianbian @ 07-7-31 18:46
// 1.1 解决跨域问题, bianbian @ 07-8-1 1:43
//***************************************************************
/*
在下一行修改你的好评内容，注意如果多行要用"\n"隔开，如：
content = "欢迎再次\n光临\n必胜客优惠券打折卡\n专卖\n shop34553802.taobao.com";
也可以写成这样：
content = "欢迎再次\n" +
"光临\n" +
"必胜客优惠券打折卡\n" +
"专卖\n" +
" shop34553802.taobao.com";
也可以这样：
content = "欢迎再次\n\
光临\n\
必胜客优惠券打折卡\n\
专卖\n\
shop34553802.taobao.com\
";
*/
content = "欢迎再次光临必胜客优惠券打折卡专卖~ shop34553802.taobao.com";
//
// 下面不需要修改 ***********************************************
//
try
{
haoping();
}
catch(e)
{
alert("出错了噢~ 请和 yuelinniao 联系");
}
function haoping()
{
var d = external.menuArguments.document;
var e = external.menuArguments.event;
var a = d.elementFromPoint(e.clientX, e.clientY);
var p = a.parentElement;
var done = 0;
if (a.innerText != "评价")
{
alert("你点错了吧~~~");
return;
}
a.innerText = "好评中..";
var fr = d.createElement("IFRAME");
fr.width = 1;
fr.height = 1;
//bianbian: 这里涉及iframe的跨域问题，暂时先改成同个域解决
fr.src = a.href.replace("http:\/\/my\.taobao\.com", "");
fr.onreadystatechange = function ()
{
if (fr.readyState == "complete")
{
if (done == 0) //submit form
{
if (submitfrm(fr.contentWindow.document.forms))
{
done = 1;
return;
}
else //failed, roll back
{
p.removeChild(fr);
a.innerText = "评价";
}
}
else if (done == 1) //submited, clear
{
p.removeChild(fr);
p.removeChild(a);
var span = d.createElement("SPAN");
span.innerText = "好评OK!";
p.appendChild(span);
}
done = 99;
}
};
p.appendChild(fr);
//bianbian: 这里必须弹出个对话框，否则IE会清空资源直接返回，onreadystatechange就失效了
alert('好评进行中，完成才能点击"确定"关闭本对话框噢~');
if (!done)
{
p.removeChild(fr);
a.innerText = "评价";
alert("提早关闭对话框，无法取得结果，请重试");
}
}
function submitfrm(fms)
{
for (var i = 0; i < fms.length; i++)
{
var f = fms[i];
if (f.name == "addfeedback")
{
f["_fmmy.r._0.r"][0].checked = true;
f[

bianbian coding life

便便代码人生: 关注技术, 翻译文档, 偶尔动动手

Archive for the 'JavaScript' Category

[原] 给LilyBBS新增源代码语法高亮功能

相关日志

[原] 关于正则表达式批量替换字符串解决方案答网友问

相关日志

[原] 关于web访问小百合BBS的脚本问题

相关日志

[译] JavaScript (XMLHttpRequest) 读取二进制数据流

相关日志

[原] 支持IE和Firefox的鼠标滚轮事件JavaScript代码

相关日志

[原] 模仿Google Map的FY2C实时云图平台上线~

相关日志

[原] 关于Javascript的this关键字答网友问

相关日志

[原] IE模拟鼠标右键双击事件

相关日志

[原] 也许是prototype框架的bug

相关日志

[原] 整理了BBS的Javascript脚本，注意关键字

相关日志

[啊] 淘宝整天改版，自动发货又升级

相关日志

[原]一种blog日历的JSON压缩输出算法

相关日志

[原]iframe跨域访问解决方案

相关日志

[原] 淘宝(taobao.com)卖家自动好评工具