zoukankan      html  css  js  c++  java
  • 外部javascript形式

    ***.js:
    /**
    * 收起或者展开筛选框
    */
    function filterType(){
    $("#filter_box_id").toggle(500);
    var shaixuanBtn = $("#filter_title_id").find(".shaixuan-btn");
    if(shaixuanBtn.length > 0){
    shaixuanBtn.addClass("shaixuan-btn1");
    shaixuanBtn.removeClass("shaixuan-btn");
    }else{
    shaixuanBtn = $("#filter_title_id").find(".shaixuan-btn1");
    shaixuanBtn.addClass("shaixuan-btn");
    shaixuanBtn.removeClass("shaixuan-btn1");
    }
    }

    /**
    * 复选过滤条件
    **/
    $(document).ready(function(){
    var bo = true;//是否选择了标签
    var hidden = $("#type_filter_form").find("input[type=hidden]");//隐藏域
    var root_name = "";//选择的总分类的名称
    var select_tag = "";//选择的标签
    hidden.each(function(i){
    var type = hidden.eq(i).val();
    if(notNull(type)){
    bo = false;

    var types = type.split("|");
    var type_id = types[1];

    if(notNull(type_id)){
    var type_name = hidden.eq(i).attr("name");
    if(showSelected(type_name)){
    //选中过滤的小标签条件
    $("#" + type_name + "_" + types[0]).addClass("selected");

    //组装“已选择”后面的提示
    select_tag = select_tag + "<li><a>" + types[1] +
    "<i class='close_min s_close' onclick='linkTypeFilterIndex("" + type_name + "","");'></i></a></li>";
    }
    }
    }
    });

    if(notNull(select_tag)){
    // var root_id = $("#type_filter_form").find("input[name=root_id]").val();
    // var root_id = $("#type_filter_form").find("input[name=root_id]").val();
    // if(notNull(root_id)){
    // var roots = root_id.split("|");
    // if(notNull(roots[1])){
    // $("#root_id_" + roots[0]).addClass("selected");
    // $("#type_selected").prepend("<span>你选择了<b>" + roots[1] + "</b>下的:</span>");
    // }
    // }else{
    // $("#type_selected").prepend("<span>你选择了:</span>");
    // }

    $("#type_selected").prepend("<span>你选择了:</span>");
    $("#type_selected_box").append(select_tag);
    }else{
    $("#type_selected").remove();
    $("#no_type").addClass("selected");
    }

    //选中大类
    selectRootType();
    });

    function selectRootType(){
    var root_id = $("#type_filter_form").find("input[name=root_id]").val();
    if(notNull(root_id)){
    var roots = root_id.split("|");
    if(notNull(roots[1])){
    $("#root_id_" + roots[0]).addClass("selected");
    $("#type_selected span").remove();
    $("#type_selected").prepend("<span>你选择了<b>" + roots[1] + "</b>下的:</span>");
    }
    }
    }

    /**
    * 是否显示到“已选择”容器内
    * @param {} type_name
    * @return {}
    */
    function showSelected(type_name){
    return ((type_name != "catalog_searchkey")
    && (type_name != "root_type")
    && (type_name != "group_type")
    && (type_name != "root_id")
    && (type_name != "root_type")
    && (type_name != "pagesize")
    && (type_name != "index"));
    }

    /**
    * 链接地址处理,点击资源目录类,取要素、主题类
    **/
    function linkTypeFilterIndex(type,value){
    var filter_form = $("#type_filter_form");
    if(!type.isEmpty()){
    filter_form.find("input[name=" + type + "]").val(value);
    }
    filter_form.submit();
    }

    /**
    * 点击根类型
    * @param {} roottId
    * @param {} rootType
    */
    function linkRootTypeFilter(root_type,root_id){
    var filter_form = $("#type_filter_form");
    var hidden = filter_form.find("input[type=hidden]");//隐藏域
    hidden.each(function(i){
    hidden.eq(i).val("");
    });
    filter_form.find("input[name=root_id]").val(root_id);
    filter_form.find("input[name=root_type]").val(root_type);
    filter_form.submit();
    }

    /**
    * 点击子节点,非资源服务类,比如平台类服务、业务类服务等
    * @param {} roottId
    * @param {} rootType
    */
    function linkGroupTypeFilter(group_type,group_id){
    var filter_form = $("#type_filter_form");
    var hidden = filter_form.find("input[type=hidden]");//隐藏域
    hidden.each(function(i){
    //hidden.eq(i).val("");
    });
    filter_form.find("input[name=group_id]").val(group_id);
    filter_form.find("input[name=group_type]").val(group_type);
    filter_form.submit();
    }


    /**
    * 展开和收起
    **/
    function showExpanMenu(data,id2,id3){
    if(data && (data.length > 0)){
    for(var i=0;i<data.length;i++){
    $("#" + data[i]).toggle(500);
    }
    }
    $("#"+id2).css("display","none");
    $("#"+id3).css("display","block");
    }

    /**
    * 分页专用回调方法
    * @param {} data
    */
    function searchPage(data){
    var type_filter_form = $("#type_filter_form");
    type_filter_form.find("input[name=pagesize]").val(data.pagesize);
    type_filter_form.find("input[name=index]").val(data.index);
    type_filter_form.submit();
    }

    /**
    * 判断一个字符串是否为空
    * @param {} str
    */
    function notNull(str){
    if((typeof(str) != "undefined") && (!str.isEmpty())){
    return true;
    }
    return false;
    }

  • 相关阅读:
    JDBC连接MySQL数据库及演示样例
    用 managedQuery() 时须要注意的一个陷阱
    JAVA Calendar具体解释
    serialVersionUID作用
    D3DXMatrixMultiply 函数
    不同数据库oracle mysql SQL Server DB2 infomix sybase分页查询语句
    破解中国电信华为无线猫路由(HG522-C)自己主动拨号+不限电脑数+iTV
    数据库的增删改查和使用流程
    OutputCache说明
    HDU 4292Food(网络流的最大流量)
  • 原文地址:https://www.cnblogs.com/CooderIsCool/p/4730572.html
Copyright © 2011-2022 走看看