1. Metode Standar
Salin kode kode sebagai berikut:
<type skrip = "Teks/JavaScript">
Fungsi openwin (src, lebar, tinggi, showcroll) {
Window.showmodaldialog (src, "", "Lokasi: Tidak; Status: Tidak; Bantuan: Tidak; dialogwidth:"+lebar+"; dialogHeight:"+tinggi+"; wscroll+"; ";");
}
</script>
Contoh: <span style = "kursor: pointer" onclick = "openwin
('//www.vevb.com', '500px', '400px', 'no') "> klik </span>
2. Perlu dicatat bahwa Firefox tidak mendukung fungsi tersebut.
window.open
('Openwin.html', 'newwin', 'modal = ya, lebar = 200, tinggi = 200, dapat diputar ulang = tidak, scrollbars = tidak');
3. Cara menilai browser secara otomatis
Salin kode kode sebagai berikut:
<input type = "Tombol" value = "Buka kotak dialog" OnClick = "showDialog ('#')"//>/>
<Bahasa skrip = "javascript">
<!-
Function Showdialog (URL)
{{
if (document.all) // yaitu
{{
Fitur = "DialogWidth: 300px; DialogHeight: 200px; Status: Tidak; Bantuan: Tidak";
Window.showmodaldialog (url, null, fitur);
}
kalau tidak
{{
// modelessDialog dapat menggantikan modal dengan dialog = ya
Fitur = "lebar = 300, tinggi = 200, menubar = tidak, toolbar = tidak, lokasi = tidak," ;;;;
Fitur+= "scrollbars = tidak, status = tidak, modal = ya";
Window.open (url, null, fitur);
}
}
//->
</script>
4. Di IE, kotak dialog modal akan menyembunyikan bilah alamat, sementara browser lainnya tidak harus
[Catatan] Di Google Browser, efek modal ini juga akan gagal.
5. Umumnya, ketika kotak dialog muncul, kita semua berharap bahwa latar belakang seluruh halaman ayah akan menjadi warna yang tembus cahaya, sehingga pengguna dapat melihat bahwa mereka tidak dapat diakses nanti.
Setelah menutup kotak dialog, saya berharap untuk memulihkan
Bagaimana ini bisa?
Salin kode kode sebagai berikut:
/// Tampilkan informasi terperinci dari pesanan tertentu, melalui kotak dialog modal, dan layar akan berubah warna
Function showerdetails (orderId) {
var url = "details.aspx? orderId =" + orderId;
// $ ("body").
// filter: alpha (opacity = 50)
$ ("Tubuh").
Showdetailsdialog (url, "600px", "400px", "ya");
$ ("Tubuh").
}
Selain itu, ada definisi tabel gaya
.Body1
{{
Latar Belakang-Color:#999999;
Filter: alpha (opacity = 40);
}
Salin kode kode sebagai berikut:
< %@Page language = "c#" autoeeventwireup = "true" codebeHind = "webForm1.aspx.cs" mewariskan = "webapplication1.webform1" %>
<!
<html xmlns = "http://www.w3.org/1999/xhtml">
<head runat = "server">
<title> </title>
<Type style = "text/css">
.Body1 {{
Latar Belakang-Color:#999999;
Filter: alpha (opacity = 40);
}
</tyle>
<skrip src = "jQuery.js" type = "text/javascript"> </ptript>
<type skrip = "Teks/JavaScript">
Function showDetailsDialog (src, lebar, tinggi, showcroll) {{{{{{{{{
Window.showmodaldialog (src, "", "Lokasi: Tidak; Status: Tidak; Bantuan: Tidak; dialogwidth:" + width + "; dialogHeight:" + tinggi + "; gulir +"; ");
}
Function showerdetails (orderId) {
var url = 'detachs.aspx?
$ ("Tubuh").
Showdetailsdialog (url, '500px', '400px', 'no');
$ ("Tubuh").
}
</script>
</head>
<body>
<ditemukan id = "form1" runat = "server">
<div>
<span style = "kursor: pointer" ontClick = "showorderDetails (11)"> klik </span>
</div>
</form>
</body>
</html>