본문 바로가기

프로그래밍/javascript

javascript - pop_js

반응형

<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+";'>&nbsp;"+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( "삽질의 추억", "오늘은...&lt;br>팝업를 삽질한다...");
</A>
<BR><BR>
<A HREF="#" onclick='makePopup( "삽질의 추억", "오늘은...<br>팝업를 삽질한다...","LightSkyBlue");'>
makePopup( "삽질의 추억", "오늘은...&lt;br>팝업를 삽질한다...","LightSkyBlue");
</A>
<BR><BR>
<A HREF="#" onclick='makePopup( "삽질의 추억", "오늘은...<br>팝업를 삽질한다...","HotPink",100,50);'>
makePopup( "삽질의 추억", "오늘은...&lt;br>팝업를 삽질한다...","HotPink",100,50);
</A>
<BR><BR>
<A HREF="#" onclick='makePopup( "삽질의 추억", "오늘은...<br>팝업를 삽질한다...","HotPink",200,200,400,150);'>
makePopup( "삽질의 추억", "오늘은...&lt;br>팝업를 삽질한다...","HotPink",200,200,400,150);
</A>

반응형

'프로그래밍 > javascript' 카테고리의 다른 글

javascript - 깜박이는 underline  (0) 2011.07.07
javascript - textarea 글자수 제한  (0) 2011.07.07
javascript - request받기  (0) 2011.07.07
javascript - ms_color_picker  (0) 2011.07.07
javascript - html코드 - 특수문자로  (0) 2011.07.07