Web/Javascript_Jquery59

• jquery 속성값 변경 되면 변화 감지. attrchange https://github.com/meetselva/attrchange http://wordpress.kjetil-hartveit.com/2014/06/16/dom-attribute-change-events-and-how-it-can-improve-maintainability-in-your-web-application/ Web/Javascript_Jquery 2017. 5. 3.

• [Script] Handlebars Tutorial & Reference 출처: http://aroundck.tistory.com/957 [돼지왕 왕돼지 놀이터] http://aroundck.tistory.com/957 ReferencesOfficial Site : http://handlebarsjs.com/ Reference : http://yuilibrary.com/yui/docs/api/classes/Handlebars.html Non-official Tutorials http://blog.teamtreehouse.com/getting-started-with-handlebars-js http://blog.teamtreehouse.com/handlebars-js-part-2-partials-and-helpers http://blog.teamtreehouse.com/handlebars-js-part-3-tips-and-tricks HandleBars 란 무엇인가.. Web/Javascript_Jquery 2017. 4. 27.

• [jQuery] input radio 버튼 컨트롤 하기 1. checked 된 radio 값 : $('input:radio[name="radio_name"]:checked').val();2. 특정 radio 버튼 checked : $('input:radio[name="radio_name"]:input[value="Y"]').attr("checked", true);- checked 해제는 false를 넣으면된다 * value 자리에 원하는 값을 세팅하면 radio_name 으로 된 버튼중에서 해당 값과 매칭되는 것을 찾아 checked 처리를 해준다 3. checked 된 radio 갯수 : $("input:radio[name=radio_name]:checked").length* jQuery 에서 radio 버튼의 존재여부 확인, 존재하는 것중에서 checke.. Web/Javascript_Jquery 2016. 11. 25.

• jQuery로 이벤트 발생시키기, 이벤트 트리거 .jQuery로 간단하게 이벤트를 발생시킬 수 있다. fireEvent와 마찬가지로 사용자의 행동 없이 javascript로 이벤트를 제어하는 코드이다.다음 코드가 사용되는 가장 간단한 예로, jQuery 코드중 .val() 메서드를 통한 객체의 값 할당에서는 change 이벤트가 발생하지 않는다. 그에따라서, 다음 코드로 강제적으로 이벤트를 발생시켜주어야 change이벤트가 작동하는걸 확인할 수 있다. jQuery 이벤트 발생기JavaScript12var e = jQuery.Event("change");jQuery("input.myName").trigger(e); http://www.codekin.com/?p=1263 Web/Javascript_Jquery 2016. 11. 17.

• input 이벤트 감지 크로스브라우징 http://webdir.tistory.com/428 폼 검증을 위해 값의 변경을 감지한 후, 이벤트를 수신하여 유효성 검증을 하고 오류 메세지를 표시하는 작업에 열을 올리고 있었습니다. 실시간으로 변경되는 값을 수신하고 싶었고 관련하여 이벤트의 종류와 기능을 살펴보다가 어느정도 결론에 도달하여 내용을 공유합니다.폼 검증시 사용되는 이벤트기본적으로 폼 검증시에는 해당 input 필드에 값이 입력되고 포커스가 해제되면 발생하는 blur이벤트를 많이 사용한다. 대부분의 경우 유효한 방법이지만, 작성이 완료된 필드에 다시 돌아가는 일은 사용자 입장에서 여간 귀찮은 일이 아닐수 없다. 경우에 따라서는 키가 입력되는 순간 순간에 유효성을 검증해야 하는 경우도 생긴다. 아래의 예처럼 말이다.실시간 이벤트 감지 사례.. Web/Javascript_Jquery 2016. 11. 17.

• 자바스크립트에서 당장 사용해야 할 5가지의 배열 메소드들 (Array) http://blog.kazikai.net/?p=16 배열 메소드 들중에.. 평소에 잘 사용하지 않지만, 사용하면 생산성이 많이 올라가는 메소드 들이다.하지만 다시 리마인드 하는 의미로 정리하면, 도움이 될것 같다. 익숙한놈도 있고.. 초기에 JS 공부할때 알아뒀지만, 한번도 안써봤던,,(reduce) 같은 놈들은 다시 보니 어색 하기도 하고. 이번기회에 정리를 해보자아래는 이 포스팅의 원문이 되는 블로그http://colintoh.com/blog/5-array-methods-that-you-should-use-today?utm_source=javascriptweekly&utm_medium=email 1. 배열에서특정값이 있는지 찾을때는 indexOf를 사용해라 대부분의 배열에서 indexOf 를 사용 .. Web/Javascript_Jquery 2016. 11. 14.

