css按钮

对于一些常用的按钮的样色设计和用户交互设计

先看看效果：

这里涉及好几个页面，因为太琐碎了，所以只提供核心的脚本

//  JavaScript Document
// ==============================================================================
/*                 通用控制页脚本
    建档时间：2007-7-2
    最后修改时间：2007-7-3
    作者：陈满森
    说明：
        1.此脚本支持新增单条记录、编辑单条记录、删除单条或多条记录
        2.函数与页面的对应关系：
            Controler()为操作页按钮（_controler.jsp）要调用的函数
            combineBh()为列表页checkbox（message_list.jsp）要调用的函数
            CopyForm()为表单页（message_manage.jsp）要调用的函数
            
        3.内部函数的作用：
            ShowEditForm()用于在新增和修改的时候显示表单
            EditForm()用于判断用户的动作
            SubmitForm()用于提交表单，带简单过滤
*/// ==============================================================================
function  Controler(action,type,targetDivID,ajaxDataUrl){
     if ($(targetDivID).innerHTML == "" ){
        EditForm(action,type,targetDivID,ajaxDataUrl);
    } else {
         if (confirm( " 是否放弃当前操作？ " )){
            $(targetDivID).innerHTML = "" ;
        }
    }
}
function  CopyForm(){
     var  ObjAction  =  $( " form_action " );
     var  ObjBh  =  $( " bh " );
     var  ObjZt  =  $( " zt " );
     var  ObjDxlx  =  $( " dxlx " );
     var  ObjNr  =  $( " nr " );
     var  ObjXxlx  =  $( " xxlx " );
    ObjAction.value  =  $F( " tempAction " );
    ObjBh.value  =  $F( " tempBh " );
    ObjZt.value  =  $F( " tempZt " );
    select_setselected(ObjDxlx,$F( " tempDxlx " ))
    ObjNr.value  =  $F( " tempNr " ); 
    ObjXxlx.value  =  $F( " tempXxlx " ); 
}
function  ShowEditForm(type,targetID,url){
     var  pars  =   "" ;
    pars  =  ajaxaddpars_var( " xxlx " ,pars,type);
    mynormalAjax(url,pars,targetID);
     return   false ;
}
function  EditForm(action,type,targetDivID,ajaxDataUrl){
     var  valueBh  =  $F( " tempBh " );
    $( " tempAction " ).value  =  action;
     if (valueBh == "" ){
         if ( " insert " == action){
            ShowEditForm(type,targetDivID,ajaxDataUrl);
        } else {
            alert( " 请选择至少一个对象！ " );
        }
    } else {
         if ( " save " == action){
             if (valueBh.indexOf( " , " ) !=- 1 ){
                alert( " 只能选择一个对象进行操作！ " );
            } else {
                ShowEditForm(type,targetDivID,ajaxDataUrl);
            }
        } else   if ( " delete " == action){
             // 因为删除不需要显示编辑表单，因此用Ajax_noreturn_div
             if (confirm( " 是否真的要删除该记录？ " )){
                targetDivID  =   " Ajax_noreturn_div " ;
                 var  pars  =   "" ;
                pars  =  ajaxaddpars_formtext( " bhDelete " ,pars, " tempBh " );
                pars  =  ajaxaddpars_formtext( " doDelete " ,pars, " tempAction " );
                mynormalAjax(ajaxDataUrl,pars,targetDivID);
            }
        } else   if ( " insert " == action){
            $( " tempAction " ).value  =  action;
            $( " tempBh " ).value  =   "" ;
            $( " tempZt " ).value  =   "" ;
            $( " tempDxlx " ).value  =   " 0 " ;
            $( " tempNr " ).value  =   "" ; 
            ShowEditForm(type,targetDivID,ajaxDataUrl);
        }
    }
}
function  SubmitForm(formID){
     // 提交表单
     if ($F( " zt " ) == "" ) alert( " 请填写主题！ " );
     if ($F( " dxlx " ) == "" ) alert( " 请选择发送的对象！ " );
     if ($F( " nr " ) == "" ) alert( " 请填写内容！ " );
     if ($F( " zt " ) != ""   &&  $F( " dxlx " ) != ""   &&  $F( " nr " ) != "" ) $(formID).submit();
}
// ==============================================================================
/*                 通用列表选择脚本
    建档时间：2007-7-2
    最后修改时间：2007-7-2
    作者：陈满森
    说明：
        1.此脚本将动态记录用户选中的对象
        2.target----最终要提交编号的ID，currentBh----当前记录的ID前缀，
          checkedBh----选中的记录的编号
        3.将选中的记录的编号用“,”组合成新的字符串
*/// ==============================================================================
function  combineBh(target,checkedBh){
     var  temp_xl  =  $F(target);
     var  checkbox_obj  =  $( " currentBh_ " + checkedBh);

     if (checkbox_obj.checked  &&  temp_xl.indexOf(checkedBh) < 0 ){
         if (temp_xl == "" ){
            $(target).value  =  checkedBh;
        } else {
            $(target).value  =  temp_xl  +   " , "   +  checkedBh;
        }
    } else   if (checkbox_obj.checked == false   &&  temp_xl.indexOf(checkedBh) >= 0 ){
        temp_xl     =  temp_xl.replace( new  RegExp( " , " + checkedBh), "" );
        temp_xl     =  temp_xl.replace( new  RegExp(checkedBh + " , " ), "" );
        temp_xl     =  temp_xl.replace( new  RegExp(checkedBh), "" );

        $(target).value  =  temp_xl;
    }
    $( " tempZt " ).value  =  $F( " currentZt_ " + checkedBh);
    $( " tempDxlx " ).value  =  $F( " currentDxlx_ " + checkedBh);
    $( " tempNr " ).value  =  $F( " currentNr_ " + checkedBh);
}