外部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 ...
随机推荐
- 解决ie浏览器下载apk或ipa变为zip
Tomcat/conf/web.xml <mime-mapping> <extension>apk</extension> <mime-type>app ...
- poj3292(筛法+打表)
题目链接:https://vjudge.net/problem/POJ-3292 题意:定义4n+1数(简称H数),H数分为三类:unit,即为1; H-primes,只能分解为1×自身,类似于我们平 ...
- ucore-lab1-练习4report
练习四:分析bootloader加载ELF格式的OS的过程 1.bootloader如何读取硬盘扇区? (1)在练习3中实现了bootloader让CPU进入保护模式,下一步的工作就是从硬盘上加载并 ...
- pta7-18奥运排行榜(模拟)
题目链接:https://pintia.cn/problem-sets/1101307589335527424/problems/1101314114867245056 题意:给n个国家,以及每个国家 ...
- 1、str.join() 2、fromkeys() 3、深浅拷贝 4、set()
1. 补充基础数据类型的相关知识点 1. str. join() 把列表变成字符串 2. 列表不能再循环的时候删除. 因为索引会跟着改变 3. 字典也不能直接循环删除. 把要删除的内容记录在列表中. ...
- js前端导出excel:json形式的导出
第一中形式的导出:主要是表头对应主体数据,json形式的导出 js库文件名称 : table2excel.js这个js库文件是网上找的,并且自己根据自己业务需求把内容改了一下复制到 table2exc ...
- python:django
====启动django==== python manager.py runserver --host 0.0.0.0 --port 9008 python manager.py runserver ...
- 分布式大数据多维数据分析(olap)引擎kylin[转]
Apache Kylin是一个开源的分布式分析引擎,提供Hadoop之上的SQL查询接口及多维分析(OLAP)能力以支持超大规模数据,最初由eBay 开发并贡献至开源社区.它能在亚秒内查询巨大的Hiv ...
- 【Linux 系统】Linux探秘之用户态与内核态
一. Unix/Linux的体系架构 如上图所示,从宏观上来看,Linux操作系统的体系架构分为用户态和内核态(或者用户空间和内核).内核从本质上看是一种软件——控制计算机的硬件资源,并提供上层应用程 ...
- ajax中的contendType和dataType知识点梳理
在ajax中有2个参数比较重要,之前一直没有搞清楚,下面我们开始梳理一下 1.contentType字段:这个字段的意思,ajax发送给后端的数据是什么类型 如果在ajax中不指定这个属性,则默认是u ...