1. الطريقة القياسية
نسخ رمز رمز على النحو التالي:
<script type = "text/javaScript">
وظيفة Openwin (SRC ، العرض ، الارتفاع ، ShowScroll) {
window.showmodaldialog (src ، "" ، "الموقع: لا ؛ الحالة: لا ؛ مساعدة: لا ؛ حوار:"+width+"؛ حوار:"+ارتفاع+"؛ wscroll+" ؛ "؛") ؛
}
</script>
مثال: <span style = "cursor: pointer" onClick = "Openwin
('//www.vevb.com' ، '500px' ، '400px' ، 'no') "> انقر فوق </span>
2. تجدر الإشارة إلى أن Firefox لا يدعم الوظيفة.
window.Open
('Openwin.html' ، 'newwin' ، 'modal = yes ، width = 200 ، height = 200 ، resizable = no ، scrollbars = no') ؛
3. كيفية الحكم تلقائيًا على المتصفح
نسخ رمز رمز على النحو التالي:
<type type = "button" value = "افتح مربع الحوار" onClick = "showDialog ('#')"/>/>
<script language = "javaScript">
<!-
وظيفة showdialog (url)
{{
إذا (document.all) // أي
{{
ميزة = "DialogWidth: 300px ؛ dialogheight: 200px ؛ الحالة: لا ؛ مساعدة: لا" ؛
window.showmodaldialog (url ، null ، الميزة) ؛
}
آخر
{{
// يمكن أن يحل ModelessDialog محل وسيط مع مربع الحوار = نعم
ميزة = "العرض = 300 ، الارتفاع = 200 ، مينوبار = لا ، شريط الأدوات = لا ، الموقع = لا ،" ؛؛؛؛؛؛
ميزة+= "scrollbars = لا ، الحالة = لا ، modal = نعم" ؛
Window.Open (url ، null ، الميزة) ؛
}
}
//->
</script>
4. في IE ، سوف يخفي مربع الحوار الوسيط شريط العناوين ، في حين أن المتصفحات الأخرى ليست بالضرورة
[ملاحظة] في متصفح Google ، سيفشل تأثير هذا الوسيط أيضًا.
5. عمومًا ، عندما يظهر مربع الحوار ، نأمل جميعًا أن تصبح خلفية صفحة الأب بأكملها لونًا شفافًا ، بحيث يمكن للمستخدمين رؤية أنه لا يمكن الوصول إليها لاحقًا.
بعد إغلاق مربع الحوار ، آمل أن أعيد الاستعادة
كيف فعل هذا؟
نسخ رمز رمز على النحو التالي:
/// عرض المعلومات التفصيلية لترتيب معين ، من خلال مربع حوار وسيط ، وستتغير الشاشة اللون
وظيفة دش الدش (orderid) {
var url = "detailss.aspx؟ orderid =" + orderId ؛
// $ ("الجسم").
// مرشح: ألفا (عتامة = 50)
$ ("الجسم").
showdetailsdialog (url ، "600px" ، "400px" ، "نعم") ؛
$ ("الجسم").
}
بالإضافة إلى ذلك ، هناك تعريف جدول نمط
.body1
{{
لون الخلفية:#999999 ؛
مرشح: ألفا (التعتيم = 40) ؛
}
نسخ رمز رمز على النحو التالي:
<٪@page language = "c#" autoeeventwireup = "true" codebehind = "webform1.aspx.cs" errantits = "webapplication1.webform1" ٪>
<!
<html xmlns = "http://www.w3.org/1999/xhtml">
<head runat = "server">
<title> </title>
<type type = "text/css">
.body1 {{
لون الخلفية:#999999 ؛
مرشح: ألفا (التعتيم = 40) ؛
}
</style>
<script src = "jquery.js" type = "text/javaScript"> </script>
<script type = "text/javaScript">
وظيفة showdetailsdialog (SRC ، العرض ، الارتفاع ، ShowScroll) {{
window.showmodaldialog (src ، "" ، "الموقع: لا ؛ الحالة: لا ؛ مساعدة: لا ؛ حوار الحوار:" + width + "؛ dialogheight:" + height + "؛ scroll +" ؛ ") ؛
}
وظيفة دش الدش (orderid) {
var url = 'detachs.aspx؟
$ ("الجسم").
showdetailsdialog (url ، '500px' ، '400px' ، 'no') ؛
$ ("الجسم").
}
</script>
</head>
<body>
<found id = "form1" runat = "server">
<viv>
<span style = "cursor: pointer" onClick = "showorderDetails (11)"> انقر فوق </span>
</div>
</form>
</body>
</html>