外部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 ...
随机推荐
- JMeter一次简单的接口测试(转载)
转载自 http://www.cnblogs.com/yangxia-test 本次接口测试:根据ws查询所有商品的具体的信息.检查商品是否返回成功. 1. 准备测试数据 查询数据库中产品表已上架商 ...
- 【pycharm】使用过程的相关问题
背景:安装scrapy后在cmd里可以正常import scrapy模块,但是在pycharm里不可以(python2.7) 问题:cmd中能正常导入模块,在pycharm报错 原因:pycharm里 ...
- [译] 什么阻塞了 DOM?
原文地址:https://www.keycdn.com/blog/blocking-the-dom/原文作者:BRIAN JACKSON 当我们谈到web性能或者优化页面级别的速度时,非常重要的一点是 ...
- 将秒数转为HH:MM:SS格式的时间
/** * 将秒数转为HH:MM:SS格式的时间 * @param $seconds * @return string */ public static function GetHHMMSSB ...
- Win7 访问win2008 远程桌面提示:您的凭证不工作
背景: win7 远程桌面连接 服务器 windows 2008 报错,“您的凭证不工作”,但是 xp 系统却可以正常连接. 解决方法: 1.在“运行” 中执行 secpol.msc-->进入本 ...
- Django 之多对多关系
1. 多对多关系 作者 <--> 书籍 1. 表结构设计 1. SQL版 -- 创建作者表 create table author( id int primary key auto_inc ...
- LinearLayout 线性布局
android:orientation 设置布局管理器内组件的排列方式,可设置为 horizontal (水平排列).vertical (垂直排列) android:gravity 设置布局管理器内组 ...
- 二次注入的学习--Buy Flag(http://10.112.68.215:10002)
这次有做一个二次注入的天枢CTF题目,算是完整地理解了一遍注入的知识.来,启航. 1.判断注入点 经过对题目的实践分析,知道注册时需要输入年龄大于18岁,但在登录后界面,年龄因为太大不能接 ...
- 【linux命令总结】——后续用到的内容持续补充和更新
比如说:某个文件是go文件,名字叫做 Hello.go 1.通过后台运行某个程序,将结果输出到某个文件, 如果是直接运行go程序:go run Hello.go 后台运行:nohup go run H ...
- POJ 3169 Layout(差分约束+链式前向星+SPFA)
描述 Like everyone else, cows like to stand close to their friends when queuing for feed. FJ has N (2 ...