BlogJava--随笔分类-web javascripthttp://www.blogjava.net/forker/category/25662.html幸福 这么远 那么甜.zh-cnSun, 13 Apr 2008 17:53:36 GMTSun, 13 Apr 2008 17:53:36 GMT60IE下让打开的网站图片飘http://www.blogjava.net/forker/archive/2008/04/12/192438.htmlforkerforkerSat, 12 Apr 2008 10:21:00 GMThttp://www.blogjava.net/forker/archive/2008/04/12/192438.htmlhttp://www.blogjava.net/forker/comments/192438.htmlhttp://www.blogjava.net/forker/archive/2008/04/12/192438.html#Feedback0http://www.blogjava.net/forker/comments/commentRss/192438.htmlhttp://www.blogjava.net/forker/services/trackbacks/192438.html
# javascript:R=0; x1=.1; y1=.05; x2=.25; y2=.24; x3=1.6; y3=.24; x4=300; y4=200; x5=300; y5=200; DI=document.images; DIL=DI.length; function A(){for(i=0; i-DIL; i++){DIS=DI[ i ].style; DIS.position='absolute'; DIS.left=Math.sin(R*x1+i*x2+x3)*x4+x5; DIS.top=Math.cos(R*y1+i*y2+y3)*y4+y5}R++}setInterval('A()',5); void(0);  



forker 2008-04-12 18:21 发表评论
]]>WEB界面开发规范(转)http://www.blogjava.net/forker/archive/2007/11/04/158109.htmlforkerforkerSun, 04 Nov 2007 12:31:00 GMThttp://www.blogjava.net/forker/archive/2007/11/04/158109.htmlhttp://www.blogjava.net/forker/comments/158109.htmlhttp://www.blogjava.net/forker/archive/2007/11/04/158109.html#Feedback0http://www.blogjava.net/forker/comments/commentRss/158109.htmlhttp://www.blogjava.net/forker/services/trackbacks/158109.htmlWEB界面开发规范(转)

页面设计规则

页面命名规则

1、每个功能页面在系统中配置菜单时统一使用index.jsp或index.html。例如客户管理配置的URL为http://Server:Port/cc/custmgr/index.jsp。

2、每个页面的title必须设置为和菜单配置中相同的中文，例如在菜单项中配置为“客户管理”，则此页面的title也要设置为“客户管理”。

3、对于JSP页面都需要在页面的最开始部分增加以下语句

<%@ page contentType="text/html; charset=UTF-8" %>

4、对于HTML页面都需要在页面的最开始部分增加以下语句

<meta http-equiv="Content-Language" content="zh-cn">

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

5、对于页面中控件的属性设置都需要用双引号包括起来。

控件命名规则

页面编码过程中用到的所有控件命名都需要遵循相应规则，方便程序的可读性。采用控件类型缩写前缀（小写）+英文单词（第一个字母大写）的方法来命名每一个控件。具体规则如下：

控件类型

前缀

Button

btn

Form

frm

Select

sel

TextArea

txt

Input

ipt

Image

img

DIV

div


变量定义规则

页面编码过程中用到的所有变量定义都需要遵循相应规则，方便程序的可读性。采用数据类型缩写前缀（小写）+英文单词（第一个字母大写）的方法来命名每一个变量。具体规则如下：


数据类型

前缀

整数

i

小数

f

字符

s

布尔

b

日期

d

数组

arr


函数定义规则

页面编码过程中用到的所有函数定义都需要遵循相应规则，方便程序的可读性。采用前缀（fuc）+英文单词（第一个字母大写）的方法来命名每一个函数。

例如：fucAcceptOrder


CSS文件使用

  • 页面的规范

关键字

说明

body

页面内容基本样式

  • 表格的规范

关键字

说明

table

表格的基本样式

  • 层的规范


关键字

说明

div

层的基本样式

  • 链接的规范


关键字

说明

a

超链接的基本样式


  • DataGrid的规范

关键字

说明

table.datatable

数据表的基本样式

table.datatable thead

数据表的页眉样式

table.datatable tbody

数据表的表格体样式

table.datatable tfoot

数据表的页脚样式

table.datatable tr.row_odd

数据表的奇数行样式

table.datatable tr.row_even

数据表的偶数样式

table.datatable tr.row_selected

数据表的选中行样式

table.datatable tr.row_active

数据表的当前激活表格的选中行样式

table.datatable td.indicate

数据表的指示器样式

  • 下拉表格的规范

关键字

说明

table.dropdowntable

下拉表格的基本样式

table.dropdowntable thead

下拉表格的页眉样式

table.dropdowntable tbody

下拉表格的表格体样式

table.dropdowntable tfoot

下拉表格的页脚样式

table.dropdowntable tr.row_odd

下拉表格的奇数行样式

table.dropdowntable tr.row_even

下拉表格的偶数行样式

