jsgkj/gkjsjy/trunk/WebContent/static/biz/js/refreshtab.js

//1,选项卡文字超长的，截取展示
//2,调整选项卡的位置和左右按钮的显示

function tab() {
    $("#tab>.tabs>li").each(function (i) {
        var objString = $(this).find("p").text();    //获取当前选项卡名称
        var objLength = $(this).find("p").text().length;    //获取当前选项卡名称长度
        var num = 8;  //选项卡名称最大长度
        if (objLength > num) {
            objString = $(this).find("p").text(objString.substring(0, num - 1) + "...");  //超出部分省略号表示
        }
        $(this).css("left", i * (136 + 34));   //left值往右递加
        $(this).css("z-index", -(i - 40))   //堆叠顺序往右递减
        $("#tab>.tabs>.thistab").css("z-index", "101"); //选中选项卡顺序最高
//        var imgname = $(this).attr("code");  //定义变量为选项卡name值
        $(this).find("div>img").attr("src", $.app+"/static/biz/image/oa.png");  //更改对应小图标地址
//                    var imgname1=$("#tab>.tabs>.thistab").attr("name"); //定义变量为选中选项卡name值
//                    $("#tab>.tabs>.thistab").find("div>img").attr("src","images/"+imgname1+"_1.PNG");   //更改选中选项卡对应小图标地址
//        if (imgname=="index") {   //首页不能关闭
//            $(".thistab").find("span").css("display", "none");
//        }
        //按钮图片切换
        var length = $("#tab>.tabs>li").length; //选项卡的数量
        var showtab = Math.floor(parseInt($("#tab").width() - 204) / 170 + 1);  //当前浏览器可显示的选项卡数量
        var tabsleft = parseInt($("#tabs").css("left"))
        if (length > showtab) { //判断选项卡是否超出
            if (plus < (length - showtab)) {    //判断操作步数
                $("#buttontab>#tabsnext").css("background", "url('"+$.app+"/static/biz/image/change.png') no-repeat -36px -29px");
            }
            else {
                $("#buttontab>#tabsnext").css("background", "url('"+$.app+"/static/biz/image/change.png') no-repeat -36px 0px");
            }
            $("#buttontab").css("display","block");
        }
        else {
            $("#buttontab>#tabsnext").css("background", "url('"+$.app+"/static/biz/image/change.png') no-repeat -36px 0px");
            $("#buttontab").css("display","none");
        }
        if (tabsleft >= 15) {
            $("#buttontab>#tabsprev").css("background", "url('"+$.app+"/static/biz/image/change.png') no-repeat 0px 0px");
        }
        else {
            $("#buttontab>#tabsprev").css("background", "url('"+$.app+"/static/biz/image/change.png') no-repeat 0px -29px");
        }
    });
}

