1. Standardmethode
Kopieren Sie den Code -Code wie folgt:
<script type = "text/javaScript">
Funktion OpenWin (SRC, Breite, Höhe, Showscroll) {
Window.showmodaldialog (src, "", "Ort: nein; Status: nein; Hilfe: nein; Dialogwidth:"+width+"; DialogHeight:"+Höhe+"; WScroll+"; ";");
}
</script>
Beispiel: <span style = "cursor: pointer" onclick = "openwin
('//www.vevb.com', '500px', '400px', 'no') "> klicken </span> klicken
2. Es sollte angemerkt werden, dass Firefox die Funktion nicht unterstützt.
window.open
('Openwin.html', 'newwin', 'modal = yes, width = 200, Höhe = 200, resizable = nein, scrollbars = no');
3.. So beurteilen Sie den Browser automatisch
Kopieren Sie den Code -Code wie folgt:
<Eingabe type = "button" value = "Öffnen Sie das Dialogfeld" Onclick = "ShowDialog ('#')"/>/>
<Script Language = "JavaScript">
<!-
Funktion showDialog (URL)
{{{{
if (document.all) // dh
{{{{
Feature = "dialogwidth: 300px; dialogHeight: 200px; Status: nein; Hilfe: Nein";
Window.showmodaldialog (url, null, feature);
}
anders
{{{{
// modelessDialog kann Modal durch Dialog = Ja ersetzen
Feature = "width = 300, Höhe = 200, Menubar = nein, Symbolleiste = nein, Ort = nein" ;;;;;
Feature+= "scrollbars = nein, status = nein, modal = yes";
Window.open (url, null, feature);
}
}
//->
</Script>
4. In IE wird das modale Dialogfeld die Adressleiste ausblenden, während andere Browser nicht unbedingt sind
[Anmerkung] In Google Browser fällt auch der Effekt dieses Modals fehl.
5. Im Allgemeinen hoffen wir alle, wenn das Dialogfeld auftaucht, dass der Hintergrund der Seite des gesamten Vaters zu einer durchscheinenden Farbe wird, sodass Benutzer sehen können, dass sie später nicht zugegriffen werden können.
Nach dem Schließen des Dialogfelds hoffe ich wiederherzustellen
Wie hat das das gemacht?
Kopieren Sie den Code -Code wie folgt:
/// Zeigen Sie die detaillierten Informationen einer bestimmten Bestellung über ein modales Dialogfeld an, und der Bildschirm ändert die Farbe
Funktion duschderdetails (orderId) {
var url = "details.aspx? orderid =" + orderId;
// $ ("Körper").
// Filter: Alpha (Opazität = 50)
$ ("Körper").
ShowdetailsDialog (URL, "600px", "400px", "Ja");
$ ("Körper").
}
Darüber hinaus gibt es eine Stiltischdefinition
.Body1
{{{{
Hintergrundfarbe:#999999;
Filter: Alpha (Deckkraft = 40);
}
Kopieren Sie den Code -Code wie folgt:
< %@Page Language = "C#" autoeEventwireUp = "true" codeBehind = "webform1.aspx.cs" inherits = "webapplication1.webform1" %>
<!
<html xmlns = "http://www.w3.org/1999/xhtml">
<head runat = "server">
<title> </title>
<Style type = "text/css">
.Body1 {{{{
Hintergrundfarbe:#999999;
Filter: Alpha (Deckkraft = 40);
}
</style>
<script src = "jQuery.js" type = "text/javaScript"> </script>
<script type = "text/javaScript">
Funktion showdetailsDialog (SRC, Breite, Höhe, Showscroll) {{{{{{{{{{
Window.showmodaldialog (src, "", "Ort: nein; Status: nein; Hilfe: nein; dialogwidth:" + width + "; dialogHeight:" + Höhe + "; Scroll +"; ");
}
Funktion duschderdetails (orderid) {
var url = 'detachs.aspx?
$ ("Körper").
ShowdetailsDialog (URL, '500px', '400px', 'no');
$ ("Körper").
}
</script>
</head>
<body>
<gefunden id = "Form1" Runat = "Server">
<div>
<span style = "cursor: pointer" onclick = "showorderDetails (11)"> klicken Sie auf </span>
</div>
</form>
</body>
</html>