자바스크립트 팝업창 띄우기 심플소스입니다.
<!DOCTYPE html>
<head>
<title> pop up Main </title>
<script language="javascript">
function openWin(_url, _width, _height) {
window.open(_url, "popup", "width="+_width+", height="+_height+", resizable=no, scrollbars=no") ;
}
/*
옵션 설명
menubar yes/no : 윈도우 menubar 표시여부
toolbar yes/no : 윈도우 toolbar 표시여부
location yes/no : 윈도우 location box 표시여부
directories yes/no : 윈도우 directory button들의 표시여부
status yes/no : 윈도우 상태표시바 표시여부
scrollbars yes/no : 윈도우 scrollbar 표시여부
resizable yes/no : 윈도우 크기가 조정될 수 있는 지 여부
width : 윈도우 너비
height : 윈도우 높이
*/
</script>
</head>
<body>
<br>
<div>
<a href="javascript:openWin('popup.html','300','300')">팝업창 띄우기</a>
</div>
</body>
</html>
이렇게 해주고 같은 폴더에 popup.html파일이 있으면 팝업창이 뜹니다.
popup.html'WEB_TECH > 웹개발TIP' 카테고리의 다른 글
| 웹페이지에 네이버지도 표시하는 방법 (0) | 2013.06.24 |
|---|---|
| [SNS연동] 내 웹페이지에 facebook 좋아요 버튼 달기 (0) | 2013.05.30 |
| [SNS연동] 웹페이지에 tweet버튼 달기 (0) | 2013.05.30 |
| [SNS연동] 웹에서 카카오톡 링크 사용하는 방법 (0) | 2013.05.30 |
| 웹페이지에서 나눔고딕 사용하는 방법 (0) | 2013.05.07 |
| video.js 플러그인을 알아봅시다. (0) | 2013.05.03 |
| 익스플로러 하위버전테스트 할 수 있는 프로그램 : IE Tester 다운받기 (0) | 2013.05.03 |
| 내 블로그에 jsfiddle을 사용하여 소스코드 공유하기 (0) | 2013.04.29 |
| 웹페이지에서 이미지가 없는 곳을 메우는데 유용한 방법 (0) | 2013.04.25 |
| 마우스 오른쪽 버튼 금지 하는 방법 (0) | 2012.10.31 |
