웹마스터 팁
웹페이지 대화상자 띄우기.
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% 확신은 불가능)
좀더 업그레이드 된 홈을 만들수 있다. (?)
단점 : 오른쪽 메뉴, 드래그, 키보드 일체 안됨.
(글쓰기는 됨)
제로보드 아웃로그인이 잘 안된다;
========================================================================================================
휴.. 정리가 잘 안되어 있어도 알아서 알아들어 주세요. ^-^;
오타나 잘못된 부분은 코멘트 남겨 주세요~
제가 질문 했던게 요거 였습니다. -_-;;
그냥.. 잘봐 주세요. ^-^;
=====웹페이지 대화상자 띄우기 ===========================================================================
출처 : 하나포스 에러 페이지(.....)
미리보기 : 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% 확신은 불가능)
좀더 업그레이드 된 홈을 만들수 있다. (?)
단점 : 오른쪽 메뉴, 드래그, 키보드 일체 안됨.
(글쓰기는 됨)
제로보드 아웃로그인이 잘 안된다;
========================================================================================================
휴.. 정리가 잘 안되어 있어도 알아서 알아들어 주세요. ^-^;
오타나 잘못된 부분은 코멘트 남겨 주세요~
댓글 4
-
엘다
2003.02.08 03:05
예제. 페이지라도;; [퍽] -
세죠위그이
2003.02.08 06:17
미리보기가 예제 입니다..
하나포스 에러 페이지. -_-; -
레드
2003.02.09 10:44
나모에서는 그냥
간단하게 이벤트로
할수 있습니다..^^
그런데 그건 글만 적을수 있는데
이거는 태그적용이 가능하네요.. -
한정수
2003.04.27 17:20
이게 새창으로 조그만한 팝업창 뛰우는거 보다.. 빨리 뜨나여? 빨리뜬다면.. 되게 쓸모 있음.
| 제목 | 글쓴이 | 날짜 |
|---|---|---|
| [Siren]페이지 여백 없애기 [8] | 세이렌 | 2002.07.31 |
| [스타일시트] 페이지 여백 없애기2 ^^ ↓ 아래글을 보충합니다. [8] | ZipShin | 2002.07.31 |
| [HTML 초보자] HTML 홈페이지의 태그 기본구조. [4] | ZipShin | 2002.08.07 |
| [HTML 초보자] HTML 홈페이지의 태그 기본구조2. [13] | ZipShin | 2002.08.09 |
| [Siren]소스보기 금지된 페이지 저장하기! (강좌가 아닌가..;;) [15] | 세이렌 | 2002.08.12 |
| 깔끔한 홈페이지를 만들고 싶다면 꼭 알아야 할 것(1) [5] | 키르(SP) | 2002.08.15 |
| 깔끔한 홈페이지를 만들고 싶다면 꼭 알아야 할 것(2) [9] | 키르(SP) | 2002.08.15 |
노프레임 홈페이지 만들기 강좌:)
[53]
 | Alunar@R. | 2002.08.22 |
|
[Tip]한글 97로 홈페이지 틀 짜기
[8]
| Alunar | 2002.09.21 |
| 스크롤바를 이용하지 않고 페이지내에서 원하는 위치로 이동하기 [10] | 유지호 | 2002.09.28 |
| 모바일(핸드폰용) 홈페이지 만들기. [8] | 고광욱 | 2003.01.13 |
| 웹페이지 대화상자 띄우기. [4] | 세죠위그이 | 2003.02.05 |
|
쭘's 식 쉽게 홈페이지 만들기
[15]
| 쭘's | 2003.03.17 |
|
노프레임홈페이지 디비기 1 - 계층
[16]
| 리디 | 2003.03.25 |
|
노프레임홈페이지 디비기 2 - 헤더와 풋터
[57]
| 리디 | 2003.03.26 |
|
쭘's식 홈페이지 만들기 No.2 - 예제 미리보기 포함
[14]
| 쭘's | 2003.03.30 |
|
노프레임홈페이지 디비기 3 - 경로
[42]
| 리디 | 2003.03.31 |
| 홈페이지의 위아래를 바꾸어 보자! [10] | 세죠위그이 | 2003.04.01 |
|
노프레임홈페이지 디비기 4 - 쌍벽
[36]
| 리디 | 2003.04.08 |
| 스스로 사라지는 웹페이지 만들기 [3] | 최재철 | 2003.04.08 |