jquery addeventlistener 에러가 발생할경우
jquery 홈페이지에 접속을 해보면 아래와같은 문구를 확인할 수 있다. jQuery 2.x has the same API as jQuery 1.x, but does not support Internet Explorer 6, […]
더 보기 →[카테고리:] jquery
select boxes 플러그인
select boxes ui 쉽게 변경하기 사용법 $(“.chosen-select”).chosen({max_selected_options: 5}); option allow_single_deselect:true disable_search_threshold:10 no_results_text:’Oops, nothing found!’ max_selected_options : 5 width:”95%” http://harvesthq.github.io/chosen/
더 보기 →jquery는 JSON.parse()를 사용한다.
다음의 코드는 서버로 HTTP request를 날린 후 response로 JSON데이터를 받아 alert를 찍어주는 부분이다. $.ajax({ type : “GET”, url : “${pageContext.request.contextPath}/json.do”, dataType : “json”, data : […]
더 보기 →
jquery를 이용한 jsonp 처리 방법
test.co.kr 이라는 사이트에서 dev.co.kr 이라는 사이트에 있는 정보를 Ajax 기술을 이용하여 요청을 보낼 때 cross domain policy에 의해 브라우저가 요청을 막는다. 즉, 도메인이 다르면 요청을 보낼 […]
더 보기 →ajax HTTP, HTTPS에 따른 크로스 도메인 문제
사용자 개인 정보를 서버에 전송할 때 HTTPS로 적용해 달라는 요청이 들어온 적이 있었다. 그래서 주민등록번호나 회원 아이디, 패스워드 등을 서버로 전송하는 페이지에 한해서 HTTPS로 적용되게 […]
더 보기 →
html table merge
간혹 아래와 같이 html table을 merge한 후 화면에 보여줘야 하는 경우가 있다. 전에는 for문 돌리며 if 처리를 통해 해결했는데 다음과 같이 DOM을 이용하면 코드를 이해하기 […]
더 보기 →
jquery radio 테스트
radio 버튼 처리를 위한 테스트 코드를 작성해 보았다. 초기 로딩 화면은 다음과 같다. 테스트 코드는 다음과 같다. <!DOCTYPE html PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/html4/loose.dtd”> […]
더 보기 →jquery checkbox 전체 선택, 전체 해제, 체크 값 추출
jquery를 이용하여 checkbox 핸들링 테스트를 해보았다. 체크 박스 전체 석택 체크 박스 전체 해제 체크 되어 있는 값 추출 서버에서 받아온 데이터 체크하기 (콤마로 받아온 […]
더 보기 →
jquery selector 실습
tree를 이용하여 화면을 개발하였는데 jquery를 잘 모르다보니 초반에 너무 삽질을 많이 했다. 지금은 웬만큼 익숙해졌지만 좀 더 간결하고 깔끔하게 짤 수 있는 방법을 찾기 위해 지속적인 테스트를 해보려고 […]
더 보기 →