モーダルダイアログオプション

モーダルとしてウィンドウを開きます。 window.showModalDialog（http://www.google.com "、" dialogWidth：500px; dialogHeight：500px "）モーダルダイアログオプション

高さをどのように設定するのですか？チュートリアルを見つけることができるオプションボタン、メニューなどが好きですか？

EDIT

これは、Mozilla Firefoxで動作しますが、人々はそれがないと言っています！

私のコードがある

誰かが表示目的

<html> 
<head> 
<script> 
    function abc() { 
     window.showModalDialog("3.htm", "", "dialogWidth:500px;dialogHeight:500px"); 
    } 
</script> 
</head> 
<body> 
<input type="button" id="check" name="check" onclick="abc()" value="open"/> 
</body> 
</html>

セカンドEDIT

ページ3.htmのコード

 <html> 
<head> 
<script> 
function abc(){ 
close() 
} 
</script> 
</head> 
<body> 
<input type="button" id="check" name="check" onclick="abc()" value="close"/> 
</body> 
</html>

チェックのための私のサンプルコードを編集してください。両方のコードを出す火の狐に！教えてください。それは、コルム・オペラで働いていない

サードEDIT

[OK]を

出典

2009-04-24 Vikas

どのモーダルウィンドウコードを使用していますか？ – superUntitled

はshowModalDialogが、特定のIEであり、必ずしも他のブラウザでは動作しませんので注意してください。クロスブラウザーモーダルダイアログが必要な場合は、divを使用してページの残りの部分を隠し、ダイアログを上に重ねる必要があります。すでにこれを処理する既存のjavascriptライブラリを使用する方が簡単です。

出典

2009-04-24 06:10:57 Steven

これはFirefox 3以降は当てはまりません。 – cdmckay

ウェブアプリケーションでポップアップを使用しないことをお勧めします。モーダルダイアログのように見えるが、ポップアップよりも優れているフローティングdivを使用してください。

出典

2009-04-24 06:16:03

JQuery UIは適切なポップアップ/モーダルダイアログAPIを備えており、実装が非常に簡単なBoxyプラグインを使用しました。

これらはクロスブラウザで使いやすいです。箱型の使用を使用してページをロードするには

出典

2009-04-24 08:15:20 Fermin

はい、私はそれを見ましたが、同じボックスのウィンドウで新しいページを開くことができません。 – Vikas

：

var boxyPopup; 
Boxy.load("aPage.html", 
      {title: "Title", 
      modal: true, 
      fixed: false, 
      afterShow: function(){ 
       boxyPopup = this;}});

私はあなたがそれを同じ箱型のウィンドウに新しいページを開くことができますが、参照としてboxyPopupのVARを持っているより上を使用していないことで何を意味するかわからないんだけど開いたboxyオブジェクトにアクセスし、それを使用してコンテンツにアクセス/変更することができます。

出典

2009-04-24 14:22:59 Fermin

モーダルダイアログオプション

答えて

関連する問題