总结一些用过的js、css工具

IBM的技术文档很不错的：http://www.ibm.com/developerworks/cn/

开源中国社区，有很多开源插件，各种编程语言的：http://www.oschina.net/project/tags ；http://www.oschina.net/是个非常好的网站

总结一些js,css之类的东西，几乎都是jquery相关的

一、Form 元素布局：按本人体验值排序，1,2有网站menu设置哦

1、jQuery UI Bootstrap：是2和3的结合版，几乎什么都有，http://addyosmani.github.com/jquery-ui-bootstrap/?utm_source=javascriptweekly&utm_medium=email

2、twitter-bootstrap：http://twitter.github.com/bootstrap/

3、jqueryui：http://jqueryui.com/demos/dialog/

二、时间选择器

1、My97DatePicker：历史悠久，使用、扩展都很方便

<script type="text/javascript" src="../js/My97DatePicker/WdatePicker.js"></script>

<td>Start:<input id="start" name="start" class="Wdate required" readonly="true" type="text" οnclick="WdatePicker({maxDate:'#F{$dp.$D(\'end\')}'})"/></td>
<td>End:<input id="end" name="end" class="Wdate required" readonly="true" type="text" οnclick="WdatePicker({minDate:'#F{$dp.$D(\'start\')}'})"/></td>

2、jquery.ui

<link rel="stylesheet" type="text/css" href="../css/jquery/ui/jquery.ui.css"/>

<script type="text/javascript" src="../js/jquery/jquery.ui.min.js"></script>

 $(".datepicker").datepicker({dateFormat: 'yy-mm-dd'});

<input id="mydate" type="text" size="15" class="datepicker" readonly/>

三、js

1、jquery.js

2、jsolait包 是一个用 JavaScript 实现的 JSON-RPC 框架。JSON-RPC 是一个轻量级的远程过程调用，类似 XML-RPC。

  <script type='text/javascript' src='../js/jsolait/jsolait.js'></script>
    <script type='text/javascript' src='../js/jsolait/xml.js'></script>
    <script type='text/javascript' src='../js/jsolait/urllib.js'></script>

四、前台显示页面通常会遇到的难题

1、联动

2、autocomplete 就是文本框的提示功能,这个在jQuery UI Bootstrap中有很好的支持，来源于jqueryui

   var codes = [ ];

   codes.push({code:code, name:name});
 
            $("#code").autocomplete(codes, {
                highlight:false,
                minChars: 0,
                width: 400,
                matchContains: "word",
                autoFill: false,
                formatItem: function(row) {
                    return "[" + row.code + "]" + row.name;
                },
                formatMatch: function(row) {
                    return "[" + row.code + "]" + row.name;
                },
                formatResult: function(row) {
                    return row.code;
                }
            });

3、跨域访问，需要jsonp的支持，需要java类端的支持：http://www.ibm.com/developerworks/cn/web/wa-aj-jsonp1/