1. Стандартный метод
Код кода копирования следующим образом:
<script type = "text/javascript">
Функция OpenWin (SRC, ширина, высота, показывает прокрутка) {
Window.showmodaldialog (src, "", "Расположение: нет; Статус: нет; справка: нет; dialogwidth:"+width+"; dialogheight:"+height+"; 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, stogizable = no, scrollbars = no');
3. Как автоматически оценить браузер
Код кода копирования следующим образом:
<input type = "button" value = "Откройте диалоговое окно" onclick = "showdialog ('#')"/>/>
<Script language = "javascript">
<!-
Функция Showdialog (URL)
{{
if (document.all) // т.е.
{{
Feature = "Dialogwidth: 300px; Dialogheight: 200px; статус: нет; справка: нет";
Window.showmodaldialog (url, null, функция);
}
еще
{{
// ModelessDialog может заменить Modal на диалог = да
Feature = "ширина = 300, высота = 200, menubar = no, панель инструментов = no, location = no," ;;;;;;;
Функция+= "scrollbars = no, status = no, modal = yes";
Window.open (url, null, функция);
}
}
//->
</Script>
4. в IE, модальное диалоговое окно скрыт адресную строку, в то время как другие браузеры не обязательно
[Примечание] В браузере Google эффект этого модала также потерпит неудачу.
5. Как правило, когда появится диалоговое окно, мы все надеемся, что фон страницы всей отца станет полупрозрачным цветом, чтобы пользователи могли видеть, что к ним нельзя получить позже.
После закрытия диалогового окна я надеюсь восстановить
Как это дела?
Код кода копирования следующим образом:
/// Отображение подробной информации определенного порядка через модальное диалоговое окно, и экран изменит цвет
Функция DemperderDetails (orderId) {
var url = "details.aspx? orderid =" + orderid;
// $ ("тело").
// Фильтр: альфа (непрозрачность = 50)
$ ("тело").
ShowDetailSdialog (URL, «600px», «400px», «Да»);
$ («тело»).
}
Кроме того, есть определение таблицы стилей
.Body1
{{
фоновый цвет:#9999999;
Фильтр: альфа (непрозрачность = 40);
}
Код кода копирования следующим образом:
< %@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>
<Стиль типа = "text/css">
.Body1 {{
фоновый цвет:#9999999;
Фильтр: альфа (непрозрачность = 40);
}
</style>
<script src = "jquery.js" type = "text/javascript"> </script>
<script type = "text/javascript">
Функция ShowDetailSdialog (src, ширина, высота, Shone Croll) {{{
Window.showmodaldialog (src, "", "Расположение: нет; Статус: нет; справка: нет; dialogwidth:" + width + "; dialogheight:" + height + "; scroll +"; ");
}
Функция DemperderDetails (orderId) {
var url = 'destachs.aspx?
$ ("тело").
ShowDetailSdialog (URL, '500px', '400px', 'no');
$ («тело»).
}
</script>
</head>
<тело>
<sud id = "form1" runat = "server">
<div>
<span style = "cursor: pointer" onclick = "showorderdetails (11)"> Нажмите </span>
</div>
</form>
</body>
</html>