外部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;
}
外部javascript形式的更多相关文章
- 动态装载外部JavaScript脚本文件
当我们请求一个URL地址时,浏览器会从远程服务器装载各种所需的资源,如JavaScript.CSS.图片等.而在加载JavaScript时,常常会发生下面这种情况: 也就是说,当浏览器碰到Script ...
- 六、JavaScript之调用外部JavaScript文件
一.外部JavaScript文件,不需要写<SCRIPT>标签,myScript.js代码如下: 二.index.php代码如下 三.运行效果如下 四.点击之后 myScript.php如 ...
- 使用js加载器动态加载外部Javascript文件
原文:http://www.cnblogs.com/xdp-gacl/p/3927417.html 今天在网上找到了一个可以动态加载js文件的js加载器,具体代码如下: JsLoader.js var ...
- JavaScript学习总结(十九)——使用js加载器动态加载外部Javascript文件
今天在网上找到了一个可以动态加载js文件的js加载器,具体代码如下: JsLoader.js 1 var MiniSite=new Object(); 2 /** 3 * 判断浏览器 4 */ 5 M ...
- 加载外部JavaScript的最佳方法
当<script>标记是一个HTML文档流,浏览器必须停止渲染并等待脚本文件下载并执行,然后再继续(例子).通过JavaScript创建一个新的<script>标签可以避免这个 ...
- javascript 不响应可能是引用外部javascript时,引用顺序不对。
有相互引用关系的js,要最后执行的方法所在的js 先被引用. a.js 中有function1 b.js 中有function2 function1 () { function2(){} } 要 &l ...
- CI引入外部javascript和css
假定baseurl 为 $config['base_url']='http://localhost/codeigniter/'; 调用 <link rel="stylesheet&qu ...
- 外部javascript
- javascript (六) 引用外部js文件
外部的 JavaScript 也可以把脚本保存到外部文件中.外部文件通常包含被多个网页使用的代码. 外部 JavaScript 文件的文件扩展名是 .js. 如需使用外部文件,请在 <scrip ...
随机推荐
- Java String和StringBuffer和StringBuilder
最近在牛课网上做了几道字符串操作的题目,好久没有做题了,之前用的也是大一时C语言做的,对Java字符串操作不太了解,所以深入了解一下String类的相关用法 String构造方法 String() 空 ...
- nginx配置 解决ajax请求跨域问题
文章来源:http://to-u.xyz/2016/06/30/nginx-cors/ 背景描述 最近在研究RESTful API接口设计,使用的是Nginx,要实现本地http://127.0.0. ...
- oracle 调用包体的函数并返回return值
/// <summary> /// 执行数据库包体操作,返回结果 /// </summary> /// <param name="cmdText"&g ...
- centos 6 KVM 网卡桥接配置
一. 网卡桥接前准备 1.软件支持: # rpm -qa bridge-utils # yum install bridge-utils 确保软件包已安装 2. 关闭NetworkMana ...
- C++中的构造函数
C++中的构造函数可以分为4类: (1)默认构造函数.以Student类为例,默认构造函数的原型为 Student()://没有参数 (2)初始化构造函数 Student(int num,int ag ...
- Qt的pro文件--项目配置的部分字段
Qt项目配置的部分字段: 库: LIBS += -L /usr/local/lib -lpcap INCLUDEPATH += /usr/local/include/
- 最小生成树kruskal模板
算法思路:每次选取权值最小的边,判断这两个点是否在同一个集合内,如果在则跳过,如果不在则加上这条边的权值 可以使用并查集储存结点,可以快速判断结点是否在同一集合内. #include<iostr ...
- TZOJ 3295 括号序列(区间DP)
描述 给定一串字符串,只由 “[”.“]” .“(”.“)”四个字符构成.现在让你尽量少的添加括号,得到一个规则的序列. 例如:“()”.“[]”.“(())”.“([])”.“()[]”.“()[( ...
- [剑指Offer]34-二叉树中和为某一值的路径
题目链接 https://www.nowcoder.com/practice/b736e784e3e34731af99065031301bca?tpId=13&tqId=11177&t ...
- redis集群 与spring-data-redis 集成
所遇到的坑:必须使用如下的jedis 版本与spring-data-redis 版本,才能够达到集群效果 .1.7版本以前是不支持集群的 <dependency> <groupId& ...