Web/Javascript_Jquery59

• [JQuery] JSON의 정의와 활용 http://devbible.tistory.com/69 본격적으로 JSON에 대해서 알아보겠습니다.비트박스에 북치기와 박치기만 있으면 된다면, JSON에서는 []와 {}만 알고 계시면 되겠습니다.네, 눈치가 있으신분이라면, (1)편에서 말씀드린 색인배열과 연관배열을 떠올리시겠네요. ^^먼저 용법을 한번 보겠습니다. [10, 20, 30, '가나다',40] 네, 위 JSON식은 []로 엮여 있기 때문에, 색인배열이 되겠습니다.실제 스크립트에서 사용방법은 JSON 의 기본 사용방법에 대해서 설명을 드리지 않고 예제가 나와 당황스러우실 것 같네요.JSON는 문자열 형식으로 나타내도록 되어있습니다. (script에서 데이터 전송을 목적으로 하다보니, 어쩌면 당연할수도 있겠네요 ^^)[10, 20, 30, '가나.. Web/Javascript_Jquery 2016. 7. 1.

• common.js Web/Javascript_Jquery 2016. 6. 29.

• 입력폼에서 글자수 제한하기 Web/Javascript_Jquery 2016. 6. 21.

• [jQuery] 선택된 인자가 몇 번째인지 찾는 방법 BY FREEZNER · 2013년 8월 27일 같은 형식의 반복된 엘리먼트 요소 중에서 선택한 엘리먼트에 엑션을 주기 위해서는 이를 참조할 수 있는 인덱스값이 .. [jQuery] 선택된 인자가 몇 번째인지 찾는 방법BY FREEZNER · 2013년 8월 27일같은 형식의 반복된 엘리먼트 요소 중에서 선택한 엘리먼트에 엑션을 주기 위해서는 이를 참조할 수 있는 인덱스값이 필요합니다. 보통 이런 상황에 자주 쓰이는 방법은 아래와 같습니다.JavaScript123$("li").click(function(){ $("li:eq(1)").attr("data-val", "hello");});li요소를 클릭했을때 eq()를 이용해 eq index가 1에 해당하는 녀석의 data-val이라는 attribute에 “hello”라는 값을 넣어주는 코드입니다. 보통 이런식으로 eq를 많이 사용합니다. 그렇다면 eq안에 1과 같은 값을 어떻게 가져와야 할까요?물론 저 코드 그대로 써도.. Web/Javascript_Jquery 2016. 6. 1.

• fullcalendar 풀캘린더, 내 소스 다른 플러그인 ( 색상) 도 같이 포함해서 사용하고 있다. Web/Javascript_Jquery 2016. 5. 27.

• jQuery::키보드 엔터키 이벤트 잡기 $('#search_school').live('keypress', function(e){if (e.which == 13) {/* 13 == enter key@ascii */$("#btn_search").trigger('click');}}); Web/Javascript_Jquery 2016. 5. 26.

• 자바스크립트 javascript 날짜 함수 요약 https://msdn.microsoft.com/ko-kr/library/ee532932(v=vs.94).aspx Web/Javascript_Jquery 2016. 5. 19.

• yyyy-mm-dd 자바스크립트 날짜, date 함수 만들기 http://stove99.tistory.com/46 1234567891011121314151617181920212223242526Date.prototype.format = function(f) { if (!this.valueOf()) return " "; var weekName = ["일요일", "월요일", "화요일", "수요일", "목요일", "금요일", "토요일"]; var d = this; return f.replace(/(yyyy|yy|MM|dd|E|hh|mm|ss|a\/p)/gi, function($1) { switch ($1) { case "yyyy": return d.getFullYear(); case "yy": return (d.getFullYear() % 1000).zf(2); case.. Web/Javascript_Jquery 2016. 5. 19.

• 유효성 검사 함수로 제작 function getCheckEmpty(input,msg){if($.trim($(input).val()) == ""){alert(msg);$(input).focus();return false;}return true;} function getCheckSelectEmpty(frm,input_name,msg){if($.trim($(frm).find("input[name='"+input_name+"']:checked").val()) == ""){alert(msg);$(frm).find("input[name='"+input_name+"']").focus();return false;} return true;} function getCheckSelectVal(frm,input_name){return $(frm).f.. Web/Javascript_Jquery 2016. 5. 18.

• 체크박스 제어하기 1. checkbox checked 여부 :id인 경우 : $('input:checkbox[id="checkbox_id"]').is(":checked") == truename인 경우 : $('input:checkbox[name="checkbox_name"]').is(":checked") == true => $('input[id="checkbox_id"]') + 옵션 형태로 작성 해도 문제는 없다Ex) $('input[name="checkbox_name"]').is(":checked") 2. checkbox 전체 갯수 : $('input:checkbox[name="checkbox_name"]').length3. checkbox 선택된 갯수 : $('input:checkbox[name="checkbox_na.. Web/Javascript_Jquery 2016. 5. 12.

• [JQUERY] datepicker, onclick 이벤트시에 한번에 뜨게 하기 [출처] [JQUERY] datepicker, onclick 이벤트시에 한번에 뜨게 하기 http://blog.naver.com/PostView.nhn?blogId=blackfrost&logNo=40127179184 jquery ui에 datepicker는 보통 이런식으로 쓰인다.하지만 이럴경우 datepicker를 다른 inpubox에 쓸때마다 해당 input id별로 datepicker를 선언해줘야 한다. 그래서 이걸 아래와 같이 함수로 만들어 어디서든지 쓸수 있게 해주면 된다. 위와 같이 써주면 된다. 하지만.. 이럴경우 해당 inputbox를 두번째 클릭할때부터 달력이 뜬다. 이것을 한번에 뜨게 하기 위해서 여러곳을 뒤져본 결과, 어떤 곳에서는 datepicker를 임의로 만들어놓은 다른 오브젝트에서 실행시키고, 자신이 원하는 오브젝트로 해당 결과를 뿌려주는 방법을 사용하기도 하고, .. Web/Javascript_Jquery 2016. 5. 12.

• each 함수 유효성 탈출 ( 배열 순회하여 빈값 찾고 탈출 ) var temp_return = "true"; $("input[name='grade3_class']").each(function(index){//index값은 0,1 두개의 값이 나온다. if($(this).val() == ""){temp_return = "false"; return false; } }); if(temp_return == "false"){alert("학교현황을 모두 입력해 주세요"); return false; } each 안에서 return fasle 는 그 함수만 탈출하기 떄문에 의미없다. Web/Javascript_Jquery 2016. 4. 29.