artDialog hello world

博客原址 http://blog.csdn.net/weinierbian/article/details/7566459

首先引用js

<script type="text/javascript" src="<%=ctx%>/resources/js/plugin/jquery.pagination.js"></script>
<script type="text/javascript" src="<%=ctx%>/resources/js/artDialog/jquery.artDialog.js?skin=default"></script>

demo

 function a(){    
               art.dialog({content:'hello world!历史'})
              }
    function b(){ 
       art.dialog(
        {
            content:'欢迎你来到对话框世界！',
            lock:true,
            style:'succeed noClose'
        },
        function(){
            alert('你点了确定'); //不管点了确定还是取消默认都会关闭artdialog，除非在这里面返回false
        },
        function(){
            alert('你点了取消');
        }
                 );
               }
    function c(){
    art.dialog(
    {
    title:'图片查看',
    fixed:true,
      content:'<img width="817" height="479" src="butterfly.jpg" />'
                 });
    //return false;
   };
    function d(){
   // art.dialog({title:'dialog内嵌iframe', iframe:'http://www.baidu.com', width:'900', height:'500'});


   //已经没有了直接的iframe属性  通过下面的方式内嵌iframe  第二种效果不佳
   art.dialog.open("http://www.baidu.com", {width: 320, height: 400});
   // art.dialog({title:'dialog内嵌iframe', width:'900px',height:'500px', content:"<iframe align='right' src='http://www.baidu.com' width:'100%' height:'100%' />"});
    return false;
   };
    function e(){
    art.dialog(
    {
    title:'动画',
    fixed:true,
      content:'<embed src="ddd.rm" type="audio/x-pn-realaudio-plugin" autostart="true" width="420" height="363"></embed>'
                 });
  
   }; //播放avi总是只有声音，没有画面，哎！
function f(){
    art.dialog({content:'你人品稳定么？', fixed:true, yesText:'我很稳定', style:'confirm', id:'bnt4_test'},
    function(){
           art.dialog({id:'bnt4_test'}).content('你骗人！');
          return false;//这样对话框才不会关闭
        },
     function(){alert('你是坏人');}//按右上角的叉关闭对话框也会执行这个函数
     );
   };
   function g(){
    art.dialog({mouse:true, id:'dg_test34243', content:'您收到 <strong>2</strong> 条消息',left:'right',width:'15em', top:'bottom', fixed:true});
   };
   function h(){
    art.dialog({id:'dg_test34243'}).close();
   };
   function i(){
          var _this = document.getElementById('btn7');
          if (document.getElementById('menu_4834783')) {//如果已经打开了对话框，按这个按钮还能把它关闭
                                                        art.dialog({id:'menu_4834783'}).close();
                                                        _this.innerHTML = '弹出菜单'; //button上显示的内容
                                                        return;
                                                       };
    art.dialog({id:'menu_4834783', title:'菜单', content:'请输入：<input style="width:200px;" id="M_dfd" type="text" value="hello world!" />',
               button:[{name:'确定',callback:function(){ 
                                                      var a=document.getElementById('M_dfd').value;
                                                      art.dialog({content:a, lock:true, time:1});
                                                     }
                        },
                       {name:'关闭我',callback:function(){_this.innerHTML = '弹出菜单';}}
                       ]
              }
              ); 
    _this.innerHTML = '关闭菜单';
    return false;
    };                     

附说明文档 http://demo.jb51.net/js/2011/artDialog/

附加说明 需求是弹出框关闭的时候父窗体要刷新一次，重新查一次数据库把不需要的信息给过滤掉

之前是这样想的

$("#replySubmit").click(function(){
            $("#form1").submit();
            art.dialog.close();

          window.location.href="www.baidu.com";

    });

后来fireBug 调试n次 都没有把window 给alert 出来 还以为是火狐不兼容window所致

后来发现在执行art.dialog.close()之后 下边代码已经不会执行了 因为这个窗体已经关闭了。

所以要执行刷新操作 就必须在页面关闭前操作 后来百度了下 该了如下代码

    $("#replySubmit").click(function(){
            $("#form1").submit();
            var win = art.dialog.open.origin;
            win.location.reload();
            art.dialog.close();
    });

然后通过

但是发现这个用ＩＥ　打开ok 但是用firefox或者chrome就不行