<html>
<head>
<!-------- 자바스크립트 -------------->
<script language = "javascript">
var propup = function(o) {
o.url = (typeof o.url == 'undefined') ? 'http://www.happycgi.com/' : o.url;
o.width = (typeof o.width == 'undefined') ? screen.width/2 : o.width;
o.height = (typeof o.height == 'undefined') ? screen.height/2 : o.height;
if((o.width<=1)&&(o.width>0)){
o.width*=screen.width}
if((o.height<=1)&&(o.height>0)){
o.height*=screen.height}
o.xpos = (typeof o.xpos == 'undefined') ? (screen.width/2)-(o.width/2) : o.xpos;
o.ypos = (typeof o.ypos == 'undefined') ? (screen.height/2)-(o.height/2) : o.ypos;
o.xoffset = (typeof o.xoffset == 'undefined') ? 0 : o.xoffset;
o.yoffset = (typeof o.yoffset == 'undefined') ? 0 : o.yoffset;
o.name = (typeof o.name == 'undefined') ? 'propup' : o.name;
o.scrollbars = (typeof o.scrollbars == 'undefined') ? 'no' : o.scrollbars;
o.resizable = (typeof o.resizable == 'undefined') ? 'no' : o.resizable;
o.status = (typeof o.status == 'undefined') ? 'no' : o.status;
o.locat = (typeof o.locat == 'undefined') ? 'no' : o.locat;
o.toolbar = (typeof o.toolbar == 'undefined') ? 'no' : o.toolbar;
if(o.xpos == "left"){
o.xpos=0;
}
if(o.xpos == "right"){
o.xpos = screen.width-o.width;
}
if(o.ypos == "top"){
o.ypos=0;
}
if(o.ypos == "bottom"){
o.ypos = screen.height-o.height;
}
o.xpos += o.xoffset
o.ypos += o.yoffset
var scrollbarstext = 'scrollbars = '+o.scrollbars+",";
var resizabletext = 'resizable = '+o.resizable+",";
var statustext = 'status = '+o.status+",";
var locationtext = 'location = '+o.locat+",";
var toolbartext = 'toolbar = '+o.toolbar+",";
features = scrollbarstext+resizabletext+statustext;
features = features + locationtext+toolbartext;
features = features + 'width = '+o.width+',height = '+o.height;
features = features + ',top = ' + o.ypos;
features = features + ',left = ' + o.xpos;
var win = null;
win = window.open(o.url, o.name, features);
if(typeof o.url == 'undefined'){
o.url = 'http://www.happycgi.com/';
}
else {
o.url = o.url
}
}
</script>
<!-------- 자바스크립트 -------------->
</head>
<body>
<ol>
<li><a href = "javascript:propup({});">기본 팝업창</a></li>
<li><a href = "javascript:propup({url:'http://www.google.com/',name:'pop1'});">구글 팝업창으로 열기</a></li>
<li><a href = "javascript:propup({width:700,height:200,name:'pop2'});">700x200사이즈로 팝업열기</a></li>
<li><a href = "javascript:propup({width:0.3,height:200,name:'_blank'});">30%x200 사이즈로 팝업열기</a></li>
<li><a href = "javascript:propup({xpos:'right',ypos:'bottom',name:'_blank'});">화면 오른쪽 아래에서 팝업열기</a></li>
<li><a href = "javascript:propup({xpos:'right',xoffset:-100,name:'_blank'});">화면 오른쪽에서부터 100픽셀 떨어진 곳에서 팝업열기</a></li>
<li><a href = "javascript:propup({scrollbars:'yes',name:'_blank'});">스크롤바 있는 팝업열기</a></li>
<li><a href = "javascript:propup({resizable:'yes',name:'_blank'});">최대화버튼 있는 팝업창 열기</a></li>
<li><a href = "javascript:propup({status:'yes',name:'_blank'});">상태표시줄 있는 팝업창 열기</a></li>
<li><a href = "javascript:propup({locat:'yes',name:'_blank'});">주소표시줄 있는 팝업창 열기</a></li>
<li><a href = "javascript:propup({toolbar:'yes',name:'_blank'});">도구모음이 있는 팝업창 열기</a></li>
</ol>
</body>
</html>
|
