엠

간단한 팝업오브젝트 예제

<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>
|
댓글을 작성하시려면 로그인이 필요합니다.

팁게시판

6,077건

디자인과 관련된 유용한 정보를 공유하세요. 질문은 상단의 QA에서 해주시기 바랍니다.

+
제목 글쓴이 날짜 조회
06-12-15 조회 1,880
06-12-15 조회 1,600
06-12-15 조회 1,606
06-12-15 조회 1,537
06-12-15 조회 3,297
06-12-15 조회 2,996
06-12-15 조회 1,741
06-12-15 조회 3,464
06-12-15 조회 1,931
06-12-15 조회 1,571
06-12-15 조회 2,039
06-12-15 조회 2,170
06-12-15 조회 1,702
06-12-15 조회 2,406
06-12-15 조회 2,060
06-12-15 조회 1,672
06-12-15 조회 1,854
06-12-15 조회 2,106
06-12-15 조회 1,861
06-12-13 조회 1,655
06-12-13 조회 1,729
06-12-13 조회 3,197
06-12-12 조회 2,053
06-12-12 조회 1,936
06-12-12 조회 4,404