테스트 사이트 - 개발 중인 베타 버전입니다

팝업창 중앙에 띄우기 소스

· 17년 전 · 2664 · 1

메인.html 내용


<script language="javascript">
<!--
function OpenWin() {
window.open("팝업.html","ow1","width=200,height=200,top="+(screen.availHeight/2-100)+",left="+(screen.availWidth/2-100)+"");//팝업창  중앙에 띄우기
}
//-->
</script>

<body leftMargin="0" topMargin="0" onload="OpenWin()">

</body>


 

 

팝업.html에는 뭐 복잡하게 스크립트에 함수 따로 만들고 자시고 할것도 없고

A 링크태그조차 쓸필요 없습니다.

 

팝업.html


<body>
<img src="예쁜버튼그림1.jpg" width="10" height="10" onClick="opener.location.href='http://www.naver.com';window.close()" style="cursor:hand">
<img src="예쁜버튼그림2.jpg" width="10" height="10" onClick="window.close()" style="cursor:hand">
</body>


 

이미지 태그 자체에 onClick 이벤트로 스크립트 넣어줄땐 마우스가 그림위에 올라갔을때

손모양 표시가 안나와서 style="cursor:hand"를 넣어서 마우스가 그림위에 올라갔을 때 버튼처럼 손모양으로 변하게 해줬습니다.

[이 게시물은 관리자님에 의해 2011-10-31 17:16:08 PHP & HTML에서 이동 됨]

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 1개

14년 전
좋은 정보 감사합니다

게시글 목록

번호 제목
12828
254
252
25062
29368
249
243
239
236
234
12821
12818
12815
12811
12807
12797
12787
12781
12780
232
12779
12776
12768
12767
229
12764
226
12762
12758
12757
12755
223
221
12746
219
212
12745
210
206
29366
205
12743
203
29364
201
12742
29361
12740
199
198
196
12738
12735
12732
195
194
12731
191
188
185
182
179
25053
25052
12729
25050
176
174
172
171
168
166
12724
12715
164
12712
12702
159
12697
29360
12696
155
12694
12692
12689
12687
12685
12683
12679
12678
12676
151
12669
148
146
144
143
29356
12662
12655