이야기앱 세상

jquery를 이용한 checkbox 전체 선택 해제하기

div에 overflow:auto 로 지정했을 때 div의 하위 div로 스크롤 위치를 변경하기 div에 스크롤이 생기고 div의 하위 div로 스크롤의 위치를 변경하게 하기 위해서 아래와 같이 우선 div에 overflow:auto 스타일을 적용한다. [style 부분] 1 2 3 4 5 6 123456789101112 [실행 화면]3을 클릭하면 3번이라고 명시된 div로 스크롤이 옮겨짐

jQuery - 페이지 내의 특정 위치로 스크롤을 이동시키기 버튼을 누르거나 링크를 누르면 같은 페이지 내의 특정 위치로 스크롤을 이동시킬 수 있다. jQuery의 offset() 메서드를 이용해서 태그의 위치를 알아내고 animate() 메서드를 이용해서 부드럽게 원하는 위치로 이동하도록 코드를 작성할 수 있다. [스크립트 부분] [html 태그 부분] div1로 이동div1

jQuery - ajax 통신이 성공했을 때 팝업창(새창) 띄우기 오류 ajax 통신을 할 때 통신에 성공해서 데이터를 받고 팝업창을 띄울때 팝업창이 동작이 되지 않을 때가 있다. 브라우저에서 ajax 통신시 팝업창을 차단하는 것으로 레이어 팝업창을 사용하면 해결될 수 있으나 window.open 메서드를 이용해 새창을 호출하면 동작이 되지 않는 현상이 나타난다.이런 문제를 해결하기 위해 ajax 통신을 수행하기 직전에 빈페이지의 새창을 띄워두고 통신이 완료되면 호출 URL를 변경하는 방법을 사용할 수 있다. $('#btn).click(function(){ var pop = win.open("about:blank","content","width=300,height=300"); $.ajax({ succes..

jQuery - 스크롤시 메뉴는 고정되고 내용은 스크롤되도록 처리하기 스크롤시 로고 영역은 스크롤되지만 메뉴는 상단에 고정한 후 내용은 계속 스크롤 처리하게 할 수 있다. 메뉴의 수직 위치를 측정해서 스크롤바의 위치가 메뉴의 수직 위치보다 크면(스크롤바의 위치가 아래일 경우) 메뉴 영역이 고정되게 처리한다. jQuery의 .offset() 메서드를 이용해서 선택한 태그의 위치를 알아낸다. [스타일을 표시 부분] [스크립트 표시 부분] [HTML 태그 표시 부분] 회사소개 상품정보 오시는 길 [스크롤하기 전] [스크롤한 후]

jQuery를 이용해서 팝업창에서 부모창에 데이터 전달하기 자식창 $(function(){ $('#confirm_id').click(function(){ //부모창의 id가 id인 input 태그에 'dragon' 이라는 문자열 저장하기 $('#id',opener.document).val('dragon'); //아래와 같이 명시하는 것도 가능함 //$(opener.document).find('#id').val('dragon'); self.close(); }); }); 부모창

jQuery를 이용해서 checkbox의 선택한 값 모두 읽어 오기 봄 여름 가을 겨울

ajax 이용해서 multipart 데이터 전송하기 이름 $("#myForm").submit(function(event){ //전체 데이터를 전부 지정할 때 var formData = new FormData($(this)[0]); //개별 데이터를 선택적으로 셋팅할 때 var formData = new FormData(); formData.append("name", document.getElementById('name').value); $.ajax({ url: 'writPro.do', type: 'POST', data: formData, dataType:'json', contentType: false, processData: false, success: function (data) { }, error: ..