• [JavaScript] 연관 배열을 사용해서 폼 요소의 이름(id)과 값 저장하기 http://thesecondtime.tistory.com/entry/%EC%97%B0%EA%B4%80-%EB%B0%B0%EC%97%B4%EC%9D%84-%EC%82%AC%EC%9A%A9%ED%95%B4%EC%84%9C-%ED%8F%BC-%EC%9A%94%EC%86%8C%EC%9D%98-%EC%9D%B4%EB%A6%84id%EA%B3%BC-%EA%B0%92-%EC%A0%80%EC%9E%A5%ED%95%98%EA%B8%B0 연관 배열을 사용해서 폼 요소의 이름(id)과 값 저장하기"유효성 검증을 하기 위해 폼 요소의 이름과 값을 저장하고 싶다면!" 아직은 좀 어렵지만 대충 해석해서 올림!예제 (JavaScript Cookbook 128) 값 1: 값 2: 값 3: 값 4: // 폼 요소와 사용하는 연관 배.. Web/Javascript_Jquery 2016. 11. 14.

• datepicker 시작일과 종료일 설정시 사용하기 좋은 팁 http://blog.munilive.com/datepicker-%EC%8B%9C%EC%9E%91%EC%9D%BC%EA%B3%BC-%EC%A2%85%EB%A3%8C%EC%9D%BC-%EC%84%A4%EC%A0%95%EC%8B%9C-%EC%82%AC%EC%9A%A9%ED%95%98%EA%B8%B0-%EC%A2%8B%EC%9D%80-%ED%8C%81/ datepicker 좋은 정보 많음 -------------------------------------------------------- 웹프로그래밍을 하다보면 가끔 시작일과 종료일을 입력 받는 프로그램을 제작 하곤 한다. 사용자에게 날짜를 입력 받아야 하는데 텍스트박스만 떡하니 나두면 사용자가 제대로 된 데이터를 입력하지 않아 에러가 발생 될수 있다. 이럴 .. Web/Javascript_Jquery 2016. 11. 9.

• datepicker 경북대 $( obj ).datepicker({ inline: true, buttonImage: "../images/common/btnCalendar.gif",// showOn: 'button', dateFormat: "yy-mm-dd", /* 날짜 포맷 */ prevText: 'prev', nextText: 'next', showButtonPanel: true, /* 버튼 패널 사용 */ changeMonth: true, /* 월 선택박스 사용 */ // changeYear: true, /* 년 선택박스 사용 */ // showOtherMonths: true, /* 이전/다음 달 일수 보이기 */ // selectOtherMonths: true, /* 이전/다음 달 일 선택하기 */ minDate: '7d', .. Web/Javascript_Jquery 2016. 11. 9.

• 이전페이지 비교 intro 페이지 이동 // 이전 페이지 비교 intro 이동if( request.getHeader("referer") == null || !request.getHeader("referer").contains("ipsi1.knu.ac.kr") ){response.sendRedirect("http://ipsi1.knu.ac.kr/ipsi1/main/intro.htm");} Web/Javascript_Jquery 2016. 9. 21.

• 자바스크립트 Form 생성하여 Post 전송 보통 내가 자바스크립트를 통해 url과 parameter를 전송할때에 쓰는 스크립트는 아래와 같이 GET방식을 이용한 전송을 사용한다.?1document.location.href="http://example.com/a.php?q=a";하지만 어떤 경우에는 POST 방식의 전송을 써야하는 경우가 발생하는데 아래와 같이 태그를 이용하려면 값을 입력하고 전송해주는 스크립트를 만들고 를 선언해놔야 사용할 수가 있다.?123 이러한 번거로운 작업을 피하기 위해 아래 소스를 찾게 되었다.참고하여 실 작업에 반영하도록 하자.?12345678910111213141516171819202122/* * path : 전송 URL * params : 전송 데이터 {'q':'a','s':'b','c':'d'...}으로 묶어서 배.. Web/Javascript_Jquery 2016. 7. 22.

• [jQuery] file폼 확장자 체크하기. [jQuery] file폼 확장자 체크하기. http://beans9.tistory.com/165 if( $("#file").val() != "" ){var ext = $('#file').val().split('.').pop().toLowerCase(); if($.inArray(ext, ['gif','png','jpg','jpeg']) == -1) { alert('gif,png,jpg,jpeg 파일만 업로드 할수 있습니다.'); return; }} #file은 파일 id Web/Javascript_Jquery 2016. 7. 19.