// Easy Responsive Tabs Plugin // Author: Samson.Onna (function ($) { $.fn.extend({ easyResponsiveTabs: function (options) { //Set the default values, use comma to separate the settings, example: var defaults = { type: 'default', //default, vertical, accordion; width: 'auto', fit: true } //Variables var options = $.extend(defaults, options); var opt = options, jtype = opt.type, jfit = opt.fit, jwidth = opt.width, vtabs = 'vertical', accord = 'accordion'; //Main function this.each(function () { var $respTabs = $(this); $respTabs.find('ul.resp-tabs-list li').addClass('resp-tab-item'); $respTabs.css({ 'display': 'block', 'width': jwidth }); $respTabs.find('.resp-tabs-container > div').addClass('resp-tab-content'); jtab_options(); //Properties Function function jtab_options() { if (jtype == vtabs) { $respTabs.addClass('resp-vtabs'); } if (jfit == true) { $respTabs.css({ width: '100%', margin: '0px' }); } if (jtype == accord) { $respTabs.addClass('resp-easy-accordion'); $respTabs.find('.resp-tabs-list').css('display', 'none'); } } //Assigning the h2 markup var $tabItemh2; $respTabs.find('.resp-tab-content').before(""); var itemCount = 0; $respTabs.find('.resp-accordion').each(function () { $tabItemh2 = $(this); var innertext = $respTabs.find('.resp-tab-item:eq(' + itemCount + ')').text(); $respTabs.find('.resp-accordion:eq(' + itemCount + ')').append(innertext); $tabItemh2.attr('aria-controls', 'tab_item-' + (itemCount)); itemCount++; }); //Assigning the 'aria-controls' to Tab items var count = 0, $tabContent; $respTabs.find('.resp-tab-item').each(function () { $tabItem = $(this); $tabItem.attr('aria-controls', 'tab_item-' + (count)); $tabItem.attr('role', 'tab'); //First active tab $respTabs.find('.resp-tab-item').first().addClass('resp-tab-active'); $respTabs.find('.resp-accordion').first().addClass('resp-tab-active'); $respTabs.find('.resp-tab-content').first().addClass('resp-tab-content-active').attr('style', 'display:block'); //Assigning the 'aria-labelledby' attr to tab-content var tabcount = 0; $respTabs.find('.resp-tab-content').each(function () { $tabContent = $(this); $tabContent.attr('aria-labelledby', 'tab_item-' + (tabcount)); tabcount++; }); count++; }); //Tab Click action function $respTabs.find("[role=tab]").each(function () { var $currentTab = $(this); $currentTab.click(function () { var $tabAria = $currentTab.attr('aria-controls'); if ($currentTab.hasClass('resp-accordion') && $currentTab.hasClass('resp-tab-active')) { $respTabs.find('.resp-tab-content-active').slideUp('', function () { $(this).addClass('resp-accordion-closed'); }); $currentTab.removeClass('resp-tab-active'); return false; } if (!$currentTab.hasClass('resp-tab-active') && $currentTab.hasClass('resp-accordion')) { $respTabs.find('.resp-tab-active').removeClass('resp-tab-active'); $respTabs.find('.resp-tab-content-active').slideUp().removeClass('resp-tab-content-active resp-accordion-closed'); $respTabs.find("[aria-controls=" + $tabAria + "]").addClass('resp-tab-active'); $respTabs.find('.resp-tab-content[aria-labelledby = ' + $tabAria + ']').slideDown().addClass('resp-tab-content-active'); } else { $respTabs.find('.resp-tab-active').removeClass('resp-tab-active'); $respTabs.find('.resp-tab-content-active').removeAttr('style').removeClass('resp-tab-content-active').removeClass('resp-accordion-closed'); $respTabs.find("[aria-controls=" + $tabAria + "]").addClass('resp-tab-active'); $respTabs.find('.resp-tab-content[aria-labelledby = ' + $tabAria + ']').addClass('resp-tab-content-active').attr('style', 'display:block'); } }); //Window resize function $(window).resize(function () { $respTabs.find('.resp-accordion-closed').removeAttr('style'); }); }); }); } }); })(jQuery); ///JavaScript Document var box_view_btn="loginBtn";//初始化按钮值 $(function () { errorclean(); // getVerifyCode(); //监听docuemnt的onkeydown事件看是不是按了回车键 $(document).keydown(function(event){ event = event ? event : window.event; if (event.keyCode === 13){ $("#"+box_view_btn).trigger("click"); } }); //登录 $("#loginBtn").click(function () { errorclean(); // alert($("#accountNameId").val()); if($("#accountNameId").val()==''){ /*$("#accountNameId").tips({side : 3,msg : "用户名不能为空!",bg : '#FF2D2D',time : 2});*/ $("#usererror").append("登录名不能为空"); // $("#accountNameId").focus(); }else if( $("#passwordId").val()==''){ $("#passworderror").append("密码不能为空"); // $("#passwordId").tips({side : 3,msg : "密码不能为空!",bg : '#FF2D2D',time : 2}); // $("#passwordId").focus(); }/*else if("" == $("#verifyCodeId").val()){ $("#verifyCodeId").tips({side : 3,msg : "验证码不能为空!",bg : '#FF2D2D',time : 2}); $("#verifyCodeId").focus(); } */ else{ // alert("else"); dialogloading(); var loginname = $("#accountNameId").val(); var password = $("#passwordId").val(); // alert(password); var verifyCode=$("#verifyCodeId").val(); var verifyCode=null; var code = loginname+",jy,"+$.md5(password)+",jy,"+verifyCode; // alert(code); $.ajax({type:'POST',url:bonuspath +'/system_login',data:{KEYDATA:code,tm:new Date().getTime()}, dataType:'json',success:function(data, textStatus){ dialogloadingClose(); var result=data.result; //alert(JSON.stringify(result)); if ("success" == result){ //如果登录不成功,则再次刷新验证码 // if($_SESSION['value'] == 13){ // window.location.href=bonuspath+"/backstage/user/personalCenter"; // }else{ // // alert(result); // dialogloadingClose(); // clearLoginForm();//清除信息 // loginAlert(result); // // alert(result); // window.location.href=bonuspath+"/backstage/index"; // } window.location.href=bonuspath+"/backstage/user/personalCenter"; }else{ clearLoginForm(); loginAlert(result); var errInfo=" "; data.result=" "; } } }); } }); $("#vimg").click(function () { getVerifyCode(); }); //改写dialog是title可以使用html $.widget("ui.dialog", $.extend({}, $.ui.dialog.prototype, { _title: function(title) { var $title = this.options.title || ' '; if(("title_html" in this.options)&&(this.options.title_html == true))title.html($title); else title.text($title); } })); }); function clean(){ errorclean(); } //自定义错误提示staart function errorclean(){ $("#usererror").empty(); $("#passworderror").empty(); } //自定义结束end function clearLoginForm(){ $("#verifyCodeId").val(""); $("#passwordId").val(""); getVerifyCode(); } //切换窗口 function show_box(id) { var strs= new Array(); //定义一数组 strs=id.split("-"); //字符分割 box_view_btn=strs[0]+"Btn"; jQuery('.widget-box.visible').removeClass('visible'); jQuery('#'+id).addClass('visible'); } //刷新验证码 function getVerifyCode() { $("#vimg").attr("src", "verifyCode/slogin.do?random=" + Math.random()); } function loginAlert(msg) { // alert(msg); if("codeerror" == msg){ // alert("11"); $("#verifyCodeId").tips({side : 3,msg : "验证码不正确!",bg : '#FF2D2D',time : 2}); $("#`").focus(); }else if("nullup" == msg){ $("#accountNameId").tips({side : 3,msg : "用户名或密码不能为空!",bg : '#FF2D2D',time : 2}); $("#accountNameId").focus(); }else if("nullcode" == msg){ $("#verifyCodeId").tips({side : 3,msg : "验证码不能为空!",bg : '#FF2D2D',time : 2}); $("#verifyCodeId").focus(); }else if("usererror" == msg){ $("#accountNameId").tips({side : 3,msg : "用户名或密码有误!",bg : '#FF2D2D',time : 2}); $("#accountNameId").focus(); }else if("attemptserror" == msg){ dialogerror("错误次数过多!"); }else if("error" == msg){ dialogerror("输入有误!"); }else if("inactive" == msg){ dialogerror("未激活!"); } } function dialogerror(Str){ $("#jyErrorStr").empty().append(Str); $("#jyError").removeClass('hide').dialog({ resizable: false, dialogClass: "title-no-close", modal: true,//设置为true,该dialog将会有遮罩层 title: "

错误

", title_html: true, show:{effect:"shake",duration: 100}, hide:{effect:"explode"}, buttons: [{ html: " 确认","class" : "btn btn-primary btn-xs", click: function() { $(this).dialog("close"); } }] }); }; function dialogloading(){ $("#jyLoadingStr").empty().append("正在登录 , 请稍后 ..."); $("#jyLoading").removeClass('hide').dialog({ dialogClass: "loading-no-close", minHeight: 50, resizable: false, modal: true, show:{effect:"fade"},hide:{effect:"fade"} }); }; function dialogloadingClose(){ $("#jyLoading").dialog("close"); };