table.dropdowntable tr.row_selected

下拉表格的选中行样式

  • 编辑框


关键字

说明

.editor

编辑框的基本样式

.editor_active

激活的编辑框的基本样式

  • 按钮

关键字

说明

.button

按钮的基本样式

.button_down

被按下按钮的基本样式

  • 数据导航条控件

关键字

说明

table.datapilot

数据导航条的基本样式

  • 树状列表控件

关键字

说明

table.tree

树状列表的基本样式

table.tree tr.row_odd

树状列表奇数行的基本样式

table.tree tr.row_even

树状列表偶数行的基本样式

table.tree tr.row_selected

树状列表当前行的基本样式

table.tree tr.row_rightclick

树状列表的响应当前鼠标右击的行基本样式

table.tree .expandbutton

树状列表展开按钮的基本样式

table.tree .icon

树状列表的图标样式

  • 字段标题控件

关键字

说明

.fieldlabel

字段标题的样式

  • 数据标签控件

关键字

说明

.datalabel

数据标签的基本样式

  • 标签页控件

关键字

说明

.tabset

标签页的基本样式

.tab

标签页中的单个标签的样式

  • 菜单控件

关键字

说明

table.menu

菜单的基本样式

table.menu tr

菜单行的基本样式

table.menu tr.row_selected

菜单选中行的基本样式

table.menu tr.row_disabled

菜单无效行的基本样式

  • 菜单工具条控件

关键字

说明

table.menubar

菜单工具条的基本样式

table.menubar .button

菜单工具条中按钮的基本样式

table.menubar .button_active

菜单工具条中当前按钮的基本样式

table.menubar .button_hot

菜单工具条相应鼠标的按钮的基本样式

  • 下拉选单的边框控件

关键字

说明

.dropdown_frame

下拉选单的边框的样式

  • 日历控件

关键字

说明

.calendar

日历控件的基本样式

.calendar .title

日历控件页眉的基本样式

.calendar .footer

日历控件页脚的基本样式

.calendar .cell_day

日历控件日期单元格的基本样式

.calendar .cell_selected

日历控件当前单元格的基本样式

.calendar .cell_trailing

日历中前月和后月的日期单元格的基本样式





forker 2007-11-04 20:31 发表评论
]]>JSTL 设置http://www.blogjava.net/forker/archive/2007/09/09/143702.htmlforkerforkerSat, 08 Sep 2007 16:06:00 GMThttp://www.blogjava.net/forker/archive/2007/09/09/143702.htmlhttp://www.blogjava.net/forker/comments/143702.htmlhttp://www.blogjava.net/forker/archive/2007/09/09/143702.html#Feedback0http://www.blogjava.net/forker/comments/commentRss/143702.htmlhttp://www.blogjava.net/forker/services/trackbacks/143702.html
  • 从 Apache.org 下载最新版 jakarta-taglibs-standard-current.tar.gz
  • 解压缩下载的文件。
  • 将 jakarta-taglibs-standard-1.1.2/tld/c.tld 拷贝到 WEB/INF/tlds 目录
  • 将 jakarta-taglibs-standard-1.1.2/lib 中的所有JAR文件拷贝到 WEB-INF/lib 目录(jstl.jar和standard.jar)
  • 将以下显示的条目添加到 WEB-INF/web.xml 部署描述符中
    • < taglib >
                  < taglib-uri > http://java.sun.com/jsp/jstl/core </ taglib-uri >
                  < taglib-location > /WEB-INF/tlds/c.tld </ taglib-location >
    </ taglib >

      6. 在 JSP 页面添加了JSTL taglib之后，可以使用核心库中的任何标记，只需把标记的前缀改为 c
     
    <%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> 


    <c:if test="${param.sayHello}">
                <!-- Let's welcome the user ${param.name} -->
            Hello ${param.name}    !
    </c:if>
    <c:out value="Hello World"/>
        




    forker 2007-09-09 00:06 发表评论
    ]]>    js去空格http://www.blogjava.net/forker/archive/2007/09/07/143472.htmlforkerforkerFri, 07 Sep 2007 08:35:00 GMThttp://www.blogjava.net/forker/archive/2007/09/07/143472.htmlhttp://www.blogjava.net/forker/comments/143472.htmlhttp://www.blogjava.net/forker/archive/2007/09/07/143472.html#Feedback0http://www.blogjava.net/forker/comments/commentRss/143472.htmlhttp://www.blogjava.net/forker/services/trackbacks/143472.html // 去左空格
    function  ltrim(s){
       return  s.replace(  /^ \s */ ,  "" );
    }
     // 去右空格;
    function  rtrim(s){
       return  s.replace(  / \s * $ / ,  "" );
    }
     // 去左右空格;
    function  trim(s){
       return  rtrim(ltrim(s));
    }


    forker 2007-09-07 16:35 发表评论
    ]]>