183 lines
8.9 KiB
JavaScript
183 lines
8.9 KiB
JavaScript
/**
|
||
* Created by cxt on 2017/4/18.
|
||
*/
|
||
//---------------侧边固定提示功能---------------//
|
||
$(function(){
|
||
var $desc = $("<div class='-task-desc'></div>").appendTo("body");
|
||
$(".-task-sidebar>div").hover(function(){
|
||
var $tool = $(this).attr("tooltips");
|
||
$desc.html($tool+"<div><img src='../images/edu_user/jt.png'></div>");
|
||
$desc.css({
|
||
left:$(this).offset().left - $desc.width()-30,
|
||
opacity:0,
|
||
top:$(this).offset().top
|
||
}).stop().animate({
|
||
left:$(this).offset().left - $desc.width()-5,
|
||
opacity:1
|
||
},400);
|
||
},function(){
|
||
$desc.stop().animate({
|
||
left:$(this).offset().left - $desc.width()-30,
|
||
opacity:0
|
||
},200);
|
||
});
|
||
$(".gotop").click(function(){
|
||
$("html,body").scrollTop(0);
|
||
});
|
||
});
|
||
|
||
//------------------弹框相关--------------------//
|
||
function hideModal(el) {
|
||
if($("#popupWrap").length > 0){
|
||
$("#popupWrap").remove();
|
||
}
|
||
else{
|
||
var modal;
|
||
if (el) {
|
||
modal = $(el).parents('.ui-dialog-content');
|
||
} else {
|
||
modal = $('#ajax-modal');
|
||
}
|
||
modal.dialog("close");
|
||
}
|
||
}
|
||
|
||
// 公共弹框样式
|
||
// 建议左右栏的：Width：460，Height：190
|
||
// 建议宽屏对应值：Width：760，Height：500
|
||
function pop_box_new(value, Width, Height){
|
||
w = ($(window).width() - Width)/2;
|
||
h = ($(window).height() - Height)/2;
|
||
var container =$('<div></div>');
|
||
container.attr('id','popupWrap');
|
||
$(document.body).append(container);
|
||
$("#popupWrap").html(value);
|
||
$("#popupWrap").show();
|
||
$('#popupWrap').css({"top": h+"px","left": w+"px","padding":"0","border":"none","position":"fixed","z-index":"99999","background-color":"#fff"});
|
||
$('#popupWrap').find("a[class*='close']").click(function(){
|
||
$("#popupWrap").hide();
|
||
});
|
||
// w = ($(window).width() - Width)/2;
|
||
// h = ($(window).height() - Height)/2;
|
||
// $("#ajax-modal").html(value);
|
||
// showModal('ajax-modal', Width + 'px');
|
||
// $('#ajax-modal').siblings().remove();
|
||
// $('#ajax-modal').parent().css({"top": h+"px","left": w+"px","padding":"0","border":"none","position":"fixed"});
|
||
// $('#ajax-modal').parent().removeClass("resourceUploadPopup popbox_polls popbox");
|
||
// $('#ajax-modal').css({"padding":"0","overflow":"hidden"});
|
||
// $('#ajax-modal').parent().attr("id","popupWrap");
|
||
|
||
//拖拽
|
||
function Drag(id) {
|
||
this.div = document.getElementById(id);
|
||
if (this.div) {
|
||
this.div.style.cursor = "move";
|
||
this.div.style.position = "fixed";
|
||
}
|
||
this.disX = 0;
|
||
this.disY = 0;
|
||
var _this = this;
|
||
this.div.onmousedown = function (evt) {
|
||
_this.getDistance(evt);
|
||
document.onmousemove = function (evt) {
|
||
_this.setPosition(evt);
|
||
};
|
||
_this.div.onmouseup = function () {
|
||
_this.clearEvent();
|
||
}
|
||
}
|
||
}
|
||
Drag.prototype.getDistance = function (evt) {
|
||
var oEvent = evt || event;
|
||
this.disX = oEvent.clientX - this.div.offsetLeft;
|
||
this.disY = oEvent.clientY - this.div.offsetTop;
|
||
};
|
||
Drag.prototype.setPosition = function (evt) {
|
||
var oEvent = evt || event;
|
||
var l = oEvent.clientX - this.disX;
|
||
var t = oEvent.clientY - this.disY;
|
||
if (l <= 0) {
|
||
l = 0;
|
||
}
|
||
else if (l >= document.documentElement.clientWidth - this.div.offsetWidth) {
|
||
l = document.documentElement.clientWidth - this.div.offsetWidth;
|
||
}
|
||
if (t <= 0) {
|
||
t = 0;
|
||
}
|
||
else if (t >= document.documentElement.clientHeight - this.div.offsetHeight) {
|
||
t = document.documentElement.clientHeight - this.div.offsetHeight;
|
||
}
|
||
this.div.style.left = l + "px";
|
||
this.div.style.top = t + "px";
|
||
};
|
||
Drag.prototype.clearEvent = function () {
|
||
this.div.onmouseup = null;
|
||
document.onmousemove = null;
|
||
};
|
||
|
||
new Drag("popupWrap");
|
||
|
||
$("#popupWrap input, #popupWrap textarea, #popupWrap ul, #popupWrap a").mousedown(function(event){
|
||
event.stopPropagation();
|
||
new Drag("popupWrap");
|
||
});
|
||
}
|
||
|
||
//点击删除时的确认弹框: 不走destroy方法
|
||
function delete_confirm_box(url, str){
|
||
var htmlvalue = '<div class="task-popup" style="width:300px;"><div class="task-popup-title clearfix"><h3 class="fl color-grey">提示</h3><a href="javascript:void(0);" class="pop_close"><i class="fa fa-times-circle font-18 link-color-grey fr mt5"></i></a></div>'+
|
||
'<div class="task-popup-content"><p class="task-popup-text-center font-16">' + str + '</p></div><div class="task-popup-submit clearfix"><a href="javascript:void(0);" onclick="hideModal();" class="task-btn fl">取消</a>'+
|
||
'<a href="'+ url +'" class="task-btn task-btn-blue fr" data-remote="true">确定</a></div></div>';
|
||
pop_box_new(htmlvalue, 300, 140);
|
||
}
|
||
|
||
//点击删除时的确认弹框: 走destroy方法,remote为true
|
||
function delete_confirm_box_2(url, str){
|
||
var htmlvalue = '<div class="task-popup" style="width:300px;"><div class="task-popup-title clearfix"><h3 class="fl color-grey">提示</h3><a href="javascript:void(0);" class="pop_close"><i class="fa fa-times-circle font-18 link-color-grey fr mt5"></i></a></div>'+
|
||
'<div class="task-popup-content"><p class="task-popup-text-center font-16">' + str + '</p></div><div class="task-popup-submit clearfix"><a href="javascript:void(0);" onclick="hideModal();" class="task-btn fl">取消</a>'+
|
||
'<a href="'+ url +'" class="task-btn task-btn-blue fr" data-method="delete" data-remote="true">确定</a></div></div>';
|
||
pop_box_new(htmlvalue, 300, 140);
|
||
}
|
||
|
||
//点击删除时的确认弹框: 走destroy方法
|
||
function delete_confirm_box_3(url, str){
|
||
var htmlvalue = '<div class="task-popup" style="width:300px;"><div class="task-popup-title clearfix"><h3 class="fl color-grey">提示</h3><a href="javascript:void(0);" class="pop_close"><i class="fa fa-times-circle font-18 link-color-grey fr mt5"></i></a></div>'+
|
||
'<div class="task-popup-content"><p class="task-popup-text-center font-16">' + str + '</p></div><div class="task-popup-submit clearfix"><a href="javascript:void(0);" onclick="hideModal();" class="task-btn fl">取消</a>'+
|
||
'<a href="'+ url +'" class="task-btn task-btn-blue fr" data-method="delete">确定</a></div></div>';
|
||
pop_box_new(htmlvalue, 300, 140);
|
||
}
|
||
|
||
//提示框：只有一个按钮，点击关闭弹框
|
||
function notice_sure_box(str){
|
||
var htmlvalue = '<div class="task-popup" style="width:350px;"><div class="task-popup-title clearfix"><h3 class="fl color-grey">提示</h3><a href="javascript:void(0);" class="pop_close"><i class="fa fa-times-circle font-18 link-color-grey fr mt5"></i></a></div>'+
|
||
'<div class="task-popup-content"><p class="task-popup-text-center font-16">' + str + '</p></div><div class="task-popup-sure clearfix">'+
|
||
'<a href="javascript:void(0);" class="task-btn task-btn-blue" onclick="hideModal();">知道了</a></div></div>';
|
||
pop_box_new(htmlvalue, 350, 140);
|
||
}
|
||
|
||
//提示框：只有一个确定按钮，点击关闭弹框
|
||
function notice_box(str){
|
||
var htmlvalue = '<div class="task-popup" style="width:300px;"><div class="task-popup-title clearfix"><h3 class="fl color-grey">提示</h3><a href="javascript:void(0);" class="pop_close"><i class="fa fa-times-circle font-18 link-color-grey fr mt5"></i></a></div>'+
|
||
'<div class="task-popup-content"><p class="task-popup-text-center font-16">' + str + '</p></div><div class="task-popup-sure clearfix">'+
|
||
'<a href="javascript:void(0);" class="task-btn task-btn-blue" onclick="hideModal();">确定</a></div></div>';
|
||
pop_box_new(htmlvalue, 300, 140);
|
||
}
|
||
|
||
|
||
// 长提示框：只有一个确定按钮，点击关闭弹框
|
||
function long_notice_box(str){
|
||
var htmlvalue = '<div class="task-popup" style="width:380px;"><div class="task-popup-title clearfix"><h3 class="fl color-grey">提示</h3><a href="javascript:void(0);" class="pop_close"><i class="fa fa-times-circle font-18 link-color-grey fr mt5"></i></a></div>'+
|
||
'<div class="task-popup-content"><p class="task-popup-text-center font-16">' + str + '</p></div><div class="task-popup-sure clearfix">'+
|
||
'<a href="javascript:void(0);" class="task-btn task-btn-blue" onclick="hideModal();">确定</a></div></div>';
|
||
pop_box_new(htmlvalue, 380, 140);
|
||
}
|
||
|
||
//提示框：只有一个确定按钮，点击跳转
|
||
function notice_box_redirect(url, str){
|
||
var htmlvalue = '<div class="task-popup" style="width:300px;"><div class="task-popup-title clearfix"><h3 class="fl color-grey">提示</h3><a href="'+ url +'" class="pop_close"><i class="fa fa-times-circle font-18 link-color-grey fr mt5"></i></a></div>'+
|
||
'<div class="task-popup-content"><p class="task-popup-text-center font-16">' + str + '</p></div><div class="task-popup-sure clearfix">'+
|
||
'<a href="'+ url +'" class="task-btn task-btn-blue">确定</a></div></div>';
|
||
pop_box_new(htmlvalue, 300, 140);
|
||
}
|