간단한 팝업오브젝트 예제
<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>
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>
게시판 목록
퍼블리셔팁
퍼블리싱과 관련된 유용한 정보를 공유하세요.
질문은 상단의 QA에서 해주시기 바랍니다.
질문은 상단의 QA에서 해주시기 바랍니다.
| 번호 | 분류 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|---|
| 1217 | 반응형 | 3년 전 | 3105 | ||
| 1216 | 웹접근성 | 3년 전 | 2498 | ||
| 1215 | CSS | 4년 전 | 4904 | ||
| 1214 | 기타 | 4년 전 | 8363 | ||
| 1213 | CSS | 4년 전 | 3256 | ||
| 1212 | 웹접근성 | 4년 전 | 3644 | ||
| 1211 | CSS |
|
5년 전 | 4121 | |
| 1210 | 기타 | 5년 전 | 3346 | ||
| 1209 | CSS | 5년 전 | 3595 | ||
| 1208 | 기타 | 5년 전 | 3152 | ||
| 1207 | 기타 | 5년 전 | 2894 | ||
| 1206 | CSS |
moviepd
|
5년 전 | 3722 | |
| 1205 | HTML |
moviepd
|
5년 전 | 4386 | |
| 1204 | 기타 | 6년 전 | 7838 | ||
| 1203 | 웹접근성 | 6년 전 | 3014 | ||
| 1202 | 기타 | 6년 전 | 2990 | ||
| 1201 | 기타 | 6년 전 | 4327 | ||
| 1200 | 기타 | 6년 전 | 4124 | ||
| 1199 | 기타 | 6년 전 | 4135 | ||
| 1198 | 기타 | 6년 전 | 2616 | ||
| 1197 | 기타 | 6년 전 | 2689 | ||
| 1196 | 기타 | 6년 전 | 2471 | ||
| 1195 | 기타 | 6년 전 | 2460 | ||
| 1194 | 기타 | 6년 전 | 3049 | ||
| 1193 | 기타 | 6년 전 | 9237 | ||
| 1192 | 기타 | 6년 전 | 3886 | ||
| 1191 | 기타 | 6년 전 | 6226 | ||
| 1190 | 기타 | 6년 전 | 2445 | ||
| 1189 | 기타 | 6년 전 | 2347 | ||
| 1188 | 기타 | 6년 전 | 1826 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기