placeholder 不支持进行兼容处理
2024-10-19 18:27:16
;(function () {
//全局ajax处理
$.ajaxSetup({
complete: function (jqXHR) {},
data: {
},
error: function (jqXHR, textStatus, errorThrown) {
//请求失败处理
}
});
if ($.browser.msie) {
//ie 都不缓存
$.ajaxSetup({
cache: false
});
}
//不支持placeholder浏览器下对placeholder进行处理
if (document.createElement('input').placeholder !== '') {
$('[placeholder]').focus(function () {
var input = $(this);
if (input.val() == input.attr('placeholder')) {
input.val('');
input.removeClass('placeholder');
}
}).blur(function () {
var input = $(this);
if (input.val() == '' || input.val() == input.attr('placeholder')) {
input.addClass('placeholder');
input.val(input.attr('placeholder'));
}
}).blur().parents('form').submit(function () {
$(this).find('[placeholder]').each(function () {
var input = $(this);
if (input.val() == input.attr('placeholder')) {
input.val('');
}
});
});
}
//提交按钮是否固定底部
//setBtnWrap();
$(window).on('resize', function () {
setBtnWrap(true);
});
function setBtnWrap(reset) {
if (parent.Wind && parent.Wind.art) {
//过滤弹窗
return;
}
if ($('body').height() <= $(window).height()) {
$('div.btn_wrap').removeClass('btn_wrap');
} else {
if (reset) {
var par = $('button.J_ajax_submit_btn:last').parent().parent();
if (!par.attr('class')) {
//class一定为空
par.addClass('btn_wrap');
}
}
}
}
//iframe页面f5刷新
$(document).on('keydown', function (event) {
var e = window.event || event;
if (e.keyCode == ) {
e.keyCode = ;
var $doc = $(parent.window.document),
id = $doc.find('#B_history .current').attr('data-id'),
iframe = $doc.find('#iframe_' + id);
try{
if (iframe[].contentWindow) {
//common.js
reloadPage(iframe[].contentWindow);
}
}catch(err){}
//!ie
return false;
}
});
//所有加了dialog类名的a链接，自动弹出它的href
if ($('a.J_dialog').length) {
Wind.use('artDialog', 'iframeTools', function () {
$('.J_dialog').on('click', function (e) {
e.preventDefault();
var $_this = this,
_this = $($_this);
art.dialog.open($(this).prop('href'), {
close: function () {
$_this.focus(); //关闭时让触发弹窗的元素获取焦点
return true;
},
title: _this.prop('title')
});
}).attr('role', 'button');
});
}
//所有的ajax form提交,由于大多业务逻辑都是一样的，故统一处理
var ajaxForm_list = $('form.J_ajaxForm');
if (ajaxForm_list.length) {
Wind.use('ajaxForm', 'artDialog', function () {
if ($.browser.msie) {
//ie8及以下，表单中只有一个可见的input:text时，会整个页面会跳转提交
ajaxForm_list.on('submit', function (e) {
//表单中只有一个可见的input:text时，enter提交无效
e.preventDefault();
});
}
$('button.J_ajax_submit_btn').on('click', function (e) {
e.preventDefault();
/*var btn = $(this).find('button.J_ajax_submit_btn'),
form = $(this);*/
var btn = $(this),
form = btn.parents('form.J_ajaxForm');
//批量操作 判断选项
if (btn.data('subcheck')) {
btn.parent().find('span').remove();
if (form.find('input.J_check:checked').length) {
var msg = btn.data('msg');
if (msg) {
art.dialog({
id: 'warning',
icon: 'warning',
content: btn.data('msg'),
cancelVal: '关闭',
cancel: function () {
//btn.data('subcheck', false);
//btn.click();
},
ok: function () {
btn.data('subcheck', false);
btn.click();
}
});
} else {
btn.data('subcheck', false);
btn.click();
}
} else {
$('<div class="tips_error">请至少选择一项</div>').appendTo(btn.parent()).fadeIn('fast');
}
return false;
}
//ie处理placeholder提交问题
if ($.browser.msie) {
form.find('[placeholder]').each(function () {
var input = $(this);
if (input.val() == input.attr('placeholder')) {
input.val('');
}
});
}
form.ajaxSubmit({
url: btn.data('action') ? btn.data('action') : form.attr('action'), //按钮上是否自定义提交地址(多按钮情况)
dataType: 'json',
beforeSubmit: function (arr, $form, options) {
var text = btn.text();
//按钮文案、状态修改
btn.text(text + '中...').prop('disabled', true).addClass('disabled');
},
success: function (data, statusText, xhr, $form) {
var text = btn.text();
//按钮文案、状态修改
btn.removeClass('disabled').text(text.replace('中...', '')).parent().find('div').remove();
if (data.state === 'success') {
$('<div class="tips_success">' + data.info + '</div>').appendTo(btn.parent()).fadeIn('slow').delay().fadeOut(function () {
});
} else if (data.state === 'fail') {
$('<div class="tips_error">' + data.info + '</div>').appendTo(btn.parent()).fadeIn('fast');
btn.removeProp('disabled').removeClass('disabled');
}
if (data.referer) {
//返回带跳转地址
if(window.parent.art){
//iframe弹出页
window.parent.location.href = data.referer;
}else{
window.location.href = data.referer;
}
} else {
if (data.state === 'success') {
if(window.parent.art){
reloadPage(window.parent);
}else{
//刷新当前页
reloadPage(window);
}
}
}
}
});
});
});
}
//dialog弹窗内的关闭方法
$('#J_dialog_close').on('click', function (e) {
e.preventDefault();
try{
art.dialog.close();
}catch(err){
Wind.use('artDialog','iframeTools',function(){
art.dialog.close();
});
};
});
//所有的删除操作，删除数据后刷新页面
if ($('a.J_ajax_del').length) {
Wind.use('artDialog', function () {
$('.J_ajax_del').on('click', function (e) {
e.preventDefault();
var $_this = this,
$this = $($_this),
href = $this.prop('href'),
msg = $this.data('msg');
art.dialog({
title: false,
icon: 'question',
content: '确定要删除吗？',
follow: $_this,
close: function () {
$_this.focus();; //关闭时让触发弹窗的元素获取焦点
return true;
},
ok: function () {
$.getJSON(href).done(function (data) {
if (data.state === 'success') {
if (data.referer) {
location.href = data.referer;
} else {
reloadPage(window);
}
} else if (data.state === 'fail') {
//art.dialog.alert(data.info);
alert(data.info);//暂时处理方案
}
});
},
cancelVal: '关闭',
cancel: true
});
});
});
}
if ($('a.J_ajax_dialog_btn').length) {
Wind.use('artDialog', function () {
$('.J_ajax_dialog_btn').on('click', function (e) {
e.preventDefault();
var $_this = this,
$this = $($_this),
href = $this.prop('href'),
msg = $this.data('msg');
if(!msg){
msg="您确定要进行此操作吗？";
}
art.dialog({
title: false,
icon: 'question',
content: msg,
follow: $_this,
close: function () {
$_this.focus();; //关闭时让触发弹窗的元素获取焦点
return true;
},
ok: function () {
$.getJSON(href).done(function (data) {
if (data.state === 'success') {
if (data.referer) {
location.href = data.referer;
} else {
reloadPage(window);
}
} else if (data.state === 'fail') {
art.dialog.alert(data.info);
}
});
},
cancelVal: '关闭',
cancel: true
});
});
});
}
//所有的请求刷新操作
var ajax_refresh = $('a.J_ajax_refresh'),
refresh_lock = false;
if (ajax_refresh.length) {
ajax_refresh.on('click', function (e) {
e.preventDefault();
if (refresh_lock) {
return false;
}
refresh_lock = true;
$.post(this.href, function (data) {
refresh_lock = false;
if (data.state === 'success') {
if (data.referer) {
location.href = data.referer;
} else {
reloadPage(window);
}
} else if (data.state === 'fail') {
Wind.art.dialog.alert(data.info);
}
}, 'json');
});
}
//拾色器
var color_pick = $('.J_color_pick');
if (color_pick.length) {
Wind.use('colorPicker', function () {
color_pick.each(function () {
$(this).colorPicker({
default_color: 'url("' + GV.DIMAUB + 'statics/images/transparent.png")', //写死
callback: function (color) {
var em = $(this).find('em'),
input = $(this).next('.J_hidden_color');
em.css('background', color);
input.val(color.length === ? color : '');
}
});
});
});
}
//字体配置
if ($('.J_font_config').length) {
Wind.use('colorPicker', function () {
var elem = $('.color_pick');
elem.each(function () {
var panel = $(this).parent('.J_font_config');
var bg_elem = $(this).find('.J_bg');
$(this).colorPicker({
default_color: 'url("' + GV.DIMAUB + 'statics/images/transparent.png")',
callback: function (color) {
bg_elem.css('background', color);
panel.find('.case').css('color', color.length === ? color : '');
panel.find('.J_hidden_color').val(color.length === ? color : '');
}
});
});
});
//加粗、斜体、下划线的处理
$('.J_bold,.J_italic,.J_underline').on('click', function () {
var panel = $(this).parents('.J_font_config');
var c = $(this).data('class');
if ($(this).prop('checked')) {
panel.find('.case').addClass(c);
} else {
panel.find('.case').removeClass(c);
}
});
}
/*复选框全选(支持多个，纵横双控全选)。
*实例：版块编辑-权限相关（双控），验证机制-验证策略（单控）
*说明：
* "J_check"的"data-xid"对应其左侧"J_check_all"的"data-checklist"；
* "J_check"的"data-yid"对应其上方"J_check_all"的"data-checklist"；
* 全选框的"data-direction"代表其控制的全选方向(x或y)；
* "J_check_wrap"同一块全选操作区域的父标签class，多个调用考虑
*/
if ($('.J_check_wrap').length) {
var total_check_all = $('input.J_check_all');
//遍历所有全选框
$.each(total_check_all, function () {
var check_all = $(this),
check_items;
//分组各纵横项
var check_all_direction = check_all.data('direction');
check_items = $('input.J_check[data-' + check_all_direction + 'id="' + check_all.data('checklist') + '"]');
//点击全选框
check_all.change(function (e) {
var check_wrap = check_all.parents('.J_check_wrap'); //当前操作区域所有复选框的父标签（重用考虑）
if ($(this).attr('checked')) {
//全选状态
check_items.attr('checked', true);
//所有项都被选中
if (check_wrap.find('input.J_check').length === check_wrap.find('input.J_check:checked').length) {
check_wrap.find(total_check_all).attr('checked', true);
}
} else {
//非全选状态
check_items.removeAttr('checked');
//另一方向的全选框取消全选状态
var direction_invert = check_all_direction === 'x' ? 'y' : 'x';
check_wrap.find($('input.J_check_all[data-direction="' + direction_invert + '"]')).removeAttr('checked');
}
});
//点击非全选时判断是否全部勾选
check_items.change(function () {
if ($(this).attr('checked')) {
if (check_items.filter(':checked').length === check_items.length) {
//已选择和未选择的复选框数相等
check_all.attr('checked', true);
}
} else {
check_all.removeAttr('checked');
}
});
});
}
/*li列表添加&删除(支持多个)，实例(“验证机制-添加验证问题”，“附件相关-添加附件类型”)：
<ul id="J_ul_list_verify" class="J_ul_list_public">
<li><input type="text" value="111" ><a class="J_ul_list_remove" href="#">[删除]</a></li>
<li><input type="text" value="111" ><a class="J_ul_list_remove" href="#">[删除]</a></li>
</ul>
<a data-related="verify" class="J_ul_list_add" href="#">添加验证</a>
<ul id="J_ul_list_rule" class="J_ul_list_public">
<li><input type="text" value="111" ><a class="J_ul_list_remove" href="#">[删除]</a></li>
<li><input type="text" value="111" ><a class="J_ul_list_remove" href="#">[删除]</a></li>
</ul>
<a data-related="rule" class="J_ul_list_add" href="#">添加规则</a>
*/
var ul_list_add = $('a.J_ul_list_add');
if (ul_list_add.length) {
var new_key = ;
//添加
ul_list_add.click(function (e) {
e.preventDefault();
new_key++;
var $this = $(this);
//"new_"字符加上唯一的key值，_li_html 由列具体页面定义
var $li_html = $(_li_html.replace(/new_/g, 'new_' + new_key));
$('#J_ul_list_' + $this.data('related')).append($li_html);
$li_html.find('input.input').first().focus();
});
//删除
$('ul.J_ul_list_public').on('click', 'a.J_ul_list_remove', function (e) {
e.preventDefault();
$(this).parents('li').remove();
});
}
//日期选择器
var dateInput = $("input.J_date")
if (dateInput.length) {
Wind.use('datePicker', function () {
dateInput.datePicker();
});
}
//日期+时间选择器
var dateTimeInput = $("input.J_datetime");
if (dateTimeInput.length) {
Wind.use('datePicker', function () {
dateTimeInput.datePicker({
time: true
});
});
}
//图片上传预览
if ($("input.J_upload_preview").length) {
Wind.use('uploadPreview', function () {
$("input.J_upload_preview").uploadPreview();
});
}
//代码复制
var copy_btn = $('a.J_copy_clipboard'); //复制按钮
if (copy_btn.length) {
Wind.use('dialog', 'textCopy', function () {
for (i = , len = copy_btn.length; i < len; i++) {
var item = $(copy_btn[i]);
item.textCopy({
content: $('#' + item.data('rel')).val()
});
}
});
}
//tab
var tabs_nav = $('ul.J_tabs_nav');
if (tabs_nav.length) {
Wind.use('tabs', function () {
tabs_nav.tabs('.J_tabs_contents > div');
});
}
//radio切换显示对应区块
var radio_change = $('.J_radio_change');
if (radio_change.length) {
var radio_c = radio_change.find('input:checked');
if (radio_c.length) {
radio_c.each(function () {
var $this = $(this);
//页面载入
change($this.data('arr'), $this.parents('.J_radio_change'));
});
}
//切换radio
$('.J_radio_change input:radio').on('change', function () {
change($(this).data('arr'), $(this).parents('.J_radio_change'));
});
}
function change(str, radio_change) {
var rel = $(radio_change.data('rel'));
if (rel.length) {
rel.hide();
} else {
$('.J_radio_tbody, .J_radio_change_items').hide();
}
if (str) {
var arr = new Array();
arr = str.split(",");
$.each(arr, function (i, o) {
$('#' + o).show();
});
}
}
/*
* 默认头像
*/
var avas = $('img.J_avatar');
if (avas.length) {
avatarError(avas);
}
})();
//重新刷新页面，使用location.reload()有可能导致重新提交
function reloadPage(win) {
var location = win.location;
location.href = location.pathname + location.search;
}
//页面跳转
function redirect(url) {
location.href = url;
}
//读取cookie
function getCookie(name) {
var nameEQ = name + "=";
var ca = document.cookie.split(';');
for (var i = ; i < ca.length; i++) {
var c = ca[i];
while (c.charAt() == ' ') {
c = c.substring(, c.length);
}
if (c.indexOf(nameEQ) == ) {
return c.substring(nameEQ.length, c.length);
}
};
return null;
}
//设置cookie
function setCookie(name, value, days) {
var argc = setCookie.arguments.length;
var argv = setCookie.arguments;
var secure = (argc > ) ? argv[] : false;
var expire = new Date();
if(days==null || days==) days=;
expire.setTime(expire.getTime() + **days);
document.cookie = name + "=" + escape(value) + ("; path=/") + ((secure == true) ? "; secure" : "") + ";expires="+expire.toGMTString();
}
//浮出提示_居中
function resultTip(options) {
var cls = (options.error ? 'warning' : 'success');
var pop = $('<div style="left:50%;top:30%;" class="pop_showmsg_wrap"><span class="pop_showmsg"><span class="' + cls + '">' + options.msg + '</span></span></div>');
pop.appendTo($('body')).fadeIn(function () {
pop.css({
marginLeft: -pop.innerWidth() /
}); //水平居中
}).delay().fadeOut(function () {
pop.remove();
//回调
if (options.callback) {
options.callback();
}
});
}
//弹窗居中定位 非ie6 fixed定位
function popPos(wrap) {
var ie6 = false,
pos = 'fixed',
top,
win_height = $(window).height(),
wrap_height = wrap.outerHeight();
if ($.browser.msie && $.browser.version < ) {
ie6 = true;
pos = 'absolute';
}
if (win_height < wrap_height) {
top = ;
} else {
top = ($(window).height() - wrap.outerHeight()) / ;
}
wrap.css({
position: pos,
top: top + (ie6 ? $(document).scrollTop() : ),
left: ($(window).width() - wrap.innerWidth()) /
}).show();
}
/*
* 头像的错误处理
*/
function avatarError(avatars) {
avatars.each(function () {
this.onerror = function () {
this.onerror = null;
this.src = GV.URL.IMAGE_RES + '/face/face_' + $(this).data('type') + '.jpg'; //替代头像
this.setAttribute('alt', '默认头像');
//隐藏恢复默认头像
$('#J_set_def').hide();
}
this.src = this.src;
});
}
//新窗口打开
function openwinx(url,name,w,h) {
if(!w) w=screen.width;
if(!h) h=screen.height;
//window.open(url,name,"top=100,left=400,width=" + w + ",height=" + h + ",toolbar=no,menubar=no,scrollbars=yes,resizable=yes,location=no,status=no");
window.open(url,name);
}
//询问
function confirmurl(url, message) {
Wind.use("artDialog", "iframeTools", function () {
art.dialog.confirm(message, function () {
location.href = url;
}, function () {
art.dialog.tips('你取消了操作');
});
});
}
function open_iframe_dialog(url,title,options){
var params={
title: title,
lock:true,
opacity:,
width:"95%"
};
params=options?$.extend(params,options):params;
Wind.use('artDialog','iframeTools', function () {
art.dialog.open(url, params);
});
}
最新文章
- MVC 添加Area
- hive中的一些参数
- 轻量级IOC框架：Ninject （下）
- 翻译「C++ Rvalue References Explained」C++右值引用详解 Part8：Perfect Forwarding（完美转发）：解决方案
- poj 2773 利用欧拉函数求互质数
- php导出CSV时，超长数字精度丢失问题与前导0的字符串丢失0的问题解决
- poj 1753 Flip Game 高斯消元
- GCC和G++区别
- HTML基础入门
- nginx服务部署 说明
- C语言_了解下结构体指针
- js 获取二级域名
- NS3可视化及动画工具(PyViz和NetAnim)
- gcc的调试调研——gdb
- Redis学习笔记：与SpringBoot结合使用
- htmlElement.style 是只读属性
- utils.js和vue-loader.conf.js
- python使用WSGI接口实现简单网页
- 2018.07.08 POJ 2481 Cows（线段树）
- 支付宝小程序自定义弹窗插件|支付宝dialog插件|model插件
热门文章
- POJ 3537：Crosses and Crosses（Multi-Nim）
- 【二分答案】bzoj1639 [Usaco2007 Mar]Monthly Expense 月度开支
- 【拓扑排序】CODEVS 2833 奇怪的梦境
- python3开发进阶-Django框架的起飞加速一（ORM）
- [HNOI/AHOI2018]寻宝游戏
- 制作推送证书 and Code=3000 "未找到应用程序的“aps-environment”的权利字符串"
- asp.net 域名注册查询接口 支持批量后缀查询
- Nagle算法&&延时确认
- 分布式架构高可用架构篇_activemq高可用集群(zookeeper+leveldb)安装、配置、高可用测试
- 【SQL Server】sql server更改了数据表的字段/新增数据表的字段 无法保存