본문 바로가기

분류 전체보기957

자바스크립트, 팝업 차단 여부 검사하는 방법 브라우저 설정에 의해 팝업이 차단된 경우 자바스크립트에서 감지하는 방법은 다음과 같다. function popup(){ var newPop = open("", "window1", "팝업창 옵션"); if(newPop == null){ alert("팝업이 차단되어 있습니다. 차단을 해제해 주세요! "); } } 동작 원리팝업을 띄워 리턴 값이 발생하는지를 검사한다. 만약 차단되어 있으면, null이 반환되므로 안뜬 것으로 간주한다. 참고 사항 크롬의 경우 팝업이 한번이라도 뜨게 되면 새로고침이나 팝업창을 닫아도 떠있는 상태로 인식한다. 2018. 10. 29.
JQuery, 서로 다른 태그를 하나의 click event에 바인딩 하기 JQuery Click Event 업무를 하다보면 어쩌다가 한 번씩은 서로다른 태그나 버튼으로 하나의 함수를 호출할 일이 생긴다.이때 서로 다른 click event 한곳에서 처리 하기 위해서는 두 개의 서로 다른 id 나 class 를 한 이벤트로 명시해주면 된다. 아래 예시에서 두 개의 서로 다른 태그가 있고 각각 클래스가 추가되어 있다.JQuery 소스에서 이벤트를 바인딩할 때 함께 명시해주면 깔끔하게 해결 된다. 페이지 소스 test1 test2 JQuery 소스 $('.tag1, .tag2').click(function() { // 두 클래스에서 발생하는 click event 처리 var $this = $(this); if ($this.hasClass('tag1')) { // tag1을 클릭한 .. 2018. 10. 29.
JQuery, visible(not hidden) elements 개수 구하기 JQuery Elements 개수 구하기 아래 div tag 중에서 .hide() 시킨 tag를 제외한 나머지 visible tag 개수 구하는 방법 예제 페이지 소스 a b c d JQuery 소스 $(".hideOrShow").index(0).hide(); $(".hideOrShow").index(1).hide(); var count = $(".hideOrShow:visible").length; a, b는 hide 되었으므로 변수 count에는 2가 저장된다. 같은 결과를 위해 .size() 함수를 사용해도 된다. $(".hideOrShow:visible").size(); 2018. 10. 29.
[JQuery] 체크박스 개수와 체크된 체크박스 개수 구하는 방법 JQuery 체크박스 예제 HTML 소스 1 2 3 4 5 6 7 뭐 먹을래? 햄벅 감튀 술 cs 위 예제 소스가 로딩되면 화면에서는 체크 박스 세개가 보이고 그 중 2개는 체크된 상태로 나온다. (핸벽, 술은 체크박스에 체크가 되어 있는 상태) 01 전체 체크박스 개수 구하기 체크박스 개수를 모두 구한다. 결과는 3 1 $("input:checkbox[name=menu]").length; // 결과 3 cs 02 체크된 체크박스 개수 구하기 모든 체크박스 중 체크된 개수만 구한다. 결과는 2개 1 $("input:checkbox[name=menu]:checked").length; // 결과 2 cs 03 체크박스 별로 체크 여부 검사 체크박스의 체크 여부를 검사하여 특정 명령을 실행하고 싶은 경우. 아.. 2018. 10. 29.
JQuery 클릭 이벤트 on("click") 과 click() 의 차이 JQuery on("click")과 click() on("click") 과 click() 의 차이점은 동적으로 이벤트를 바인딩할 수 있는지의 차이다. on("click")은 동적으로 가능하고 click()은 최초에 선언된 element에만 동작한다. 아래 예제 소스로 차이점을 알아보자. Coding Answering Getting Paid jQuery click() 이벤트 위 예제 소스에서 아무 li 태그나 클릭하면 아래 함수가 실행된다. $('#myTask').children().click(function () { $(this).remove(); }); 그러면 클릭한 li 태그에 바인딩된 click 이벤트가 실행되어 해당 li 태그가 remove() 될 것이다. 여기서 아래 소스 처럼 동적으로 새로운 .. 2018. 10. 29.
JQuery addClass/removeClass 함수로 class 추가, 제거 하기 클래스 추가하는 함수 $(this).removeClass( "클래스명" ) ; 클래스 제거하는 함수 $(this).addClass( "클래스명" ) ; removeClass()로 클래스 제거 예시 페이지 소스 클릭 JQuery 소스 $("#removeClassBtn").on("click", function(){ // 클릭하면 damm 이라는 클래스가 사라진다. $(this).removeClass( "damm" ); )}; 결과 페이지 소스 클릭 2018. 10. 29.

티스토리툴바