function tabmove(code,isnew) {
	var tabarray={};
	var length = $("#tab>.tabs>li").length; //选项卡的数量
	var showtab = Math.floor(parseInt($("#tab").width() - 204) / 170 + 1);  //当前浏览器可显示的选项卡数量
    $("#tab>.tabs>li").each(function (i) {
		//alert($(this).find("p").text());
		//alert($(this).attr("code"));
		var code=$(this).attr("code");
		var tabObj={};
        var objString = $(this).find("p").text();    //获取当前选项卡名称
        var objLength = $(this).find("p").text().length;    //获取当前选项卡名称长度
        var num = 8;  //选项卡名称最大长度
        if (objLength > num) {
            objString = $(this).find("p").text(objString.substring(0, num - 1) + "...");  //超出部分省略号表示
        }
		var cssleft=i * (136 + 34)
        $(this).css("left", cssleft);   //left值往右递加
        $(this).css("z-index", -(i - 40))   //堆叠顺序往右递减
        $("#tab>.tabs>.thistab").css("z-index", "101"); //选中选项卡顺序最高
//        var imgname = $(this).attr("code");  //定义变量为选项卡name值
        $(this).find("div>img").attr("src", $.app+"/static/biz/image/oa.png");  //更改对应小图标地址

		tabObj.objString=objString;
		tabObj.index=i;
		tabObj.code=code;
		//tabObj.cssleft=$(this).css("left");
		tabObj.cssleft=cssleft;
		tabObj.csszindex=$(this).css("z-index");
		tabObj.tableft=15;
		tabObj.plus=0;
		if (i >=showtab){
			//alert(tabObj.tableft-(i-showtab+1)*170);
			tabObj.tableft=tabObj.tableft-(i-showtab+1)*170;
			tabObj.plus=i - showtab+1;
		}
		
		tabarray[code]=tabObj;
		//tabarray.push(tabObj)
		//jQuery.parseJSON(json)
        //按钮图片切换

    });	
	//alert(JSON.stringify(tabarray[code]));
	
	tcodeObj=tabarray[code];

	$("#tabs").css("left", tcodeObj.tableft);
	//alert(plus+"--"+tcodeObj.plus);
	plus=tcodeObj.plus

	

	/*
	if(!code){
		var tabsleft = parseInt($("#tabs").css("left"));
		//alert($("#tabs").width());
		//alert(JSON.stringify(tabarray[code]));
		//
		if (length > showtab){
			$("#tabs").css("left", tabsleft-170);
			plus=length - showtab;
		}
	}else{
		alert(JSON.stringify(tabarray[code]));
	}
	*/
	
	//alert(code+"--->"+JSON.stringify(tabarray))
	//alert(JSON.stringify(tabarray));
	var tabsleft = parseInt($("#tabs").css("left"))
	if (length > showtab) { //判断选项卡是否超出
		if (plus < (length - showtab)) {    //判断操作步数
			$("#buttontab>#tabsnext").css("background", "url('"+$.app+"/static/biz/image/change.png') no-repeat -36px -29px");
		}
		else {
			$("#buttontab>#tabsnext").css("background", "url('"+$.app+"/static/biz/image/change.png') no-repeat -36px 0px");
		}
		$("#buttontab").css("display","block");
	}
	else {
		$("#buttontab>#tabsnext").css("background", "url('"+$.app+"/static/biz/image/change.png') no-repeat -36px 0px");
		$("#buttontab").css("display","none");
	}
	if (tabsleft >= 15) {
		$("#buttontab>#tabsprev").css("background", "url('"+$.app+"/static/biz/image/change.png') no-repeat 0px 0px");
	}
	else {
		$("#buttontab>#tabsprev").css("background", "url('"+$.app+"/static/biz/image/change.png') no-repeat 0px -29px");
	}
}

//根据选项卡更新内容
function jqtab(tabtit, tab_conbox, shijian) {
	//alert(arguments.length);

	
	
    //点击选项卡触发事件
    $(tabtit).find("li").bind(shijian, function () {
        $(this).addClass("thistab").siblings("li").removeClass("thistab");  //当前选项卡添加选中样式,删除其他选项卡选中样式
        var activeindex = $(this).attr("code"); //当前选项卡name值赋予变量
//        $("#iframepage").attr("src",$.app+activeindex);
        $('#'+activeindex).css("display","block");
        showOrHide(activeindex);
        tab();
    });

    //点击关闭选项卡触发事件
    $(tabtit).find("li>div>span").bind(shijian, function () {
        var parentli = $(this).parent().parent();
        if(parentli.hasClass("thistab")){	//判断当前选项卡是否选中
            if (parentli.next("li").length) {    //判断下个选项卡是否存在
                parentli.next().trigger(shijian);   //执行下个选项卡点击事件
            } else {
                parentli.prev().trigger(shijian);   //执行上个选项卡点击事件
            }
        }
        parentli.remove();  //删除当前选项卡
        $('#'+parentli.attr("code")).remove();
        var tabsleft = parseInt($("#tabs").css("left"));
        if(tabsleft<15){
            plus--;
            $("#tabs").css("left", tabsleft+170);
        };
        tab();
    });
}


function showOrHide(code){
	 $(".iframepage:not([id='"+code+"'])").each(function(i){
     	$(this).css("display","none");
     });
}