BlogJava-FlyPig-文章分类-脚本http://www.blogjava.net/flypig/category/1428.htmlif{}else if{}生活只有一个分支zh-cnFri, 02 Mar 2007 00:04:42 GMTFri, 02 Mar 2007 00:04:42 GMT60最近完成的脚本。http://www.blogjava.net/FlyPig/articles/39604.htmlFlyPig LinFlyPig LinThu, 06 Apr 2006 07:49:00 GMThttp://www.blogjava.net/FlyPig/articles/39604.htmlhttp://www.blogjava.net/FlyPig/comments/39604.htmlhttp://www.blogjava.net/FlyPig/articles/39604.html#Feedback1http://www.blogjava.net/FlyPig/comments/commentRss/39604.htmlhttp://www.blogjava.net/FlyPig/services/trackbacks/39604.html下载链接：
http://www.blogjava.net/Files/FlyPig/lxf060328.rar

二月份到三月份的时候，我做了一个项目。通过这个项目我认识了Ajax。同时发现使用它没有想象中的难。
关键的地方还是消息返回之后的操作，比如说点查询后，因为没有刷新，就得用返回的xml串重新构建列表。
虽然我还没有看同事写的那一套脚本，但我觉得调用太麻烦了。所以就花了几个晚上赶工写了一些。

这个博客好像不提供附年上传，所以我只好把地址贴在上面了。上传的脚本，主要完成了xml串构建html表格,分页;表单校验.例子在example下。

说明：

一、Xml填充表格:

XmlTable完成的功能，将
<table>
 <data>
  <colName1><![CDATA[value1]]></colName1>
  <colName2><![CDATA[value2]]></colName2>
 </data>
 <data>
  <colName3><![CDATA[value3]]></colName3>
  <colName4><![CDATA[value4]]></colName4>
 </data>
 ...
</table>
格式的XML自填充到页面上的html表里.每个data为一行.<colName{i}>里的数据填充到与表头的id或col的id一致的对应列里.
被填充的表格及表头不用脚本构建的原因，那是因为我觉得这是死的东西。直接写页面上就行了。

XmlTable的调用方法：

点查询的时候调用的方法为：
TableHelper.fillPXTableByQuery(tableName,url,formName,temp);

参数介绍：
talbeName : 要填充的表的id;
url : 向服务器发出请求得到结果集的url;
formName : 查询的表单名
temp : 这只是个临时参数.因为这里是静态文件.分页的数据我直接写在xmlHelp.js的数组里了.表示取哪个数组而已.

点查询的时候xml串的取得是为: url+表单里各项参数的结果.这里因为是静态的，所以我写死在数组里了.


分页的生成方法：
TableHelper.attachXmlTablePageProcess(tableName,url,formName,pageDivName,temp);

参数介绍:
前面同上.
pageDivName : 分页生成所在的Div的id
temp:临时参数.同查询的参数.


二、表单校验：

功能说明：校验表单,支持Enter和上下键.

调用方法：
每个要校验的表单元素加上校验说明,比如说非空即写为:notNull="true",格式必须为正整数的，即写为format="isInt".(这个方法是我一个同事的同事想的，我觉得很好)

body onload的时候调用：var fHandler =FormHelper.attachFormEventHandler(formName);
这会将光标定位在第一个元素上.并在表单元素上附上onblur和onfocus事件.

提交按钮的脚本里调用：
fHandler.validateNGenerateXmlStr();这会校验表单，如果通过，会生成<eleName>eleValue</eleName>..的xml串.

其实我很想有时间来整理一些UI组件，整理一个常用的库出来。不用每次项目中要用到时才赶工写或到处找。可惜额滴水平有限。

这次写脚本，我觉得比起我原来有进步。比如**Helper.get**EventHandler()方法保证页面里对同一个元素处理的类总是只有一个。嘿嘿。。

今天先写到这吧。我好累。最近都工作到好晚，上次写这一些脚本我有一星期一回家就坐电脑前（因为上班没空写），一直写到三四点。这些脚本尚有bug，但我没力气改了。唉。



FlyPig Lin 2006-04-06 15:49 发表评论
]]>从一个框架页向另一个框架页写内容http://www.blogjava.net/FlyPig/articles/6241.htmlFlyPig LinFlyPig LinThu, 16 Jun 2005 14:40:00 GMThttp://www.blogjava.net/FlyPig/articles/6241.htmlhttp://www.blogjava.net/FlyPig/comments/6241.htmlhttp://www.blogjava.net/FlyPig/articles/6241.html#Feedback0http://www.blogjava.net/FlyPig/comments/commentRss/6241.htmlhttp://www.blogjava.net/FlyPig/services/trackbacks/6241.html今天做了一个例子,是在一个框架页里面写另外两个框架页的内容，框架页是这样的：
frame.html:

