1: 首先用以下代码从多选的select控件中删除多个选项

for(var i=from.options.length-1;i>=0;i—) {
    var tempOption=from.options[i];
    if(tempOption.selected){
        from.removeChild(tempOption);
    }
}

2: 选中多个选项，执行上面的代码，除opera的其他浏览器都能够正确删除选中的多个选项，只有opera只能删除序号最大那个选中的选项，测试版本为opera 10.61

3: 经过仔细观察得知，删除一个选项以后，整个select控件失去焦点，于是所有选项的selected属性都变成false，所以以上代码的if语句除第一次外都跳过了，所以只成功删除序号最大的选中的那项

4: 基本解决思路: 先把选中选项的index用一个数组记录下来，然后根据选项序号从大到小删除对应选项. 或者放弃支持opera这么小众的浏览器，况且这还是个bug，不一定非要处理这种情况

5: 已经把bug提交给opera开发

© 海妖的夜 for 思有所得, 2010. | 永久链接 | 添加到 del.icio.us
Tags: javascript opera bug

源码下载，部署在任意application server就好，如tomcat，可直接运行。

GHRCalendarWeb

© 海妖的夜 for 思有所得, 2010. | 永久链接 | 添加到 del.icio.us
Tags: css, javascript, jquery

<script type="text/javascript">
    function UnicodeToStr(str){
        var re = /&#[\da-fA-F]{1,5};/ig;
        var arr = str.match(re);
        if(arr == null) {
            return str;
        }
        var temp;
        for(var i = 0;i < arr.length; i++){
            str = str.replace(arr[i], String.fromCharCode(arr[i].replace(/[&#;]/g,"")));
        }
        return str; 
    }
    alert(UnicodeToStr("&#37;"));
</script>

© 海妖的夜 for 思有所得, 2010. | 永久链接 | 添加到 del.icio.us
Tags: javascript

iframe.html:

<div id="testdiv">inside a iframe</div>

主页面:

<iframe id="testiframe" src="iframe.html"></iframe><br />
<div>here is main content</div>
<script type="text/javascript">
    var iframe = document.getElementById("testiframe");
    setTimeout(function(){
        var testdiv = iframe.contentWindow.document.getElementById("testdiv");
        alert(testdiv.innerHTML);
        document.body.appendChild(testdiv);
        document.body.innerHTML += testdiv.outerHTML;
    }, 200);
</script>

首先等待200毫秒让iframe加载进来, 再验证的确取到了iframe中的内容, 然后将节点append到主页面, 然后就观察到了上面所描述的现象.
以上的分歧影响到了其他的JS库, 如JQuery, $("body").append()一样会有问题.
弥补方法则是判断浏览器类型, 然后用innerHTML绕过这个限制.
有趣的是,注释掉appendChild语句后发现, 在所有浏览器中只有firefox不支持outerHTML这个事实标准了.

© 海妖的夜 for 思有所得, 2010. | 永久链接 | 添加到 del.icio.us
Tags: javascript

在原生的select控件中, 当下拉框中条目字数过多,IE会截断,firefox会无限延伸下拉框而不是换行, better select选择进行换行, 且可定义宽度.
作为基本功能, better select实现了onchange的回调, 并额外提供对于下拉框每行的绘制回调来实现更复杂的下拉框,如含有图片和链接.

可设置的参数包括

dropDownClass:      "betterselect",
selectedClass:      "selected",
overClass:          "over",
/*
* if width is null, the width is equal to the select component width.
*/
width:              null,
/*
* if item size is larger than scrollSize, then set the ul height to maxheight
*/
scrollSize:         14,
maxheight:          252,
/*
* drawRowExtend is used to draw a row yourself.
* should return string or jQuery object which is an  Li component.
* this function takes 3 parameters:
* 1. the select component
* 2. current index which is starting from 0
* 3. the plugin options as a map
*/
drawLiExtend:       null,
onChangeCallback:   null

附上源码和示例, 发布于MIT许可证, 基于JQuery 1.3.2, 兼容IE6/7/8, Firefox, Opera, Chrome: betterselect.zip

下一步功能:

1.模仿原生select控件,在不同位置弹出不同方向下拉框, 如在最底下就向上弹出.

2.提供选项针对select本身的模拟.

3.增加键盘支持.

© 海妖的夜 for 思有所得, 2010. | 永久链接 | 添加到 del.icio.us
Tags: jquery

它就是X Mouse Button Control.

这里有汉化http://diybbs.it168.com/thread-515119-1-1.html

© 海妖的夜 for 思有所得, 2009. | 永久链接 | 添加到 del.icio.us
Tags:

© 海妖的夜 for 思有所得, 2009. | 永久链接 | 添加到 del.icio.us
Tags: javascript

从上可以看出SvcHost.ext出错的可能原因是某个服务需要访问网络, 当网络连通, 但却没有返回正确结果的时候就可能出错. 因此解决思路应该从找那些服务是启动时候就访问网络的开始.
比如windows的自动更新服务, 比如后台智能传输服务, 比如SMS服务, 然后停掉它们. 其中windows的自动更新服务出错的几率很高.
这也能很好解释为什么SvcHost.exe出错, 虽然解决方法很多, 却又没有通用方法的原因, 因为出错的服务不同.

© 海妖的夜 for 思有所得, 2009. | 永久链接 | 添加到 del.icio.us
Tags:

先在portal(比如theme)中设置

request.setAttribute("testKey","testValue");

然后在portlet中使用

//用内部方法取得portal的http request

HttpServletRequest httpReq = com.ibm.wps.pe.pc.std.core.PortletUtils.getInternalRequest(portletRequest).getHttpServletRequest();

httpReq.getAttribute("testKey");

其实portletRequest.getAttribute(…)本身就包含很多好东西,甚至包含portal的session,只是取的方法很麻烦.

© 海妖的夜 for 思有所得, 2009. | 永久链接 | 添加到 del.icio.us
Tags: portlet java

© 海妖的夜 for 思有所得, 2009. | 永久链接 | 添加到 del.icio.us
Tags: javascript