卧龙吟田丰,詹姆斯十佳球,凡人修仙传 仙界篇
/**此框架只依赖zepto.js
*sDialog 是dialog弹出框
*/
(function($) {
$.extend($, {
sDialog: function(options) {
//dialog弹出框
var opts = $.extend({}, $.sDialog.defaults, options);
标签： <无>
代码片段(1) [全屏查看所有代码]
1. [代码][JavaScript]代码 跳至 [1] [全屏预览]
/*
*此框架只依赖zepto.js
*sDialog 是dialog弹出框
*/
(function($) {
$.extend($, {
sDialog: function(options) {
//dialog弹出框
var opts = $.extend({}, $.sDialog.defaults, options);
function _init() {
var mask_height = ($("body").height() > $(window).height()) ? $("body").height() : $(window).height();
var windowH = parseInt($(window).height());
var warpTop = (windowH / 2)-100;
var windowW = parseInt($(window).width());
var warpWidth = (windowW / 2)-150;
if(opts.skin == 'block') {
var dTmpl = '<div class="simple-dialog-wrapper">';
if (opts.lock) { //是否有锁定
dTmpl += '<div class="s-dialog-mask" style="position: fixed; top:0;"></div>';
}
dTmpl += '<div style="width: 300px; left: ' + warpWidth + 'px;top:' + warpTop + 'px;visibility: visible; display: block;" class="s-dialog-wrapper s-dialog-skin-' + opts.skin + '">' + '<div class="s-dialog-content"><h3>' + opts.content + '</h3><a href="javascript:void(0)" class="s-dialog-btn-close content-ok"><span>×</span></a></div><div class="s-dialog-text">' + opts.text + '</div>'
if (opts.okBtn || opts.cancelBtn || opts.taxBtn) {
dTmpl += '<div class="s-dialog-btn-wapper">';
if (opts.okBtn) {
dTmpl += '<a href="javascript:void(0)" class="s-dialog-btn-ok">' + opts.okBtnText + '</a>';
}
if (opts.cancelBtn) {
dTmpl += '<a href="javascript:void(0)" class="s-dialog-btn-cancel">' + opts.cancelBtnText + '</a>';
}
if (opts.taxBtn) {
dTmpl += '<a href="javascript:void(0)" class="s-dialog-btn-tax">' + opts.taxBtnText + '</a>';
}
dTmpl += '</div>';
}
dTmpl += '</div>';
dTmpl += '</div>';
}
else {
var dTmpl = '<div class="simple-dialog-wrapper">';
if (opts.lock) { //是否有锁定
dTmpl += '<div class="s-dialog-mask" style="position: fixed; top:0;"></div>';
}
dTmpl += '<div style="font-size: 15px; color: #000;left:50%;background-color: #fff; margin-left:-40%; width:80%; top:' + warpTop + 'px" class="s-dialog-wrapper s-dialog-skin-block">' + '<div class="s-dialog-content">' + opts.content + '</div><div style="font-size: 15px;line-height: 1.3;text-align: center; color: #000; padding:5%">' + opts.text + '</div>'
if (opts.okBtn || opts.cancelBtn || opts.taxBtn) {
dTmpl += '<div class="s-dialog-btn-wapper">';
if (opts.okBtn) {
dTmpl += '<a href="javascript:void(0)" style="display: block; font-size: 17px;color: #ff4601; width:100%; text-align: center;height: 44px;border-widht:0;box-shadow:0 0 none;border-style:none;border-top: 1px solid #eeeeee;line-height: 44px; padding:0;background: 0 none;" class="s-dialog-btn-ok">' + opts.okBtnText + '</a>';
}
if (opts.cancelBtn) {
dTmpl += '<a href="javascript:void(0)" style="display: block; font-size: 17px;color: #333; width:100%; text-align: center;height: 44px; border-widht:0;box-shadow:0 0 none;border-style:none;border-top: 1px solid #eeeeee;background: none 0;line-height: 44px;" class="s-dialog-btn-cancel">' + opts.cancelBtnText + '</a>';
}
if (opts.taxBtn && opts.taxBtnText != '') {
dTmpl += '<a href="javascript:void(0)" style="display: block; font-size: 17px;color: #333; width:100%; text-align: center;height: 44px; border-widht:0;box-shadow:0 0 none;border-style:none;border-top: 1px solid #eeeeee;background: none 0;line-height: 44px;" class="s-dialog-btn-tax">' + opts.taxBtnText + '</a>';
}
dTmpl += '</div>';
}
dTmpl += '</div>';
dTmpl += '</div>';
}
$("body").append(dTmpl);
if(opts.skin != 'block') {
var d_wrapper = $(".s-dialog-wrapper");
var mLeft = -parseInt(d_wrapper.width()) / 2;
d_wrapper.css({
"margin-left": mLeft,
});
}
//绑定事件
_bind();
}
function _bind() {
var okBtn = $(".s-dialog-btn-ok");
var cancelBtn = $(".s-dialog-btn-cancel");
var taxBtn = $(".s-dialog-btn-tax");
var closeBtn = $(".s-dialog-btn-close");
okBtn.click(_okFn);
cancelBtn.click(_cancelFn);
taxBtn.click(_taxFn);
closeBtn.click(_close);
if (!opts.okBtn && !opts.cancelBtn) {
setTimeout(function() {
_close();
}, opts.autoTime);
}
var maskBtn = $(".s-dialog-mask");
maskBtn.click(_mask);
}
function _mask() {
_close();
$(".simple-dialog-wrapper").hide();
$(".s-dialog-maskg").attr('style','')
$(".s-dialog-mask").hide();
}
function _okFn() {
opts.okFn();
_close();
}
function _cancelFn() {
opts.cancelFn();
_close();
}
function _taxFn() {
opts.taxFn();
_close();
}
function _close() {
$(".simple-dialog-wrapper").remove();
}
return this.each(function() {
_init();
})();
},
sValid: function() {
var $this = $.sValid;
var sElement = $this.settings.sElement;
for (var i = 0; i < sElement.length; i++) {
var element = sElement[i];
var sEl = $("#"+element).length >0 ? $("#"+element) : $("."+element);
for(var j = 0;j<sEl.length;j++){
$this.check(element,sEl[j]);
}
}
$this.callBackData();
var cEid = $this.errorFiles.eId;
var cEmsg = $this.errorFiles.eMsg;
var cErules = $this.errorFiles.eRules;
var isVlided = false;
if (cEid.length > 0) {
isVlided = false;
} else {
isVlided = true;
}
$this.settings.callback.apply(this, [cEid, cEmsg, cErules]);
$this.destroyData();
return isVlided;
}
});
//sDialog
$.sDialog.defaults = {
autoTime: '2000', //当没有 确定和取消按钮的时候，弹出框自动关闭的时间
"skin": 'block', //皮肤，默认黑色
"content": "加入购物车成功", //弹出框里面的内容
"text": "加入购物车成功", //弹出框里面的内容
"width": 100, //没用到
"height": 100, //没用到
"okBtn": true, //是否显示确定按钮
"cancelBtn": true, //是否显示关闭按钮
"taxBtn": true, //是否显示交税按钮
"okBtnText": "确定", //确定按钮的文字
"cancelBtnText": "取消", //取消按钮的文字
"taxBtnText": "", //交税按钮的文字
"lock": true, //是否显示遮罩
"okFn": function() {}, //点击确定按钮执行的函数
"cancelFn": function() {}, //点击取消按钮执行的函数
"taxFn": function() {} //点击我是土豪,交税购买按钮执行的函数
};
//sValid
$.extend($.sValid, {
defaults: {
rules: {},
messages: {},
callback: function() {}
},
init: function(options) {
//初始化控件参数
var opt = $.extend({}, this.defaults, options);
var rules = opt.rules;
var messages = opt.messages;
var sElement = [];
$.map(rules, function(item, idx) {
sElement.push(idx);
});
this.settings = {};
this.settings["sElement"] = sElement;
this.settings["sRules"] = rules;
this.settings["sMessages"] = messages;
this.settings['callback'] = opt.callback;
},
optional: function(element) {
var val = this.elementValue(element);
return !this.methods.required.call(this, val, element);
},
methods: {
required: function(value, element) {
if (element.nodeName.toLowerCase() === "select") {
var val = $(element).val();
return val && val.length > 0;
}
return $.trim(value).length > 0;
},
maxlength: function(value, element, param) {
var length = $.trim(value).length;
return this.optional(element) || length <= param;
},
minlength: function(value, element, param) {
var length = $.trim(value).length;
return this.optional(element) || length >= param;
},
//是否是合法数字（包括正数、负数）
number: function(value, element, param) {
return this.optional(element) || /^-?(?:\d+|\d{1,3}(?:,\d{3})+)?(?:\.\d+)?$/.test(value);
},
digits: function(value, element, param) {
return this.optional(element) || /^\d+$/.test(value);
},
email: function(value, element, param) {
return this.optional(element) || /[a-z0-9-]{1,30}@[a-z0-9-]{1,65}.[a-z]{3}/.test(value);
},
mobile: function(value, element, param) {
return this.optional(element) || /^1[0-9]{10}$/.test(value);
}
},
elementValue: function(element) {
var type = $(element).attr("type");
var value = $(element).val();
if (typeof value === "string") {
return value.replace(/\r/g, "");
}
return value;
},
rulesFormat: {
required: true,
email: true
},
errorFiles: {
eId: [],
eRules: {},
eMsg: {}
},
check: function(element,mEl) {
var settingsRules = [];
var methods = this.methods;
var rules = this.settings["sRules"];
var mVal = this.elementValue.call(this, mEl);
var mParam = "";
var errorFiles = this.errorFiles;
var errRules = [];
//rules
if (typeof rules[element] === "string") {
if ($.inArray(rules[element], settingsRules) < 0) {
settingsRules.push(rules[element]);
}
} else {
$.each(rules[element], function(idx, item) {
if ($.inArray(idx, settingsRules) < 0) {
settingsRules.push(idx);
if (idx == "maxlength" || idx == "minlength") { // 这里其实有个bug，循环后，同时存在min和max时，mParam会被覆盖掉
mParam = parseInt(item);
}
}
})
}
//checked
for (var i = 0; i < settingsRules.length; i++) {
if (!methods[settingsRules[i]].call(this, mVal, mEl, mParam)) {
errRules.push(settingsRules[i]);
errorFiles['eRules'][element] = errRules;
if ($.inArray(element, errorFiles['eId']) < 0) {
errorFiles['eId'].push(element);
}
}
}
},
callBackData: function() {
var errorFiles = this.errorFiles;
var errId = errorFiles.eId;
var eMsg = errorFiles.eMsg;
var eRules = errorFiles.eRules;
var sMessages = this.settings.sMessages;
for (var i = 0; i < errId.length; i++) {
if (typeof sMessages[errId[i]] === "string") {
eMsg[errId[i] + "_" + eRules[errId[i]]] = sMessages[errId[i]];
} else {
if ($.isArray(eRules[errId[i]])) {
for (var j = 0; j < eRules[errId[i]].length; j++) {
eMsg[errId[i] + "_" + eRules[errId[i]][j]] = sMessages[errId[i]][eRules[errId[i]][j]]
}
}
}
}
},
destroyData: function() {
this.errorFiles = {
eId: [],
eRules: {},
eMsg: {}
};
}
});
})(Zepto);
省市区三级联动(jQuery+Json)
基于最新县及县以上行政区划代码（截止2014年10月31日）标签：<无>-->-->-->1.[图片]1.png2.[图片]2.png3.[图片]3.
Extjs省市区联动
testExt01.js是城市的json数据信息。
新零售风口 缤果盒子发布AI解决方案 助力无人零…
携手合作伙伴推进容器技术发展， Rancher Labs…
变现猫获弘道资本2400万Pre-A融资 构建变现产品…
亚马逊AWS启用新logo后又出新招 7天之后将按秒收…