293 lines
11 KiB
Plaintext
293 lines
11 KiB
Plaintext
|
// Easy Responsive Tabs Plugin
|
|||
|
|
// Author: Samson.Onna <Email : samson3d@gmail.com>
|
|||
|
|
(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("<h2 class='resp-accordion' role='tab'><span class='resp-arrow'></span></h2>");
|
|||
|
|
|
|||
|
|
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: "<div class='widget-header'><h4 class='font-bold red' >错误</h4></div>",
|
|||
|
|
title_html: true,
|
|||
|
|
show:{effect:"shake",duration: 100},
|
|||
|
|
hide:{effect:"explode"},
|
|||
|
|
buttons: [{
|
|||
|
|
html: "<i class='icon-ok bigger-110'></i> 确认","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");
|
|||
|
|
};
|