팝업창 만들기 소스입니다... 아래 설명을 읽고서..
한번 해보시기 바랍니다..

늘 즐거움이 함께하기를 기원하며.

1.소스보기


팝업소스(1)
----------------------------------------------------------------------------------------

<HTML>
<head>
<script language='java-script'>
function OpenWin(dest)
{
posy = screen.Height/2 - 100;
posx = screen.Width /2 - 200;

StartWin = window.open(dest,
"notice_popup","toolbar=no,channelmode=no,left="+posx+",top="+posy+",location=no,directories=no,
width=400,height=550,resizable=no,menubar=no,scroll=no");
}
</script>
</head>

<body onload="OpenWin('http://my.netian.com/~kjscij/pop/popup1.html')" >

<center>초보운영자님들과 함께 예쁜카페를 만들어요 ^^

</body>
</HTML>

----------------------------------------------------------------------------------------
*** 주의! 위 소스중에 'javas-cript' 이 부분에 - 를 빼시고 두 글자를붙혀 쓰기 하셔야 합니다. ***

2.소스분석

위에가 팝업소스에요. ^^
대충 흐름을 이해 하시기 위해 소스를 분석합니다.

<HTML.......html을 시작합니다.>
<head........는 문서의 제목, 거기에 사용된 스크립트들, 스타일정의 등 관련정보를 시작합니다.>
<script language='java-script'........자바프로그램언어이며 자바스크립 명령어가 시작됩니다.>
function OpenWin(dest)
{
posy = screen.Height/2 - 100;...........팝업이 뜨는 세로 위치
posx = screen.Width /2 - 200;...........팝업이 뜨는 가로 위치

StartWin = window.open(dest,
"notice_popup"........팝업창,
"toolbar=no........익스플로러 툴바 없앰,
channelmode=no.........익스플로러 채널 없앰,
left="+posx+",top="+posy+".........팝업 창 뜨는걸 위 수치대로 실행,
location=no.......위치 주소표시 없앰,
directories=no........메뉴들 없앰,
width=400,height=550......뜨는 창의 가로 세로사이즈 조정,
resizable=no..........창 크기를 마우스로 꼭지점을 통한 늘렸다 줄였다 못함,
menubar=no.....메뉴바 없앰
,scroll=no.......윈도우 오른쪽에, 위 아래 스크롤 없앰");
}
</script.......자바스크립트는 여기 까지입니다.>
</head.........모든 정보가 여기 까지입니다.>

<body onload=........본문을 엽니다.
"OpenWin........본문을 시작합니다. 또 팝업으로 , 뒤 주소에있는 그 화일을 엽니다.
('http://my.netian.com/~kjscij/pop/popup1.html')" >

<center>초보운영자님들과 함께 예쁜카페를 만들어요 ^^</center>
..........여기에 원하시는 내용을 넣으시면 되겠죠? ^^ 이곳이 본문 넣는 부분!


</body.......본문을 마칩니다.>
</HTML..........html을 마칩니다.>


대충은 이해가 가시죠? ^^
중간에 자바스크립트 부분이 있어 더 복잡하시겠지만,
천천히 읽어보시면 조금 이해를 하실 꺼에요.

위 소스중 "......=no" 이렇게 되어있는 부누들은 yes로 바꿔서 응용해 보시구요
뜨는 창의 사이즈도 바꿔 보시구요.

 

3.따라하기

자 따라해 보세요
1.위에 파란부분 팝업 소스(1) 내용을 모두 선택하시구요
2.복사하기 합니다.
3.메모장을 여시구요
4.붙여넣기를 해 보세요.
5.작성된 메모장을 저장해야죠? 저장은 popup.html 이름으로 바탕화면에 하시구요.
6.그럼 바탕화면에 저장이 되면서 아이콘이 생겼죠?
7.익스플로러 창을 하나 새로 만드시구
8.바탕화면의 popup.html 아이콘을 마우스로 꼭 집어서 끌어다가
9.익스플로러 창에 넣어보세요.

저장 안하시고 바로 소스를 주인백에 붙혀 넣으셔도 되는데요, ^^
그럼 지금 까지 꾸며 놓으신 주인백이 모두 지워 지니까요.
그리고 <팝업 만들기 1 >이니까 2번 까지 하시고
완전하게 완성시켜서 주인백에 복사해 넣으세요

이 게시물을...