<frameset rows="15%,*" cols="*" framespacing="0" frameborder="1" id="out">
  <frame src="top.html" name="topFrame" scrolling="no" frameborder="1">
  <frameset rows="*" cols="20%,*" framespacing="0" frameborder="1" id="in">
    <frame src="left.html" name="leftFrame" scrolling="no" >
    <frame src="right.html" name="rightFrame" scrolling="no" >
  frameset>
frameset>

 

其中top.html内容是：

<html>
  <head>tophead>
  <body onLoad="alert('top load finish');">
  <script>

    function writeFrame(frameName,content){ 
      if(parent.frames[frameName].document != null){
        if(parent.frames[frameName].document.body != null){
          parent.frames[frameName].document.body.innerHTML = content;
        }else{
          window.setTimeout("writeFrame('"+frameName+"','"+content+"')",1000);
        }
      }else{ 
        window.setTimeout("writeFrame('"+frameName+"','"+content+"')",1000);
      }
     }

     
     function writeFrameDirect(frameName,content){
        if(parent.frames[frameName].document != null)
            if(parent.frames[frameName].document.body != null)
                parent.frames[frameName].document.body.innerHTML = content;
     }

     function a(){
        writeFrame('leftFrame','top write left'); 
        writeFrame('rightFrame','top write right'); 
     }

     function b(){
        writeFrameDirect('leftFrame','top write left'); 
        writeFrameDirect('rightFrame','top write right'); 
     }

     a();
     //b();
  script>

  body>
html>

left.html内容是：
<html>
  <head>head>
  <body onLoad="alert('left load finish');">
  body>
html>

 

right.html内容是：

<html>
  <head>head>
  <body onLoad="alert('right load finish');">
  body>
html>

 

虽然明明框架页onLoad的时候可以看出顺序是：left,right,top.可是在top里面如果调用方法b()而不调用方法a(),那从top往left和right写东西都是不起作用的.很奇怪哪.今天做一个菜单就是遇到这个问题.我要从top往left写二级菜单的内容,可是调用b()却写不成，还好宝玉教了我writeFrame的方法.用setTimeout定时去查left或right加载完毕没，完毕后才写.非常感谢他的帮助.



FlyPig Lin 2005-06-16 22:40 发表评论
]]>超链接的使用http://www.blogjava.net/FlyPig/articles/5340.htmlFlyPig LinFlyPig LinMon, 30 May 2005 08:24:00 GMThttp://www.blogjava.net/FlyPig/articles/5340.htmlhttp://www.blogjava.net/FlyPig/comments/5340.htmlhttp://www.blogjava.net/FlyPig/articles/5340.html#Feedback2http://www.blogjava.net/FlyPig/comments/commentRss/5340.htmlhttp://www.blogjava.net/FlyPig/services/trackbacks/5340.html
常常要用到点某个文字执行一段js代码的,移到文字上鼠标指针必须变成手型.又不想用
<font onMouseOver="this.style.cursor = 'hand'">link</font>
所以就会想使用超链接标签,写成<a href="#" onClick="alert('junk to top');">Link2</a>
href="#"会使得你的文字变成带下划线的而且鼠标指针移上时变成手型,但是点击的时候,却会使滚动条跑到页面最上方.
后来发现<a>的href属性里竟然也可以写js代码,写法就是href="javascript:jscode".^_^.这样写文字即有超链接的样子,点击时也可以执行js代码而且不会跑到页面顶端去.


 

<html>
<head>
  <title>Link use</title>
</head>

<body>
  <script>
    for(var i = 0;i < 50;i++){
      document.write("data<br>");
    }
  </script>
  <a href="javascript:alert(this.innerHTML);">Link</a><!--在href里写js代码,要写成javascript:js code-->
  <a href="#" onClick="alert('junk to top');">Link2</a><!--href='#',点击时会另滚动条滚到文档顶部-->
</body>
</html>


FlyPig Lin 2005-05-30 16:24 发表评论
]]>Tigra Tree Menu的使用http://www.blogjava.net/FlyPig/articles/5339.htmlFlyPig LinFlyPig LinMon, 30 May 2005 08:10:00 GMThttp://www.blogjava.net/FlyPig/articles/5339.htmlhttp://www.blogjava.net/FlyPig/comments/5339.htmlhttp://www.blogjava.net/FlyPig/articles/5339.html#Feedback0http://www.blogjava.net/FlyPig/comments/commentRss/5339.htmlhttp://www.blogjava.net/FlyPig/services/trackbacks/5339.html阅读全文

FlyPig Lin 2005-05-30 16:10 发表评论
]]>