BlogJava-泰仔在线-随笔分类-Javascripthttp://www.blogjava.net/kxx129/category/17059.htmljava学习,心情日记,缤纷时刻zh-cnThu, 24 Apr 2008 17:14:30 GMTThu, 24 Apr 2008 17:14:30 GMT60javascript树型菜单http://www.blogjava.net/kxx129/archive/2008/04/22/194817.html泰仔在线泰仔在线Tue, 22 Apr 2008 09:06:00 GMThttp://www.blogjava.net/kxx129/archive/2008/04/22/194817.htmlhttp://www.blogjava.net/kxx129/comments/194817.htmlhttp://www.blogjava.net/kxx129/archive/2008/04/22/194817.html#Feedback0http://www.blogjava.net/kxx129/comments/commentRss/194817.htmlhttp://www.blogjava.net/kxx129/services/trackbacks/194817.html用javascript生成树型菜单,目前找到了比较好的三个实现.

1.xtree和xloadtree,总体来说,实现还不错,提供了一次性构建树,和动态加载树(生成指定格式的XML才可以),改变Style,功能中等,用法中等.

2.yui的treeview,这也是不错的实现,是Yahoo提供的,支持一次性构建,动态构建,改变Style,Menu样式等等,功能很多,但用法比较复杂

3.dtree,比较中规中矩的一个实现,用法简单,不支持动态加载,如果不用高级功能的话,用这个是不错的选择

 

    如果只是想用一次构建树,就选择dtree,如果想用动态加载树,就用xtree+xloadtree和treeview,如果想用高级事件处理,menu样式就只能选择treeview了.



泰仔在线 2008-04-22 17:06 发表评论
]]>js共通报错http://www.blogjava.net/kxx129/archive/2006/11/09/76809.html泰仔在线泰仔在线Thu, 09 Nov 2006 03:11:00 GMThttp://www.blogjava.net/kxx129/archive/2006/11/09/76809.htmlhttp://www.blogjava.net/kxx129/comments/76809.htmlhttp://www.blogjava.net/kxx129/archive/2006/11/09/76809.html#Feedback0http://www.blogjava.net/kxx129/comments/commentRss/76809.htmlhttp://www.blogjava.net/kxx129/services/trackbacks/76809.html   最近一个项目应日本客户的需求，我们在其中添加了一个共通报错的模块，对前后台的各种提示信息进行收集，并进行统一的处理，显示给系统的用户。
   这个模块，主要思想就是利用前台顶层页面的一个js数组，将提示信息都收集起来，然后再按照要求进行显示。前台的收集肯定就不用说了，后台的收集我这里是将后台的提示信息先保存在request里面，到达页面后再利用标签转存到js数组里，最后进行统一的呈现。这个过程中由于js经验的不足，走了一些弯路，因此把它记录下来，作为以后继续学习的基础。
   这里是开始调试的一些代码：
//添加錯誤message打印到頁面
function showMsgWindow(obj){
 var pagePath = window.top.TGlobals.webRoot + "/pages/common/msgShow.jsp";
 showModelessDialog(pagePath,obj,"dialogTop:200px;dialogLeft:200px;dialogHeight:400px;dialogWidth:700px;status:no;edge:sunken; ");
}

//定义Message数据结构
function msgObj(msgname, msgkey, msgvalue) {
 this.msgname = msgname;
 this.msgkey = msgkey;
 this.msgvalue = msgvalue;
 
 msgObj.prototype.getname = function() {
  return this.msgname;
 }
 
 msgObj.prototype.getkey = function() {
  return this.msgkey;
 }
 
 msgObj.prototype.getvalue = function() {
  return this.msgvalue;
 }
}

//去空
function zNull(str) {
 if (str.length < 1) {
  str = "&nbsp";
 }
 return str;
}

function errorMsgWindow(){
 var obj = window.top.errorMsg;
 if (obj.length > 0) {
  showMsgWindow(obj);
  clearErrorMessage();
  return false;
 }
 return true;
}

//根据参数对Message进行初始化
function pushErrorMessage(){
 var strobj = new msgObj();

 if (arguments.length >= 3) {  
  strobj = new msgObj(zNull(arguments[0]), zNull(arguments[1]), zNull(arguments[2]));
 } else if (arguments.length == 2) {
  strobj = new msgObj(zNull(arguments[0]), zNull(arguments[1]), "&nbsp");
 } else {
  return false;
 }
 window.top.errorMsg.push(strobj);
}

function clearErrorMessage(){
 window.top.errorMsg = new Array();
}
   事实证明这里有几个地方是有点问题的，一般调用好像不会出现，但用的范围广一些就会有感觉了。



泰仔在线 2006-11-09 11:11 发表评论
]]>javascript 中的键盘事件http://www.blogjava.net/kxx129/archive/2006/09/05/67777.html泰仔在线泰仔在线Tue, 05 Sep 2006 04:39:00 GMThttp://www.blogjava.net/kxx129/archive/2006/09/05/67777.htmlhttp://www.blogjava.net/kxx129/comments/67777.htmlhttp://www.blogjava.net/kxx129/archive/2006/09/05/67777.html#Feedback0http://www.blogjava.net/kxx129/comments/commentRss/67777.htmlhttp://www.blogjava.net/kxx129/services/trackbacks/67777.html1.在语言块中使用
<script language="javascript">
function handle()
{
    if(event.keyCode==13)
    {
        window.close();
    }
}

document.onkeydown=handle;
</script>

2.在body的使用
……
<body style="back-groundcolor:white;margin-left:20px;margin-right:20px;margin-top:10px;margin-bottom:0px" onkeydown="if (window.event.keyCode==13)self.close();">
……

3.在form标签中使用
……
<form name="form1" onkeydown = "if (window.event.keyCode == 13)confirmClick('save');">
……


ENTER键可以让光标移到下一个输入框
<input onkeydown="if(event.keyCode==13)event.keyCode=9" > <br>

只能是中文<input onkeyup="value=value.replace(/[ -~]/g,'')" onkeydown="if(event.keyCode==13)event.keyCode=9"> <br>

屏蔽输入法<input style="ime-mode:disabled" onkeydown="if(event.keyCode==13)event.keyCode=9"> <br>

只能输入英文和数字<input onkeyup="value=value.replace(/[\W]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))" onkeydown="if(event.keyCode==13)event.keyCode=9"> <br>

只能是数字<input onkeyup="value=value.replace(/[^\d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"><br>

只能显示，不能修改<input readonly value="只能显示，不能修改">



泰仔在线 2006-09-05 12:39 发表评论
]]>