artDialog的幾個封裝方法

簡單整理了幾個artDialog的經常使用方法,便於開發中使用。話很少說,直接貼上代碼:javascript

git連接:  http://git.oschina.net/sunss/6nvw59x7ie1acgfpro4ub87.code.gitjava

/**
 * 跳轉到頁面
 * 
 * @author sunss
 * @date 2015年11月23日 上午9:07:17
 * @param url
 */
function goToPage(url) {
	window.location.href = url;
}

/**
 * 打開頁面
 * 
 * @param url
 */
function openPage(url) {
	window.open(url);
}

/**
 * 彈出層 確認 取消
 * 
 * @author sunss
 * @date 2015年12月23日 上午9:43:46
 * @param title
 * @param content
 * @param okFunction
 * @param cencelFunction
 * @param options
 * @returns
 */
function atrConfirm(title, content, okFunction, cencelFunction, options) {
	var d = dialog({
		title : title,
		content : content,
		opacity : 0.05, // 透明度
		button : [ {
			value : '肯定',
			callback : function() {
				okFunction(options);
			}

		}, {
			value : '取消',
			callback : function() {
				if (cencelFunction) {
					cencelFunction;
				}
				d.close().remove();
			},
			autofocus : true
		} ]
	});
	d.showModal();
	return d;
}

/**
 * 加載一個div裏面的內容爲彈出層
 * 
 * @param title
 * @param divid
 * @returns
 */
function atrConfirm(title, divid) {
	var d = dialog({
		title : title,
		content : $("#" + divid),
		opacity : 0.05
	// 透明度
	});
	d.showModal();
	return d;
}

/**
 * 執行post方法
 * 
 * @param url
 * @param data
 * @param functions
 */
function optionAjaxPost(url, data, functions) {
	$.ajax({
		type : "post",
		traditional : true,
		url : url,
		data : data,
		dataType : "json",
		success : function(data) {
			functions(data);
		},// success
		error : function() {
			alert("操做失敗!");
		}
	});// AJAX
}
/**
 * 彈出層 提示 多少秒後關閉的那種
 * 
 * @author sunss
 * @date 2015年12月23日 上午9:27:39
 * @param content
 * @param time
 * @returns
 */
function atrTip(content, time) {
	var d = dialog({
		content : content,
		opacity : 0.05
	// 透明度
	});
	d.showModal();
	setTimeout(function() {
		d.close().remove();
	}, time);
	return d;
}

/**
 * 1.5秒後關閉
 * 
 * @param content
 * @returns
 */
function atrTip(content) {
	var d = dialog({
		content : content,
		opacity : 0.05
	// 透明度
	});
	d.showModal();
	setTimeout(function() {
		d.close().remove();
	}, 1500);
	return d;
}

/**
 * 加載一個頁面
 * 
 * @author sunss
 * @date 2015年12月23日 上午10:44:45
 * @param title
 * @param url
 * @returns
 */
function atrUrl(title, url) {
	return atrUrl(title, url, 800);
}

/**
 * 帶寬度的 加載一個頁面
 * 
 * @param title
 * @param url
 * @param width
 * @returns
 */
function atrUrl(title, url, width) {
	var d = dialog({
		"url" : url,
		title : title,
		background : '#EEE', // 背景色
		opacity : 0.05,// 透明度
		width : width
	});
	d.showModal();
	return d;
}

/**
 * 帶寬度的高度的 加載一個頁面
 * 
 * @param title
 * @param url
 * @param width
 * @returns
 */
function atrUrl2(title, url, width, height) {
	var d = dialog({
		"url" : url,
		title : title,
		background : '#EEE', // 背景色
		opacity : 0.05,// 透明度
		width : width,
		height : height
	});
	d.showModal();
	return d;
}

/**
 * 跟隨一個元素顯示彈出層
 * 
 * @param elem
 * @param contents
 * @param type
 */
function showMore(elem, contents, type) {
	var align = "bottom";
	if (!type) {
		align = type;
	}
	var d = dialog({
		align : type,
		quickClose : true,
		content : contents
	});
	d.show(elem);
}

QQ羣:530456619 git

My_QQ:707012377  ajax

相關文章
相關標籤/搜索