엠

간단한 팝업오브젝트 예제

<SCRIPT>

makePopup=function(title,body,color,x,y,w,h){
x=(x==null) ? 0: x;
y=(y==null) ? 0: y;
w=(w==null) ? 200: w;
h=(h==null) ? 100: h;
color=(color==null)? "#FF8040":color;
var popWin = window.createPopup();
var popWinBody = popWin.document.body;
// 팝업 윈도우의 내용
popWinBody.innerHTML =
"<div style='border:1px solid "+color+";padding:5 0 10 0;font:bolder 12px;color:white;background-color:"+color+";'> "+title+
"<div style='padding:5 5 5 5;font:normal 12px;background-color:white;color:black;height:"+(h-16)+";'>"+body+
"</div></div>";

// 팝업 윈도우의 위치와 크기(왼쪽여백, 위쪽여백, 가로, 세로)
popWin.show(x, y, w, h+5, document.body);
};
</SCRIPT>
makePopup(타이틀바 텍스트,본문 텍스트,배경색,Xpos,Ypos,넓이,높이);<BR><BR>
<A HREF="#" onclick='makePopup( "삽질의 추억", "오늘은...<br>팝업를 삽질한다...");'>
makePopup( "삽질의 추억", "오늘은...<br>팝업를 삽질한다...");
</A>
<BR><BR>
<A HREF="#" onclick='makePopup( "삽질의 추억", "오늘은...<br>팝업를 삽질한다...","LightSkyBlue");'>
makePopup( "삽질의 추억", "오늘은...<br>팝업를 삽질한다...","LightSkyBlue");
</A>
<BR><BR>
<A HREF="#" onclick='makePopup( "삽질의 추억", "오늘은...<br>팝업를 삽질한다...","HotPink",100,50);'>
makePopup( "삽질의 추억", "오늘은...<br>팝업를 삽질한다...","HotPink",100,50);
</A>
<BR><BR>
<A HREF="#" onclick='makePopup( "삽질의 추억", "오늘은...<br>팝업를 삽질한다...","HotPink",200,200,400,150);'>
makePopup( "삽질의 추억", "오늘은...<br>팝업를 삽질한다...","HotPink",200,200,400,150);
</A><div class='small'>[이 게시물은 관리자님에 의해 2011-10-31 17:16:08 PHP & HTML에서 이동 됨]</div>
|
댓글을 작성하시려면 로그인이 필요합니다.

프로그램

8,188건
+
제목 글쓴이 날짜 조회
10-09-25 조회 2,755
10-09-19 조회 2,792
10-09-15 조회 2,805
10-09-15 조회 4,209
10-09-15 조회 3,442
10-09-15 조회 2,537
10-09-07 조회 3,656
10-08-27 조회 4,111
10-06-11 조회 4,293
10-05-31 조회 2,540
10-02-27 조회 5,053
10-02-09 조회 3,797
09-10-10 조회 7,389
09-03-19 조회 3,244
09-02-09 조회 3,516
09-02-09 조회 4,567
08-11-01 조회 2,950
08-09-29 조회 4,602
08-09-26 조회 3,537
08-09-26 조회 3,610
08-09-26 조회 2,746
08-09-26 조회 3,791
08-09-26 조회 3,517
08-09-26 조회 4,288
08-09-18 조회 3,632
08-09-09 조회 3,267
08-08-28 조회 2,807
08-07-06 조회 3,577
08-05-21 조회 4,734
08-05-13 조회 4,581
08-04-17 조회 4,950
08-02-19 조회 3,566
08-01-18 조회 3,894
08-01-10 조회 3,856
07-10-22 조회 3,691
07-10-09 조회 4,361
07-10-03 조회 3,566
07-07-06 조회 4,240
07-07-06 조회 4,455
07-07-06 조회 4,071
07-06-28 조회 3,602
07-06-05 조회 3,615
07-06-05 조회 4,162
07-05-30 조회 3,328
07-05-02 조회 3,708
07-04-15 조회 5,191
07-04-11 조회 3,669
07-04-05 조회 3,974
07-03-31 조회 3,184
07-03-31 조회 4,157
07-03-30 조회 3,771
07-03-24 조회 4,029
07-03-22 조회 3,693
07-03-12 조회 4,447
07-02-16 조회 3,315
07-02-14 조회 5,198
07-02-10 조회 4,040
07-02-09 조회 4,419
07-01-19 조회 4,089
07-01-16 조회 5,024
06-12-16 조회 5,889
06-11-30 조회 3,638
06-11-25 조회 3,755
06-10-15 조회 5,107
06-09-26 조회 5,343
06-09-26 조회 5,462
06-09-22 조회 4,322
06-09-21 조회 3,570
06-09-21 조회 3,673
06-09-02 조회 3,511
06-08-08 조회 5,150
06-07-20 조회 3,777
06-07-17 조회 3,400
06-07-13 조회 4,221
06-07-11 조회 3,515
06-07-11 조회 3,516
06-07-11 조회 3,877
06-06-29 조회 6,117
06-06-19 조회 6,491
06-06-02 조회 3,553
06-05-24 조회 5,028
06-05-14 조회 7,818
06-05-08 조회 3,937
06-02-02 조회 5,488
05-12-16 조회 4,565
05-12-05 조회 5,196
05-06-28 조회 4,155
05-04-11 조회 4,109
05-04-11 조회 4,287
05-04-11 조회 3,349
05-03-13 조회 3,261
05-03-12 조회 4,322
04-12-08 조회 7,815
04-12-01 조회 5,222
04-11-28 조회 3,405
04-11-28 조회 3,241
04-08-05 조회 5,660
04-08-05 조회 5,007
04-08-05 조회 5,621