利用javascript開啟模態對話框(範例程式碼)_javascript技巧

1. 標準的方法

複製程式碼 程式碼如下:

程式碼如下:



程式碼如下:

程式碼🎜> 

例：點選 
2. 要注意的是，Firefox並不支援該功能，它支援的語法是

window.open  ('openwin.html','newWin', 'modal=yes, width=200,height=200,resizable=no, scrollbars=no' );  3. 如何自動判斷瀏覽器

複製程式碼



複製程式碼


程式碼>
 
 

   else 
   {    idth=300,height =200,menubar=no,toolbar=no,location=no,";     feature ="scrollbars=no,status=no,modal=yes";   
ature   window.open(url,null,ature);    } 

  }    //--> 

4. 在IE中，模態對話方塊會隱藏位址列，對話方塊會隱藏位址欄而在其他瀏覽器則不一定

【注意】在Google瀏覽器中，這個模態的效果也會失效。

5. 一般在彈出對話框的時候，我們都希望整個父頁的背景變成一個半透明的顏色，讓使用者看到後面是不可以訪問的

而關閉對話框之後又希望還原

這是怎麼做到的呢？

複製代碼

代碼如下:

   訊息，透過一個模態對話框，而且螢幕會變成顏色

        function ShowOrderDetails(orderId) {
          
//            $("body").css("filter", "Alpha(Opacity=20)");

      
            $("body").addClass("body1");

            ShowDetailsDialog(url, "600px", "400px", "yes");

            $("body").removeClass("body1");
        }

另外，有一個樣式表定義.body1{    background -color:#999999;    filter:Alpha(Opacity=40);}

複製程式碼複製程式碼