|
예를 들어 공지창의 문서이름이 popup.html이라면 팝업창(공지창)띄우기 소스(자바스크립트)는 <head>와 </head>사이에 들어가는 것이 좋습니다만 <body>안에 들어가도 무방합니다.
그리고 공지창 배경이미지를 변경하는 것은 공지창의 문서(예시:popup.html)의 소스를 변경하시면 됩니다. 이미지는 지정된 경로에 업로드되어있어야 하구요.
<script language="javascript">
str = "http://xxx.com/notice_popup_view.asp?num=31"
window.open(str, "Display_win", "width=520,height=500,scrollbars=0,left=10,top=10,toolbar=no,resize=no");
}
</script>
- str 이라는 변수에 공지문서의 경로를 지정합니다.
- Display_win 은 문서의 이름으로 아무거나 지정하시면 됩니다.
- width : 공지창 너비, height : 공지창 길이(세로)
- scrollbars (0, 1, auto) 스크롤바의 표시 유무를 결정
- left : 브라우저 좌측기준 좌표값, top : 브라우저 상단기준 좌표값
- toolbar : 툴바(앞/뒤, 새로고침, 검색, 즐겨찾기 등)메뉴 사용여부
- resize : 공지창의 크기 조정 가능 여부
그럼 도움이 되었기를...
팝업 윈도우를 생성하는 소스코드 <html>
<head>
<title>Untitled</title>
<SCRIPT LANGUAGE="JavaScript">
function OpenWin(href){
Win =window.open(href,"Win","toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,
resizable=yes,width=300, height=330");
}
</SCRIPT>
</head>
<body onload='OpenWin("popup.html")'>
</body>
</html>
팝업 윈도우에서 창 닫는 소스코드(popup.html) <html>
<head>
<title>팝업윈도우</title>
<script language="JavaScript">
<!--
function call(str)
{
eval(str);
}
// -->
</script>
</head>
<body>
<p align="center">팝업윈도우에</p>
<p align="center">나타난 파일 내용</p>
<p align="center">새로 띄운 창에 닫기 버튼</p>
<form name="form1">
<p align="center">
<input type="button" name="close_but" value="닫기" OnClick="call('window.close();');">
</form>
</body>
</html> |
|
