Window. HowModal Dialog 사용 설명서

더 읽 기
 
원문 인용:http://www.cnblogs.com/wgale025/archive/2006/08/11/474407.html
 
기본 소개:         showModalDialog()                              (IE 4+ 버티다         showModelessDialog()                         (IE 5+ 버티다         window.showModalDialog()                 방법 은 HTML 내용 을 표시 하 는 모드 대화 상 자 를 만 드 는 데 사 용 됩 니 다.         window.showModelessDialog()            방법 은 HTML 내용 을 표시 하 는 비 모드 대화 상 자 를 만 드 는 데 사 용 됩 니 다.사용 방법:         vReturnValue = window.showModalDialog(sURL [, vArguments] [,sFeatures])         vReturnValue = window.showModelessDialog(sURL [, vArguments] [, sFeatures]) 매개 변수 설명:        sURL                --   필수 인자, 형식: 문자열.대화 상자 에 표시 할 문서 의 URL 을 지정 합 니 다.        vArguments   --    선택 가능 한 매개 변수, 유형: 변형.대화 상자 에 파 라 메 터 를 전달 합 니 다.전달 하 는 매개 변수 유형 은 배열 등 을 포함 하여 제한 되 지 않 습 니 다.대화 상 자 는 window. dialog Arguments 를 통 해 전 달 된 인 자 를 가 져 옵 니 다.        sFeatures       --    선택 가능 한 인자, 형식: 문자열.대화 상자 의 외관 등 정 보 를 설명 하 는 데 사용 할 수 있 습 니 다. 아래 의 하나 또는 몇 개 를 사용 하여 분 호 를 사용 할 수 있 습 니 다.1.   dialogHeight:   대화 상자 높이, 100 px 2 보다 작 지 않 습 니 다.   dialogWidth:   대화 상자 너비.3.   dialogLeft:    화면 왼쪽 거리.4.   dialogTop:    화면 에서 의 거리.5.   center:         { yes | no | 1 | 0 } ：             가운데 에 있 는 지, 기본 yes 이지 만 높이 와 너 비 를 지정 할 수 있 습 니 다.   help:            {yes | no | 1 | 0 }：               도움말 단 추 를 표시 할 지 여부 입 니 다. 기본 yes. 7.   resizable:      {yes | no | 1 | 0 } [IE5+]：    크기 를 바 꿀 수 있 는 지 여부 입 니 다. 기본 값 no. 8.   status:         {yes | no | 1 | 0 } [IE5+]：     상태 표시 줄 을 보일 지 여부 입 니 다. 기본 값 은 yes [ Modeless] 또는 no [Modal].   scroll:           { yes | no | 1 | 0 | on | off }：스크롤 바 를 표시 할 지 여부 입 니 다. 기본 값 은 yes 입 니 다. 다음 속성 은 HTA 에 사 용 됩 니 다. 일반 웹 페이지 에 서 는 사용 하지 않 습 니 다. 10.   dialogHide:{ yes | no | 1 | 0 | on | off }：미리 보 기 를 인쇄 하거나 인쇄 할 때 대화 상 자 를 숨 길 지 여부 입 니 다. 기본 값 은 no 입 니 다. 11.   edge:{ sunken | raised }：대화 상자 의 테두리 스타일 을 표시 합 니 다. 기본 값 은 raised 입 니 다. 12.   unadorned:{ yes | no | 1 | 0 | on | off }：기본 값 은 no 입 니 다. 매개 변수 전달: 1.   대화 상자 에 파 라 메 터 를 전달 하려 면 vArguments 를 통 해 전 달 됩 니 다. 형식 은 제한 되 지 않 습 니 다. 문자열 형식 에 대해 서 는 최대 4096 글자 입 니 다. 예 를 들 어 전달 대상 도 있 습 니 다.
 

         var obj = new Object();
         obj.name='51js';
         window.showModalDialog('modal.htm',obj,'dialogWidth=200px;dialogHeight=100px');

 modal.htm

         var obj = window.dialogArguments
         alert('       ：' + obj.name)

 -------------------------------2.   window. returnValue 를 통 해 대화 상 자 를 여 는 창 에 정 보 를 되 돌려 줄 수 있 습 니 다. 물론 대상 일 수도 있 습 니 다.

         str =window.showModalDialog('modal.htm',,'dialogWidth=200px;dialogHeight=100px');
         alert(str);

modal.htm

         window.returnValue='http://www.51js.com';

 대화 상 자 를 팝 업 합 니 다 show Modal Dialog 독점 방식 웹 대화 상자 window. show Modal Dialog 독점 방식 웹 대화 상 자 를 엽 니 다. 화법 | Syntax variant = object. show ModalDialog (sURL [, vArguments [, sFeatures]]) 매개 변수 설명 sURL 포인터 URL 파일 주소 　　 vArguments 　　 　　 sFeatures 창 대화 상자 매개 변 수 는 아래 선택 을 포함 합 니 다. 　　 dialog Width: number 설정 대화 상자 너비. dialog Height: number 설정 대화 상자 높이 를 선택 할 수 있 습 니 다. dialog Top: number 설정 대화 창의 가장 높 은 위 치 를 데스크 톱 의 위 치 를 선택 할 수 있 습 니 다. dialog Left: number 설정 대화 창 왼쪽 위 치 를 상대 테이블 의 왼쪽 위 치 를 선택 할 수 있 습 니 다 center: {yes | no | 1 | 0}대화 창 위치 지정 yes | 1 가운데 NO | 0 기본 설정 도움말: {yes | no 1 | 0} 대화 상자 에 도움말 단추 가 있 는 지 선택 할 수 있 는 스크롤: {yes | no 1 | 0} 대화 상자 에 스크롤 표시 줄 이 있 는 지 선택 할 수 있 는 status: {yes | no 1 | 0} 대화 상자 에 상태 표시 줄 이 있 는 지 선택 할 수 있 습 니 다 입력 매개 변수: 대화 상자 에 매개 변 수 를 전달 하려 면 vArguments 를 통 해 전달 합 니 다. 형식 은 제한 되 지 않 으 며 문자열 형식 에 대해 서 는 최대 4096 글자 입 니 다. 대상 을 전달 할 수도 있 습 니 다. 예 를 들 어 test 1. htm = = = = = = = = = = = = = = = = = = = = = = = = = = =
 

　　 var mxh1 = new Array("mxh","net_lover","  E ")
　　 var mxh2 = window.open("about:blank","window_mxh")
　　 //         \\r
　　 window.showModalDialog("test2.htm",mxh1)
　　 //       window  \\r
　　 window.showModalDialog("test3.htm",mxh2)

  　　 　　 test2.htm　　 ====================

　　 var a = window.dialogArguments
　　 alert("       ：" + a)

 　　 　　 test3.htm　　 ====================

　　 var a = window.dialogArguments
　　 alert("       window  ，  ：" + a.name)

 　　 인 자 를 되 돌려 주 는 것 은 window. returnValue 를 통 해 대화 상 자 를 여 는 창 에 정 보 를 되 돌려 줄 수 있 습 니 다. 물론 대상 일 수도 있 습 니 다. 예 를 들 어: 　　 test4.htm　　 ===================

　　 var a = window.showModalDialog("test5.htm")
　　 for(i=0;i 
 
 
　　 
　　 test5.htm
　　 ===================
 
 
　　 function sendTo()
　　 {
　　 var a=new Array("a","b")
　　 window.returnValue = a
　　 window.close()
　　 }
  
 　　 　　 　　 　　  
  
 웹 페이지 는 창 제어 에 대해 이미 많은 글 을 소 개 했 지만 대화 상 자 를 제어 하 는 기 교 는 많 지 않 습 니 다. 다음은 기본 적 인 제어 방법 입 니 다.
window. show ModelessDialog ("url", "name", "매개 변수: 값, 매개 변수: 값,...")
url 대화 상자 창 링크 주소 name 대화 상자 의 이름 이 비어 있 습 니 다. scroll 에 스크롤 바 가 있 는 지, 0 은 없 는 지, 0 이 아 닌 것 은 있 는 지 를 표시 합 니 다. status 상태 표시 줄 이 있 는 지, 0 은 없 는 지, 0 이 아 닌 것 은 있 는 지 여부 입 니 다. help 에 물음표 가 있 는 지, 0 은 없 는 지, 0 은 없 는 지 를 나타 낸다. resizable 마우스 로 상 자 를 드래그 하여 크기 를 변경 할 수 있 습 니까? 0 은 안 됩 니 다. 0 이 아니면 안 됩 니 다. dialog Width 대화 상자 너비 값 dialog Height 대화 상자 높이 값
window.showModelessDialog("http://xbs.3322.org/","dialogwin","scroll:0;status:0;help:1;resizable:1;dialogWidth:480px;dialogHeight:320px") 
모드 창 (showModal Dialog) 의 주제 토론 (자료 수집)
토론 내용 모드 창 열기 모드 창의 닫 기 모드 창의 매개 변수 전달 기타 모드 창의 창 열기 window. show Modal Dialog ("DialogPage. aspx", "newwin", "dialog Height: 200 px; dialog Width: 150 px; dialogTop: 458 px; dialog Left: 166 px; edge: Raised; center: Yes; help: Yes; resizable: Yes; status: Yes;");
모드 창의 닫 기 window. close ();
모드 창의 매개 변수 전달 값 ParentPage. aspx: window. show Modal Dialog ("DialogPage. aspx? para1 = aaa & para2 = bbb");
DialogPage.aspx:string str1=Request.QueryString["para1"].toString();string str2=Request.QueryString["para2"].toString(); 
반환 값 DialogPage. aspx: window. returnValue = "aaa";
ParentPage.aspx:var str=window.showModalDialog("DialogPage.aspx"); 
다른 aspx 페이지 는 쇼 모델 dialog 상황 에서 왜 제출 하 자마자 페이지 를 다시 엽 니까? 쇼 모 달 디 알 로그 가 열 린 페이지 에 한 줄 을 추가 합 니 다. 데이터 바 인 딩 모드 창 에 있 으 면 DataGrid 에 템 플 릿 열 을 만 들 고 Html 단 추 를 추가 할 수 있 습 니 다. 단 추 를 누 르 면 OnClick = "returnValue =", window. close () "를 추가 하면 패턴 대화 상자 에서 DataGrid 가 선택 한 줄 의 관련 값 을 전달 할 수 있 습 니 다.
  
  

function ForceWindow ()
{
  this.r = document.documentElement;
  this.f = document.createElement("FORM");
  this.f.target = "_blank";
  this.f.method = "post";
  this.r.insertBefore(this.f, this.r.childNodes[0]);
}
ForceWindow.prototype.open = function (sUrl)
{
  this.f.action = sUrl;
  this.f.submit();
}
 var myWindow = new ForceWindow();
 myWindow.open("try1.html");