外部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 ...
随机推荐
- 下载安装windows版Redis
链接 https://github.com/MicrosoftArchive/redis/releases 选择版本下载 在redis目录打开cmd命令输入 redis-server.ex ...
- js实现右击
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <tit ...
- as3.0划线带撤销功能
package com{ import flash.display.MovieClip; import flash.display.SimpleButton; import flash.events. ...
- c++笔试题贪吃蛇问题
贪吃蛇 现在有一个N*M(N,M=100)的方形矩形,在这个矩形的每一个方格上都放有一个随机值,一条可爱的小蛇从矩形的 左上角开始出发,每次移动都只能移动一格,向右或向下,而每到达一格贪吃的小蛇都会吧 ...
- swift - xcode10 - 点击事件交互BUG - (手势和button的addTarget方法)
1. 现象button 点击闪退:没有任何原因 ,在听云检测上,显示 BUG2: 手势 没有任何作用,哪怕设置 isUserInteractionEnabled 和isEnabled 为true 都 ...
- [leetcode]128. Longest Consecutive Sequence最长连续序列
Given an unsorted array of integers, find the length of the longest consecutive elements sequence. Y ...
- JQuery UI之Autocomplete(4)多值输入、远程缓存与组合框
1.多值输入 首先加入相关的css和js文件,以及对应的HTML代码如下: <link href="../css/jquery-ui.css" rel="style ...
- centos7下的FastDFS5.09的安装与使用
FastDFS是一款开源的轻量级分布式文件系统,纯C实现,支持Linux.FreeBSD等Unix系统. 类google FS,不是通用的文件系统,只能通过专有API访问. FastDFS服务端有两种 ...
- 关于控制反转(IOC)容器 ,依赖注入(DI)模式必读文章收集
推荐一篇国外設計大師Martin Fowler的大作:Inversion of Control Containers and the Dependency Injection pattern http ...
- hibernate懒加载
Hibernate懒加载解析 hibernatejoinsession数据库sqlobject Hibernate懒加载解析 在Hibernate框架中,当我们要访问的数据量过大时,明显用缓存不太合适 ...