웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
페이지 사용안하고 팝업띄우기
2002.03.02 18:49
사진 그림이나 그런거 새창으로 띄울때
페이지 만들고 거기에 그림넣어서 링크시키는 경우가 있잖아요??
그걸 간단하게 자바스크립트 한구절로 해결할수있습니다 -_-;;
이 강좌에서 사용할 이미지는 이연걸 형아의 멋진모습 -_-;;(쓸사진이없어서..;;)
![lee.jpg](/files/attach/images/19360727/116/367/019/lee.jpg)
이 이미지의 크기는 352, 288 입니다.
이제 문서를 하나 만들어 봅시다.
이런 소스를 삽입해줍니다.
<a href="javascript:void(0)" onClick="window.open("lee.jpg",'pop','width=377,height=313');" >팝업띄우기</a>
![p1.jpg](/files/attach/images/19360727/116/367/019/p1.jpg)
이미지랑 문서는 같은 폴더에 있어야 겠죠.
이미지 크기는 352, 288 인데 팝업창은 왜 377, 313 이죠??
저도 몰라요..;;;(퍽!
사실은...디폴드값으로 왼쪽과 윗쪽이 저절로 25정도 공백이 생기더군요...
그래서 기본 이미지의 크기에다가 25씩 + 해주세요..;;;;
자 그럼 결과를 볼까요
![p2.jpg](/files/attach/images/19360727/116/367/019/p2.jpg)
자 이렇습니다 -_-;; 쿨럭...민망하시더라도 봐주시길...;;
자....어쨌든...이렇습니다 -_-;;(퍽!
허접한 강의 끝났습니다...;;
출처 : http://www.lycos.co.uk
![lainz4.gif](/files/attach/images/19360727/116/367/019/lainz4.gif)
페이지 만들고 거기에 그림넣어서 링크시키는 경우가 있잖아요??
그걸 간단하게 자바스크립트 한구절로 해결할수있습니다 -_-;;
이 강좌에서 사용할 이미지는 이연걸 형아의 멋진모습 -_-;;(쓸사진이없어서..;;)
![lee.jpg](/files/attach/images/19360727/116/367/019/lee.jpg)
이 이미지의 크기는 352, 288 입니다.
이제 문서를 하나 만들어 봅시다.
이런 소스를 삽입해줍니다.
<a href="javascript:void(0)" onClick="window.open("lee.jpg",'pop','width=377,height=313');" >팝업띄우기</a>
![p1.jpg](/files/attach/images/19360727/116/367/019/p1.jpg)
이미지랑 문서는 같은 폴더에 있어야 겠죠.
이미지 크기는 352, 288 인데 팝업창은 왜 377, 313 이죠??
저도 몰라요..;;;(퍽!
사실은...디폴드값으로 왼쪽과 윗쪽이 저절로 25정도 공백이 생기더군요...
그래서 기본 이미지의 크기에다가 25씩 + 해주세요..;;;;
자 그럼 결과를 볼까요
![p2.jpg](/files/attach/images/19360727/116/367/019/p2.jpg)
자 이렇습니다 -_-;; 쿨럭...민망하시더라도 봐주시길...;;
자....어쨌든...이렇습니다 -_-;;(퍽!
허접한 강의 끝났습니다...;;
출처 : http://www.lycos.co.uk
![lainz4.gif](/files/attach/images/19360727/116/367/019/lainz4.gif)
댓글 4
-
반죽왕
2002.03.05 17:50
-
Sz_Kepco
2002.09.18 11:42
저게 아니라
<a href=javascript:void(window.open('경로','','+ ''))> 이렇게 하는게 더 간단합니다. -
Sz_Kepco
2002.09.18 11:43
onclick 보다 void로 바로 쓰는것 -
steallips
2006.08.28 09:01
팝업창을 궂이 html로 구현하려고 하는 것은 말씀하신대로 상하 좌우 여백을 없애기 위함이겠죠.
제목 | 글쓴이 | 날짜 |
---|---|---|
한페이지에서 여러개의 크롬리스 창 띄우기..(ByKlein Chromeless Window)
[3]
![]() | 아린~★ | 2003.01.29 |
[1분짜리 팁!] 홈페이지 입장 여부 묻는 폼 띄우기! [2] | 찐군 | 2003.01.09 |
홈페이지 패스워드(암호) 걸기 소스 [6] | keymove | 2003.01.09 |
홈페이지에 머무른 시간을 알림창으로 나타내기. [3] | 시즌오브드림 | 2002.12.10 |
단축키로 페이지이동 [17] | 아벨라 | 2002.10.18 |
페이지 맨위로 이동하는 top 버튼 [7] | 조정환 | 2002.09.28 |
간단하고 빠른 페이지포워딩 [3] | Draco | 2002.09.19 |
브라우저 언어에 따라 다른 페이지 보이기 [11] | 써니얌 | 2002.09.03 |
접속하자 마자 풀스크린으로 바뀌는 홈페이지만들기 [20] | 노명수 | 2002.09.02 |
원하는 홈페이지를 시작페이지 설정하기!!!! [3] | 오길호 | 2002.07.05 |
[v]하나더! 해상도별 다른 페이지 보여주기 | :+:zZion:+: | 2002.03.30 |
[v]운영 체제별 다른 페이지 보여주기 -_-;v [3] | ┏ⓩZion┛ | 2002.03.30 |
홈페이지 패스워드 걸기 소스 [7] | 이슈™ | 2002.03.13 |
페이지 사용안하고 팝업띄우기
[4]
![]() | 란즈 | 2002.03.02 |
▩찾기 기능을 내 홈페이지에 넣어보자 [1] | ▩윤미 | 2002.02.26 |
[JavaScript] 전체화면으로 페이지 열기 [2] | SM | 2002.02.24 |
[JavaScript] 랜덤 듀레이션 효과 - 페이지 들어오고 나갈때 벗겨지는 효과 보여주기 [1] | SM | 2002.02.24 |
페이지마다 타이틀 변경하기 [3] | WOWpc | 2001.10.10 |
[Tip] 페이지 이동중이라고 표시해보자~ ^_^ [10] | BiHon | 2001.03.28 |
page에 웹페이지의 보드(게시판 ) 삽입 [2] | parkys | 2007.10.24 |
글구 그건 윈도 xp인가요? 창모양이 신기하넹...암튼 감사..