본문 바로가기

Javascript

 (81)
$.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..
A태그 href와 javascript 사용시 주의사항 A태그에서 많은 개발자 분들이(나도포함) href속성에 href="javascript:foo();" 이렇게 쓰는걸 많이 보았다. 아..... 나도 몰랐다 이건 href의 본연의 목적과 많이 상이하다는걸 그럼 javascript를 A태그에 어떻게 삽입할까? 이렇게 해보자.... 어떤 사이트에선 이렇게 하는걸 추천하고 있다. 위와 같이 하면 return문도 실행된다. href에서 javascript:return foo()를 하면 해본 결과 실행이 안된다. 아직 스크립트 초보라 ^^; 아무튼 위와 같은 방향으로 마크업을 하자...끝!!!
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 });//캐쉬끄기 이렇게 했더니 잘된다..끝!!!
jquery load(html 로드하기)및 A,img 링크걸기 오늘 잡(Job)은 탭을 눌렀을 때 컨텐츠 부분을 jquery load를 써서 로딩하고 선택된 탭의 이미지를 바꾸는 작업이다. 보면 그냥 알것같다. 좋지 않은 소스지만 필요하신 분들이 있을까봐 그냥 써본다. $(document).ready(function () { var aSeq = 0; var imgSeq = 0; $('.coach_Tab a').each(function () { aSeq++; $(this).attr('href', 'javascript:fn_bindContents('+aSeq+')'); }); $('.coach_Tab img').each(function () { imgSeq++; $(this).attr('id', 'tab' + imgSeq.toString()); }); fn_bindCo..
Linq.js 살펴보기 아나 이렇게 좋을수가 javascript에서 linq가 되다니 아 좋다.... 실제적으로 얼마나 활용도가 있을지는 모르지만 아 좋네...... http://neue.cc/reference.htm = > 여기서 실제적으로 링큐 결과가 어떻게 나오는지 테스트 해볼수 있다. http://linqjs.codeplex.com/ = > 여기서 소스를 다운받고 document를 볼수 있다. visual studio를 사용한다면 nuget으로 다운받을 수 있다. 간단하게 소개하자면 이렇다. .NET 4.0 메서드들과 그외의 메서드들을 구현했고 lazy evaluation도 된다 visual studio에서는 인텔리 센스도 제공된다 두가지 버전이 있는데 linq.js 그리고 jquery 플러그인으로 제공되는 jquery..
Jquery Google Chart(구글차트) http://keith-wood.name/gChartRef.html Welcome to ASP.NET! To learn more about ASP.NET visit www.asp.net. You can also find documentation on ASP.NET at MSDN.

티스토리툴바