JavaScriptを使用してモーダルダイアログボックスを開く（サンプルコード）_JavaScriptスキル

1. 標準的な方法

コードをコピーします コードは次のとおりです:

例: Click

2. Firefox がサポートする構文は

であることに注意してください。

window.open
('openwin.html','newWin', 'modal=はい、幅=200、高さ=200、サイズ変更可能=いいえ、スクロールバー=いいえ' );

3. ブラウザを自動的に判別する方法

コードをコピーします コードは次のとおりです。

<スクリプト言語="JavaScript"> 🎜> <--

function showDialog(url)
{
if( document.all ) //IE
{
feature="dialogWidth:300px;dialogHeight:200px;status :no;help :no";
window.showModalDialog(url,null,feature);
}
else
{
//modelessDialog はモーダルを Dialog=yes に置き換えることができます
機能 =" 幅 = 300、高さ = 200、メニューバー = いいえ、ツールバー = いいえ、場所 = いいえ、";
機能 =" スクロールバー = いいえ、ステータス = いいえ、モーダル = はい";
ウィンドウを開く(url, null,feature);
}
}
//-->


4.モーダル ダイアログ ボックスではアドレス バーが非表示になりますが、他のブラウザでは必ずしも非表示になるわけではありません

【注意】Google Chromeでは、このモーダルの効果も無効となります。

5. 通常、ダイアログ ボックスが表示されると、親ページ全体の背景を半透明の色に変更して、背面にアクセスできないことがユーザーにわかるようにしたいと考えます。

ダイアログ ボックスを閉じた後、復元したいと思います

これはどのように行われますか?

コードをコピー

コードは次のとおりです: ///詳細を表示しますモーダル ダイアログ ボックスを通じて注文情報を確認すると、画面の色が変わります。 function ShowOrderDetails(orderId) { var url = "details.aspx?orderID=" orderId; // $（ "ボディ"）

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

ShowDetailsDialog(url, "600px", "400px", "はい");
$("body"). -color:#999999;
filter:Alpha(Opacity=40);
}

コードをコピー

コードは次のとおりです:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebApplication1.WebForm1" %>

点击

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。