본문 바로가기

Javascript/Jquery

(23)
Nested Elements 선택하기 … … … … 위의 코드가 있다가 가정합니다. 이때 emailContainer에 있는 panel들을 가져올때 방법중 하나를 소개하고자 합니다. var emailDiv = $('#emailContainer'); 위와 같이 emailContainer 요소를 가져옵니다. 그다음 Jquery의 find()메서드를 사용하여 아래와 같이 합니다. var panels = emailDiv.find('div.panel'); 두번째 방법은 아래와 같이 context 안에 값을 가져오는 방법입니다. var panels = $('div.panel', emailDiv); 참 여러가지 방법이 있네요
테이블에서 체크박스에서 체크된 특별 컬럼들 가져오기 var tds =$('.테이블클래스 tr:has(:checkbox:checked) .td에준클래스'); 위와같이 하면 특정 td값들을 array로 가져올수 있다.
Jquery Animate function http://www.viget.com/inspire/fun-with-jquerys-animation-function/# 위의 기사는 animate에 대한 예제를 보여주고 있습니다. 관심있으신 분은 한번 보시면 좋을 듯해요
HTML5 Application에서 JsRender Template사용하기 http://weblogs.asp.net/dwahlin/archive/2011/11/23/reducing-javascript-code-by-using-jsrender-templates-in-html5-applications.aspx 위의 기사를 퍼온 글입니다. Back in November of 2010 I wrote a post titled Reducing Code using jQuery Templates that demonstrated how jQuery Templates could be used to reduce significant amounts of JavaScript code. Although the topics and code discussed in that post are still val..
$.datepicker.parseDate 사용하기 아 오늘 소소한 작업중에 캘렌더에서 받은 값을 어떤 특정한 날짜와 비교하는 일이 있었다. 프론트에서 작업을 해야하는데 어떻게 할까? javascript 에 Date.Parse ? 이놈이 있지만 내게 맞는 포맷과는 거리가 좀 있었다. TextBox에 나오는 DateFormat 은 2010-11-01 이런 식이었다. 어떻게 DateTime으로 변경할수 없을까 해서 검색을 해본 결과 Jquery Ui에 이러한 기능이 있었다. $.datepicker.parseDate( format, value, [settings] ) 내가 써본 코드를 잠깐 공유해 보겠다. 좀 허접하지만 ㅋㅋㅋ var startDate = $("#").val(); if(startDate != undefined && startDate != '')..
Jquery Load 사용하기 오늘 간단한 작업이 들어왔다. 왼쪽 메뉴를 클릭했을때 컨텐츠 부분을 로드하는것이다. 프로모션 성이라 따른 특별한 비즈니스 로직이 없었다. 그리하여 외쪽 탭을 클릭했을때 jquery 의 load를 함 써봤다. 왜? 그냥 ..... 한번 코드를 보자. 위의 html을 해놓고 document 가 ready 될때 기본적인 contents를 바인딩해준다. $(document).ready(function () { $('#contents').load('/hrd/index9.html'); }); 그리고 왼쪽 탭에서 클릭 엑션이 일어났을때...앨범 자바스크립트를 호출하여 해당 html을 로드한다. function fn_chagneContents(fileName,index) { var path = '/hrd/' + fil..
Jquery Form Submit(동적으로 폼생성 및 서브밋하기) 일을하다가 보면 Post방식으로 어떤 특정 데이터를 서브밋해야 할 때가 있다. 이런 작업들은 Jquery를 이용해서 간단히 할수 있다. 일단 form태그를 생성하고 값들을 바인딩하여 서브밋한다. 내가 써본 방식이다. 쩝 허접하지만 한번 적어보겠다. var $form = $(''); $form.attr('action', targeturl); $form.attr('method', 'post');$form.appendTo('body'); var userId = $(''); var processCd = $(''); var studyProcessYear = $(''); var studyProcessTerm = $(''); var companySeq = $(''); var courseCd = $(''); var a..
Ajax Get방신 캐쉬문제 앙...오늘 작업 하던 도중 Get방식으로 데이터를 가져오는 코딩을 했다... 잉? 근데 왜 한번만 가져오지? 단번에 캐쉬문제구나 생각을 하고 웹 검색을 했다. 아니나 다를까 cache문제였다. jquery에서 이를 해결하기 위해서 document ready시 다음과 같은 코드를 적어주면 해결된다. 아님 파라미터 뒤에다가 특별한 값을 계속생성하여 넘겨주면된다... 이건 좀 귀찮은 것같고 아래와 같이 캐쉬를 안쓴다고 명시적으로 페이지에 선언하자. jQuery.ajaxSetup({ cache: false });//캐쉬끄기 이렇게 했더니 잘된다..끝!!!