artdialog弹窗插件 气泡提示

artdialog适合做弹出的复杂页面,重量级。j query通知插件 jNotify，正确，错误，警告等

artDialog 是一个轻巧且高度兼容的javascript对话框组件，可让你的网页交互拥有桌面软件般的用户体验。

artDialog4

两个页面的交互：A页面：点击上传图片，弹出B页面并传递一个ID过去，

//上传图片
$("#UpImg").click(function() {
    if($("#ddlHotelList").val()!="-选择酒店-"){
    $(this).attr('disabled', false);
        // 把hotelId传递给图片上传页面
        art.dialog.data('hotelId', $("#lblHotelID").html()); // 存储数据
        art.dialog.open('/SystemManage/Hotel/ImageUp.aspx', {
            id: 'AAA',
            close: function() {
                var bValue = art.dialog.data('returnHotelId'); // 读取页面返回的数据
                if (bValue !== undefined){
                   alert("我回来了:"+bValue);
                }
            }
        },
        false);
    }
}

B页面：点击确定按钮，关闭并返回一个参数到主界面。

<script src="/js/jquery1.7.0.js" type="text/javascript"></script>
<script src="/artDialog/jquery.artDialog.source.js" type="text/javascript"></script>
<script src="/artDialog/plugins/iframeTools.source.js" type="text/javascript"></script>
<script type="text/javascript">
      $(function(){
        alert("这是从主页过来的酒店ID："+art.dialog.data('hotelId'));// 获取由主页面传递过来的数据
        $("#butOk").click(function(){
	       art.dialog.data('returnHotelId', art.dialog.data('hotelId'));// 存储数据
	       art.dialog.close();
        });
      })
</script>

iframe中使用jquery

art.dialog.open(url, {title: title, height: height, width: width, lock: true, window: "top",
    ok: function (iframeWin, topWin) {
        iframeWin.$('#dosubmit').click(function(){});
        return false;
    }
});

 artDialog5

var d = dialog({
	title: '消息',
	content: '风吹起的青色衣衫，夕阳里的温暖容颜，你比以前更加美丽，像盛开的花<br>',
	okValue: '确 定'
});
var elem = document.getElementById('test-content');
$('#test2').on('click', function () {
    d.content(elem).show();
});