artDialog4.0.5

1.  
   art.dialog({
2.  
   content: '我支持HTML'
3.  
   });

1.  
   art.dialog({
2.  
   content: document.getElementById('demoCode_content_DOM'),
3.  
   id: 'EF893L'
4.  
   });

1.  
   var tmpl = document.getElementById('tmpl_demoCode_content').innerHTML;
2.  
   art.dialog({
3.  
   content: {
4.  
   code: 0,
5.  
   users: ['糖饼', '月月鸟', '水水', '丽丽', '花花', '大叔'],
6.  
   me: '糖饼',
7.  
   web: 'http://www.planeart.cn'
8.  
   },
9.  
   tmpl: tmpl
10.  
    });

1.  
   art.dialog({
2.  
   title: 'hello world!'
3.  
   });

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

1.  
   art.dialog({
2.  
   id: 'testID',
3.  
   content: 'hello world!',
4.  
   button: [
5.  
   {
6.  
   name: '同意',
7.  
   callback: function () {
8.  
   this.content('你同意了').time(2);
9.  
   return false;
10.  
    },
11.  
    focus: true
12.  
    },
13.  
    {
14.  
    name: '不同意',
15.  
    callback: function () {
16.  
    alert('你不同意')
17.  
    }
18.  
    },
19.  
    {
20.  
    name: '无效按钮',
21.  
    disabled: true
22.  
    },
23.  
    {
24.  
    name: '关闭我'
25.  
    }
26.  
    ]
27.  
    });

1.  
   art.dialog({
2.  
   time: 2,
3.  
   content: '两秒后关闭'
4.  
   });

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

1.  
   art.dialog({
2.  
   icon: 'succeed',
3.  
   content: '我可以定义消息图标哦'
4.  
   });

1.  
   art.dialog({
2.  
   padding: 0,
3.  
   title: false,
4.  
   content: '<img src="./images/photo.jpg" width="379" height="500" />',
5.  
   lock: true
6.  
   });

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

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

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

1.  
   art.dialog({
2.  
   left: 100,
3.  
   top: '60%',
4.  
   content: '我改变坐标了'
5.  
   });

1.  
   art.dialog({
2.  
   id: 'msg',
3.  
   title: '公告',
4.  
   content: 'hello world!',
5.  
   width: 320,
6.  
   height: 240,
7.  
   left: '100%',
8.  
   top: '100%',
9.  
   fixed: true,
10.  
    drag: false,
11.  
    resize: false
12.  
    })

1.  
   art.dialog({
2.  
   width: '20em',
3.  
   height: 55,
4.  
   content: '尺寸可以带单位'
5.  
   });

1.  
   art.dialog({
2.  
   width: '100%',
3.  
   height: '100%',
4.  
   left: '0%',
5.  
   top: '0%',
6.  
   fixed: true,
7.  
   resize: false,
8.  
   drag: false
9.  
   })

1.  
   art.dialog({
2.  
   fixed: true,
3.  
   content: '请拖动滚动条查看'
4.  
   });

1.  
   art.dialog({
2.  
   drag: false,
3.  
   resize: false,
4.  
   content: '禁止拖拽'
5.  
   });

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

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

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

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

1.  
   var dialog = art.dialog({
2.  
   title: '警告',
3.  
   content: '点击管理按钮将让删除按钮可用',
4.  
   width: '20em',
5.  
   button: [{
6.  
   name: '管理',
7.  
   callback: function () {
8.  
   this.content('我更改了删除按钮').button({
9.  
   name: '删除',
10.  
    disabled: false
11.  
    });
12.  
    return false;
13.  
    },
14.  
    focus: true
15.  
    }]
16.  
    });
17.  
     
18.  
    dialog.button(
19.  
    {
20.  
    name: '删除',
21.  
    callback: function () {
22.  
    alert('remove')
23.  
    },
24.  
    disabled: true
25.  
    }
26.  
    )

1.  
   art.dialog({
2.  
   id: 'show-hide',
3.  
   content: '关闭后阻止对话框被删除，只隐藏对话框',
4.  
   closeFn: function () {
5.  
   this.hide();
6.  
   return false;
7.  
   }
8.  
   }).show();

1.  
   var dialog = art.dialog({id: 'N3690'});
2.  
    
3.  
   // jQuery ajax
4.  
   $.ajax({
5.  
   url: './ajaxContent/login.html',
6.  
   success: function (data) {
7.  
   dialog.content(data);
8.  
   },
9.  
   cache: false
10.  
    });