artdialog弹出方式

art.dialog({ content: ‘我支持HTML‘ });

art.dialog({ content: document.getElementById(‘demoCode_content_DOM‘), id: ‘EF893L‘ });

var tmpl = document.getElementById(‘tmpl_demoCode_content‘).innerHTML; art.dialog({ content: { code: 0, users: [‘糖饼‘, ‘月月鸟‘, ‘水水‘, ‘丽丽‘, ‘花花‘, ‘大叔‘], me: ‘糖饼‘, web: ‘http://www.planeart.cn‘ }, tmpl: tmpl });

art.dialog({ title: ‘hello world!‘ });

art.dialog({ content: ‘如果定义了回调函数才会出现相应的按钮‘, yesFn: function () { this.title(‘3秒后自动关闭‘).time(3); return false; }, noText: ‘关闭‘, noFn: true //为true等价于function(){} });

art.dialog({ id: ‘testID‘, content: ‘hello world!‘, button: [ { name: ‘同意‘, callback: function () {this.content(‘你同意了‘).time(2); return false; }, focus: true }, { name: ‘不同意‘, callback: function () {alert(‘你不同意‘) } }, { name: ‘无效按钮‘, disabled: true }, { name: ‘关闭我‘ } ] });

art.dialog({ time: 2, content: ‘两秒后关闭‘ });

art.dialog({ id: ‘testID‘, content: ‘再次点击运行看看‘ }); art.dialog({id: ‘testID‘}).title(‘3秒后关闭‘).time(3);

art.dialog({ icon: ‘succeed‘, content: ‘我可以定义消息图标哦‘ });

art.dialog({ padding: 0, title: false, content: ‘<img src="./images/photo.jpg" width="379" height="500" />‘, lock: true });

art.dialog({ lock: true, background: ‘#600‘, // 背景色 opacity: 0.7, // 透明度 content: ‘中断用户在对话框以外的交互，展示重要操作与消息‘, icon: ‘error‘, yesFn: function () { art.dialog({content: ‘再来一个锁屏‘, lock:true}); return false; }, noFn: true });

art.dialog({ follow: document.getElementById(‘followTestBtn‘), content: ‘让对话框跟着某个元素，一个元素同时只能出现一个对话框‘ });

art(‘#demoCode_follow_a‘).dialog({ content: ‘让对话框跟着某个元素，一个元素同时只能出现一个对话框‘ });

art.dialog({ left: 100, top: ‘60%‘, content: ‘我改变坐标了‘ });

art.dialog({ id: ‘msg‘, title: ‘公告‘, content: ‘hello world!‘, width: 320, height: 240, left: ‘100%‘, top:‘100%‘, fixed: true, drag: false, resize: false })

art.dialog({ width: ‘20em‘, height: 55, content: ‘尺寸可以带单位‘ });

art.dialog({ width: ‘100%‘, height: ‘100%‘, left: ‘0%‘, top: ‘0%‘, fixed: true, resize: false, drag: false })

art.dialog({ fixed: true, content: ‘请拖动滚动条查看‘ });

art.dialog({ drag: false, resize: false, content: ‘禁止拖拽‘ });

var dialog = art.dialog({ title: ‘我是对话框‘, content: ‘我是初始化的内容‘ }); dialog.content(‘对话框内容被控制接口改变了‘).title(‘提示‘);

art.dialog({ id: ‘KDf435‘, title: ‘警告‘, content: ‘我是初始化的内容‘ }); art.dialog.list[‘KDf435‘].content(‘对话框内容被控制接口改变了‘).time(2);

art.dialog({ title: ‘警告‘, content: ‘我是初始化的内容‘, yesFn: function () { this.content(‘你点了确定按钮‘).position(‘50%‘, null).lock().time(2); return false; }, initFn: function () { this.content(‘对话框内容被控制接口改变了‘); } });

var list = art.dialog.list; for (var i in list) { list[i].close(); };

var dialog = art.dialog({ title: ‘警告‘, content: ‘点击管理按钮将让删除按钮可用‘, width: ‘20em‘, button: [{ name: ‘管理‘, callback: function () { this.content(‘我更改了删除按钮‘).button({ name: ‘删除‘, disabled:false }); return false; }, focus: true }] }); dialog.button( { name: ‘删除‘, callback: function () {alert(‘remove‘) }, disabled: true } )

art.dialog({ id: ‘show-hide‘, content: ‘关闭后阻止对话框被删除，只隐藏对话框‘, closeFn: function () {this.hide(); return false; } }).show();

var dialog = art.dialog({id: ‘N3690‘}); // jQuery ajax $.ajax({ url: ‘./ajaxContent/login.html‘, success:function (data) { dialog.content(data); }, cache: false });