웹마스터 팁

  2. Support
  3. 웹마스터 팁

웹페이지 대화상자 띄우기.

2003.02.05 10:20

세죠위그이

질문게시판에 대화상자 띄우는 법 질문 올렸던 놈입니다.
제가 질문 했던게 요거 였습니다. -_-;;
그냥.. 잘봐 주세요. ^-^;



=====웹페이지 대화상자 띄우기 ===========================================================================

　　출처 : 하나포스 에러 페이지(.....)
미리보기 : http://www.hanafos.com/trouble/v1/S404.htm
　준비물 : test.htm , open.htm , exit.htm(옵션)

========================================================================================================

=====test.htm 소스=======================================================================================

<script language="javascript">
function ModalDialog(){
window.showModalDialog("open.htm","","resizable:no;scroll:no;status:no;help:no;dialogHeight:600px;dialogWidth:800px");
parent.location.href = "exit.htm";
}
</script>
<a href="javascript:ModalDialog();">웹페이지 대화상자</a>

　　　　　=====소스설명 ================================================================================
　　　　　<script language="javascript">
　　　　　　　스크립트의 시작을 알립니다.
　　　　　window.showModalDialog(){
　　　　　　　웹페이지 대화상자를 띄우는 명령(?) 입니다.
　　　　　("open.htm","","resizable:no;scroll:no;status:no;help:no;dialogHeight:600px;dialogWidth:800px");
　　　　　　　웹페이지 대화상자를 제어하는 명령 입니다.
　　　　　　　open.htm 대신 원하는 파일명을 집어넣으셔도 됩니다.
　　　　　　　단, 아래의 open.htm 파일의 설명을 따르셔야 합니다.
　　　　　　　Height는 세로길이, Width는 가로길이 입니다. 자신의 홈에 알맞게 수정하시면 됩니다.
　　　　　parent.location.href = "exit.htm";
　　　　　　　웹페이지 대화상자를 닫았을 경우 이동할 페이지 입니다.
　　　　　　　옵션으로, 안달아 주셔도 됩니다.
　　　　　}
　　　　　　　자바 스크립트를 닫아 줍니다;
　　　　　</script>
　　　　　　　자바 스크립트의 끝을 알립니다.
　　　　　<a href="javascript:ModalDialog();">웹페이지 대화상자</a>
　　　　　　　대화상자를 띄우는 태그 입니다.
　　　　　　　ModalDialog 를 수정하셨을 경우 여기도 수정해 주셔야 합니다.


=====open.htm 소스 =====================================================================================

<title>문서 제목</title>
<body scroll="no" leftmargin="0" marginwidth="0" topmargin="0" marginheight="0">
<iframe src="http://www.nzeo.com/" width="100%" height="100%" frameborder="0"></iframe>

　　　　　=====소스설명 ================================================================================
　　　　　<title>문서 제목</title>
　　　　　　　문서의 제목 입니다.[웹페이지 대화상자] 라는 문구를 보이기 싫으시면 [ ㄱ->한자->9 ] 를 적절히 넣어주시면 됩니다.
　　　　　<body scroll="no" leftmargin="0" marginwidth="0" topmargin="0" marginheight="0">
　　　　　　　문서의 여백을 0으로 주고 스크롤 되지 않게 합니다.
　　　　　<iframe src="http://www.nzeo.com/" width="100%" height="100%" frameborder="0"></iframe>
　　　　　　　아이프레임을 삽입하는 명령 입니다.
　　　　　　　웹페이지 대화상자로 바로 연결할 경우 링크가 새창으로 뜨거나 합니다.
　　　　　　　이걸 막기 위해 아이프레임을 썼습니다.
　　　　　　　http://www.nzeo.com/ 대신 다른 주소를 쓰셔도 됩니다.


=====exit.htm 소스=======================================================================================

[ 손님에게 잘가라는 인사말이나, open.htm 과 같은 태그 ]

　　　　　=====소스설명 ================================================================================
　　　　　[ 손님에게 잘가라는 인사말이나, open.htm 과 같은 태그 설명 ]
　　　　　test.htm 에서 [parent.location.href = "exit.htm";] 를 지워주었을 경우, 없어도 됩니다.

========================================================================================================

=====장단점 ============================================================================================

장점 : 깔끔한 홈페이지를 만들 수 있다.
　　　소스를 숨길수 있다. (100% 확신은 불가능)
　　　좀더 업그레이드 된 홈을 만들수 있다. (?)

단점 : 오른쪽 메뉴, 드래그, 키보드 일체 안됨.
　　　(글쓰기는 됨)
　　　제로보드 아웃로그인이 잘 안된다;

========================================================================================================



휴.. 정리가 잘 안되어 있어도 알아서 알아들어 주세요. ^-^;
오타나 잘못된 부분은 코멘트 남겨 주세요~
이 게시물을
수정 삭제
좋아요
목록
제목 글쓴이 날짜
[1분짜리 팁!] 테이블 테두리 얇게 하기 [5] 찐군 2003.01.09
[1분짜리 팁!] 스크롤바 왼쪽으로 위치하게 하기! [6] 찐군 2003.01.09
이미지 없이 그라데이션 효과 내기 - 수정. [7] Pe-i 2003.01.10
테이블을 이용한 문서의 정렬 [4] 서성원 2003.01.11
모바일(핸드폰용) 홈페이지 만들기. [8] 고광욱 2003.01.13
[레드의 태그초보]아이프레임을 새롭게 구조하였습니다..(;;) [3] 레드 2003.01.14
[레드의 태그초보]이미지삽입 태그 [2] 레드 2003.01.14
[레드의 태그초보]링크태그 [5] 레드 2003.01.14
[HTML 초보자]동영상을 출력하자-8(Object) [1] ZipShin 2003.01.14
[레드의 태그중급]폼 태그..(이상해져서 삭제하구 다시 적습니다) [3] 레드 2003.01.15
테이블 테그시 <td>옵션을 쉽게 작성/변경해 봅시다 [2] 위대한위선자 2003.01.18
스크롤바 자동/예/아니오 [11] 레드 2003.01.18
input태그 type의 종류.. [14] 날수없는하늘 2003.01.21
[특강] 마우스 커서를 아이콘으로 바꿀수있다. [11] file ZipShin 2003.01.21
핫키를 타겟에 적용시켜 봅시다-_- [3] 위드 2003.01.21
* 특정한 이미지 파일의 투명도 조절하기 [5] 장윤호 2003.01.28
스크롤바 뒤집을때 문서 전체가 뒤집히는것 방지할때 [4] K.샘 2003.02.01
스크롤바 색 바꾸기 [1] 권순빈 2003.02.03
하이퍼 링크색 바꾸기 [3] 권순빈 2003.02.03
웹페이지 대화상자 띄우기. [4] 세죠위그이 2003.02.05
태그 쓰기