软件开发|编程技术|编程代码|编程入门先学什么—程序设计语言

lhgdialog弹窗插件 气泡提示

跨平台兼容特性

兼容:IE6+、Firefox、Chrome、Safari、Opera以及iPad等移动设备。并且IE6下也能支持现代浏览器的静止定位(fixed)、覆盖下拉控件、alpha通道png背景。


function confirmDel(oid) {//多个参数    dialog_confirm_callBack('确定要取消吗', orderCallback, {orderId: oid});}function orderCallback(data) {    $.ajax({        type: "get",        url: "<?php echo $this->createUrl('/pc/ajax/orders')?>",        data: {id: data.orderId, op: 'cancel'},        dataType: "json",        success: function (msg) {            dialogObj.content('取消订单成功!');            window.location.reload();        }    })}var api = frameElement.api, W = api.opener;$.dialog({    title: '客户退回',    content: 'url: ' + winurls,    id: 'WinMessage',    ok: function () { //点击按钮调用子窗口的方法        result = this.iframe.contentWindow.submitForm();    }});api.get('KDf435').content('对话框内容被扩展方法改变了').close();api.get('demo_ZB').document.getElementById('zone_id').value;// api.get('demo_ZB') 返回的是id为'demo_ZB'的B窗口的内容页的window对象function reloadB(){    if( !api.get('demo_ZB') || !api.get('demo_ZB') )    alert( '请先打开B窗口' );else    api.reload( api.get('demo_ZB') );}//刷新当前窗口指定链接,并遮罩api.reload(window, '/index.html');api.lock();
皮肤设置
<script type="text/javascript" src="lhgdialog.min.js?skin=chrome"></script>
 lhgdialog可以直接传url
function dialog_confirm_callBack(content, okCallBack, opts) {    var setting = $.extend({width: 300, height: 300, okBtnLabel: '确定', cancelBtnLabel: '取消', title:'系统消息'}, opts);    var dialogObj = $.dialog({        id: 'win_confirm',        fixed: true,        title: setting.title,        width: setting.width,        height: setting.height,        content: content,        okVal: setting.okBtnLabel,        ok: function () {            delete setting.width;            delete setting.height;            delete setting.okBtnLabel;            delete setting.cancelBtnLabel;            delete setting.title;            okCallBack.apply(this, [setting]);            return false;        },        cancelVal: setting.cancelBtnLabel    });}/** *  系统右下角消息,3秒内关闭 * @param content 内容 */function dialog_system_msg(content) {    $.dialog({        id: 'msg',        title: '系统消息',        content: content,        width: 200,        height: 100,        time: 3,        left: '100%',        top: '100%',        fixed: true,        drag: false,        resize: false    });}/** * 提示 跳转新的网址 * * @param url 新的跳转网址 * @param txt 内容 */function dialog_confirm(url, txt) {    $.dialog({id:"dialog_confirm", content: txt, icon: "warning", lock: "true", ok: function () {        location.href = url;    }});}/** * 提问消息[prompt]显示对话框 * * @param url 地址 * @param title 标题 * @param inputId 接收值的元素ID */function dialog_prompt(txt, defaultVal, inputId) {    if (txt == undefined) txt = "";    if (defaultVal == undefined) defaultVal = "";    $.dialog.prompt(txt, function (data) {        if (inputId != undefined) {            $("#inputId").val(data);        }    }, defaultVal);}/** * alert 警告消息 提示 3s 关 * lock 锁屏 * * @param txt 内容 */function dialog_alert(txt) {    $.dialog({id:"msg", time: 3, content: txt, lock: true, icon: "warning", title: "提示消息"});}/** * 提示消息[tips] * 1.5秒自动关闭 * @param txt 提示内容 */function dialog_tips(txt) {    $.dialog.tips(txt, 1.5);}/** * open IFrame 打开指定连接的对话框 * lock 锁屏 * @param url 地址 */function dialog_open(url, opts) {    var setting = $.extend({width: '500px', height: '460px', title: ''}, opts || {});    $.dialog({id:"dialog_win", title: setting.title, content: "url:" + url, height: setting.height, width: setting.width, lock: false,ok: function () {        this.hide();        return false;    }});}function dialog_image(url, opts) {    var setting = $.extend({width: '500', height: '460', title: ''}, opts || {});    $.dialog({        id: 'image_win',        title: setting.title,        lock: true,        content: '<img src="' + url + '" width="' + setting.width + '" height="' + setting.height + '"/>',        padding: 0    });}
  jNotify.rar (13.2 KB) 下载次数: 1 lhgdialog_4.2.rar (228.7 KB) 下载次数: 1