1. 표준 방법
다음과 같이 코드 코드를 복사하십시오.
<script type = "text/javaScript">
함수 OpenWin (SRC, 너비, 높이, ShowScroll) {
Window.showmodaldialog (src, "", "위치 : 아니오; 상태 : 아니오;
}
</스크립트>
예 : <span style = "cursor : pointer"onclick = "OpenWin
( '//www.vevb.com', '500px', '400px', 'no') "> 클릭 </span>
2. Firefox는 지원하는 구문을 지원하지 않습니다
Window.open
( 'OpenWin.html', 'newwin', 'modal = 예, 너비 = 200, 높이 = 200, Resizable = no, scrollbars = no');
3. 브라우저를 자동으로 판단하는 방법
다음과 같이 코드 코드를 복사하십시오.
<입력 유형 = "버튼"value = "대화 상자 열기"onclick = "showdialog ( '#')"/>/>
<script language = "javaScript">
<!-
기능 showdialog (URL)
{{
if (document.all) // 즉
{{
feature = "dialogwidth : 300px; DialogHeight : 200px; 상태 : 아니오; 도움말 : 아니오";
Window.showmodaldialog (URL, NULL, 기능);
}
또 다른
{{
// modelessDialog는 Modal을 대화 = 예로 대체 할 수 있습니다
feature = "width = 300, 높이 = 200, menubar = no, 도구 모음 = 아니오, 위치 = 아니오";;;;;;;;;;
feature+= "scrollbars = no, status = no, modal = 예";
Window.open (URL, NULL, 기능);
}
}
//->
</스크립트>
4. 즉, 모달 대화 상자는 주소 표시 줄을 숨기고 다른 브라우저는 반드시 필요하지 않습니다.
[참고] Google 브라우저 에서이 모달의 효과도 실패합니다.
5. 일반적으로 대화 상자가 나타날 때, 우리는 모두 아버지 페이지의 배경이 반투명 색상이되기를 바랍니다. 그래서 사용자는 나중에 액세스 할 수 없다는 것을 알 수 있습니다.
대화 상자를 닫은 후 복원하기를 바랍니다
이것은 어떻게 했습니까?
다음과 같이 코드 코드를 복사하십시오.
/// 모달 대화 상자를 통해 특정 순서의 자세한 정보를 표시하면 화면이 색상이 변경됩니다.
함수 샤워기 데 테일 (OrderId) {
var url = "details.aspx? orderid =" + orderid;
// $ ( "body") ( "필터", "알파 (불투명도 = 20)");
// 필터 : 알파 (불투명 = 50)
$ ( "body").
showdetailsDialog (URL, "600px", "400px", "yes");
$ ( "body").
}
또한 스타일 테이블 정의가 있습니다
.Bodle1
{{
배경색 :#999999;
필터 : 알파 (불투명도 = 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>
<스타일 유형 = "텍스트/CSS">
.Bodle1 {{
배경색 :#999999;
필터 : 알파 (불투명도 = 40);
}
</스타일>
<script src = "jquery.js"type = "text/javaScript"> </script>
<script type = "text/javaScript">
함수 showdetailsDialog (SRC, 너비, 높이, ShowScroll) {{
Window.showmodaldialog (SRC, "", "위치 : 아니오; 상태 : 아니오;
}
함수 샤워기 데 테일 (OrderId) {
var url = 'detachs.aspx?
$ ( "body").
showdetailsDialog (url, '500px', '400px', 'no');
$ ( "body").
}
</스크립트>
</head>
<body>
<found id = "form1"runat = "Server">
<div>
<span style = "커서 : 포인터"onclick = "showorderDetails (11)"> 클릭 </span>
</div>
</form>
</body>
</html>