artDialog4 有什么新功能?
支持自定义按钮
内容支持传入DOM元素
元素完整移动到对话框中,所以原有的事件与属性都将会保留;如果隐藏元素被传入到对话框,会设置display:block属性显示该元素;对话框关闭的时候元素将恢复到原来在页面的位置,style display属性也将恢复
var dialog = art.dialog({
content: document.getElementById('DOMContentWrap'),
id: 'D345'
});
支持百分比位置与尺寸
使用百分比作为参数,浏览器窗口尺寸调整也能执行适应
var dialog = art.dialog({
left: '100%',
top: '100%',
width: 240,
height: '100%',
fixed: true,
resize: false
});
跨框架交换数据
框架与框架之间以及与主页面之间进行数据交换是非常头疼的事情,常规情况下你必须知道框架的名称才能进行数据交换,如果是在复杂的多层框架下操作简直就是噩梦——但在artDialog4中这一切完全被简化,它有一个统一的数据共享接口,可以共享任意类型的数据,任何页面都能使用同一接口获取数据。
art.dialog.data('test', document.getElementById('demoInput04-3').value);
art.dialog.open('./iframeA.html');
// 此时 iframeA.html 页面可以使用 art.dialog.data('test') 获取到数据,如:
// document.getElementById('aInput').value = art.dialog.data('test');