글
javascript에서 팝업버튼을 누르면 계속 팝업이 호출되는 것을 방지하는 예제이다.
javascript 에서 window.open 으로 팝업을 열 때 팝업 호출 이벤트를 계속 실행하면
중복해서 계속 팝업이 뜬다.
그 현상을 방지하기 위한 방법이다.
완벽하진 않지만 임시로 쓰기엔 나쁘지 않은것 같다.
페이지가 새로고침 되거나 하면 현재 예제로는 답이 없으니 그 상황에 대처는 각자에게 맞긴다.
하나의 팝업 이벤트
|
var winRef;
function popupAction(){
if(winRef == null){
winRef = window.open('url', 'popupName', 'width=1300,height=400');
}else{
if (winRef.closed == false) {
winRef.focus();
}else{
winRef = window.open('url', 'popupName', 'width=1300,height=400');
}
}
}
|
cs |
여러개의 팝업 이벤트가 있을때
|
var winRef;
var popupFlag = '';
function skillPopup(no) {
var url = '';
if (popupFlag == no) {
if (winRef == null) {
winRef = window
.open(
url,
'skillPopup',
'width=1300,height=400,toolbar=no,menubar=no,location=no,scrollbars=yes,status=no,pageXOffset=0,pageYOffset=0,resizable=yes');
} else {
if (winRef.closed == false) {
winRef.focus();
} else {
winRef = window
.open(
url,
'skillPopup',
'width=1300,height=400,toolbar=no,menubar=no,location=no,scrollbars=yes,status=no,pageXOffset=0,pageYOffset=0,resizable=yes');
}
}
} else {
popupFlag = no;
if (winRef != null) {
winRef.close();
}
winRef = window
.open(
url,
'skillPopup',
'width=1300,height=400,toolbar=no,menubar=no,location=no,scrollbars=yes,status=no,pageXOffset=0,pageYOffset=0,resizable=yes');
}
} |
cs |
도움이 되셨다면 공감을 부탁드립니다. ^^
'language > javascript' 카테고리의 다른 글
| javascript / 숫자인지 체크하기 (0) | 2016.01.05 |
|---|---|
| javascript / 특정 글자수가 넘어가면 넘어가는 글자는 자르고 마지막에 대체문자 처리 (0) | 2016.01.05 |
| javascript / replaceAll / 리플레이스 / 치환 / 문자열 치환 (0) | 2016.01.05 |
| javascript / 화면 엑셀 다운로드 / table / 테이블 다운로드 / excel / iframe 다운로드 (0) | 2016.01.05 |
| javascript / 천단위 구분기호 / , / 1,000 / 콤마 (0) | 2016.01.05 |
| javascript / popup / 팝업 / 중복으로 열릴때 / 팝업 포커스 / 팝업 체크 / window.open (0) | 2016.01.05 |
| javascript / file size check / 파일 사이즈 / 파일 크기 / 검사 / 체크 (2) | 2016.01.05 |
| javascript / trim 구현 (0) | 2016.01.05 |
| javascript / 검색 또는 로그인 할 때 엔터키 enter 누르면 실행되게 하기 (0) | 2016.01.05 |
| javascript / xml parsing / 파싱 / 예제 (2) | 2016.01.05 |
| javascript / file extension(확장자) check / 필수항목 표시 / zerolength(공백) check / number(숫자) check / validator (0) | 2016.01.05 |
댓글