본문 바로가기
생활일기/tip tech

팝업관련 모든 것 [펌]

by 신일석 2006. 3. 3.
출처 : 나만봐(softhomo)



1. 옵션을 HEAD안에...

   

   새창열기

2. 링크에 옵션을 지정...

   새창열기

* 옵션 *

   새창 뛰울때 용도에 맞게 옵션 설정을 해줍니다. "YES" 또는 "NO" 로 지정  해주면 됩니다.

   menubar - 파일, 편집, 보기....부분

   toolbar - 뒤로, 앞으로, 새로고침 아이콘등이 있는  부분

   directories - 연결 디렉토리가 표시되는 부분

   location - 주소 입력창

   status - 아래 브라우저 상태  바

   scrollbars - 스크롤

   resizable - 리사이즈 옵션





   1.자동 띄우기

팝업창에 삽입

   

   

   

   

   

   

   이벤트 팝업창을  띄우기

   



     



   2.프레임이 있는 팝업창 닫기

팝업창에 삽입

   

   

   

   

   

   

   프레임셋 한방에  닫기

   



   



   3.팝업창 닫고 프레임이 없는 부모창에서 원하는 페이지로  이동하기

팝업창에 삽입

   

   

   

   

   

   

   자세한내용보기

   



   



   4.팝업창  닫고 프레임이 있는 부모창에서 원하는 페이지로 이동하기

팝업창에 삽입하고 팝업창의 설정은 프레임셋 페이지에 해야함

   오픈창이 아닐경우에는  window.top.프레임이름.location.href="연결할파일" 적용한다

   

   

   

   

   

   

   자세한내용보기

   



   



   5.팝업창 자동으로 닫기

팝업창에 삽입

   

   

   Close Window  Timer

   

   

   

   

   이창은 5초후 자동으로 창이  닫힘니다.


   



   



   6.프레임 나눈 팝업창 한번에 닫기

팝업창에 삽입

   

   

   Close Window  Timer

   

   

   

   

   이창은 5초후 자동으로 창이  닫힘니다.


   



   



   7.하루동안 팝업창 띄우지 않기 소스  예제1

부모창인 index.htm에 삽입

   

   

   ..

   

   

   

   

   



   



팝업창인 pop.htm에 삽입

   

   

   

   

   

   

   

   



   다음부터 이 창을 열지않음

   

   


   


   



   8.하루동안 팝업창 띄우지 않기 소스  예제2

부모창인 index.htm에 삽입

   

   

   ..

   

   

   

   

   

   



   



팝업창인 pop.htm에 삽입

   

   

   

   

   

   

   

   



   다시 팝업 안뜸

   닫기

   


   


   



   9.같은 브라우져에서 팝업 띄우기  않기

부모창인 index.htm에 삽입

   

   

   ..

   

   

   

   

   



   



   팝업창인 pop.htm에 삽입

   

   

   

   

   

   

   

   



   다음부터 이 창을 열지않음

   

   


   


   



   10.팝업창 가운데에  자동띄우기

팝업창에 삽입

   

   

   ..

   

   

   

   

   



    



   11.부모창에서 클릭하면 팝업창 가운데에 띄우기

부모창에 삽입

   

   

   

   

   

   

   

   링크


   



   



   12.같은 브라우져에서만 팝업 띄우기  않기

부모창인 index.htm에 삽입 _새로 브라우져를 열면 팝업창이 뜸

   

   

   ..

   

   

   

   

   



    



팝업창인 pop.htm에 삽입

   

   

   

   

   

   

   

   



   다음부터 이 창을 열지않음

   

   


   


   



   13.링크걸어서 지정된 사이즈로  열기



   

   ..

   

   

   

   

   링크걸기

   



   



   14.자동으로 지정된 크기로 브라우저  열기



   

   ..

   

   

   

   

   

   



   



   15.해상도에 맞추어 전체장으로  늘어남



   

   ..

   

   

   

   

   해상도에 맞추어 전체장으로  늘어남

   



   



   16.이미지 클릭시 html문서없이 큰이미지로  새창띄우기



   

   ..

   

    "

   htmlString += " "

   htmlString += "
   alt=닫기>
"

   htmlString +=  "

"

   winHandle.document.open()

   winHandle.document.write(htmlString)

   winHandle.document.close()

   }

   if(winHandle != null) winHandle.focus()

   return  winHandle

   }

   

   

   

   
   onClick="win1Open=displayImage('큰 이미지파일',  'popWin1', '300', '400')" onMouseOver="window.status='Click to display picture';  return true;" onMouseOut="window.status=''">

   


   


   



   17.몇초후 웹페이지이동하기  소스예제1



   

   ..

   

   

   

   

   바로 이동한  원하는 사이트로 이동함

   



   



   18.몇초후 웹페이지이동하기  소스예제2



   

   ..

   

   

   

   

   바로 이동한 원하는 사이트로  이동함

   



   



   19.자동새로고침하기



   

   ..

   

   

   

   

   자동새로고침하기

   



   



   20.해상도에 따라 다른 웹페이지  열기



   

   ..

   

   

   

     

   



   



30.HTML파일 없이 이미지 사이즈에 맞게 팝업창  띄우기.

   



32.이미지사이즈에 맞게 새창이 열리며 휠마우스 효과를 내줌

   그리고  메인(imgmove-main.html)에서 새창 띄워주는 부분



   

   

이 부분은 이미지를 보여줄  새창(img-move.html)입니다.

   

   



   http://www.cginjs.com/cgi/js/test.jpg" border="0" ONMOUSEMOVE="move();">

'생활일기 > tip tech' 카테고리의 다른 글

영문폰트 더 이상 고민하지 말자  (0) 2006.03.03
tar 사용법  (0) 2006.03.01
네비게이션 접근 법 10가지 법칙  (0) 2000.10.31