본문 바로가기

Javascript

(81)
스크롤시 데이터 가져오기(Jquery) $(document).ready(function () { var pageSize = $('#pageSize').val(); var totalPage = ((parseInt($('#myStatusTotalcount').val() / pageSize) + 1)) $("#divReplyList").load("ReplyList.aspx?PageNo=" + parseInt($('#pageNo').val()) + "&pageSize=" + pageSize, startScroll()); function startScroll() { $("#divReplyList").scroll(function () { if ($("#pageLastYN").val() == "N") { var elem = $("#divReplyList"..
Iframe에 Height 자동 조절하는 Script function resizeHeight(fr) { fr = typeof fr == 'string' ? document.getElementById(fr) : fr; fr.setExpression('height', iframeId.document.body.scrollHeight); } window.onload시에 스크립트 호출
사용자 Selector만들기 http://www.dotnetcurry.com/ShowArticle.aspx?ID=751 이글은 위의 내용을 토대로 만들어졌습니다. 위의 사이트에서 소스를 다운 받으실수 있으며 내용이 좀 상이할수 있습니다. Jquery는 CSS3 Selectors규격초안으로 정의된 다양한 Selector들을 제공합니다. 게다가 유용한 가짜 class들(:first-child, :hover 등등)을 포함하고 있습니다. 확장가능한 Jquery프레임워크는 여러분들이 쉽게 selector들을 정의하고 생성하여 쓸수있게 해줍니다. 여기서 우리가 배울 내용은 사용자 mailto:links 라는 선택자를 만들어 사용하는 부분입니다. 아래와 같이 코드를 작성합니다. 아래의 코드에서 볼수 있듯이 Jquery의 확장 메서드를 써서 $...
Jquery를 이용해 서버컨트롤 ID로 엘러먼트 찾기 만약 체크박스 서버컨트롤 이 있다면 어떻게 check box element에 접근할 수 있을까? Jquery를 이용하면 간단합니다. 아래와 같이 하면 쉽게 순수 check박스 엘러먼트에 접근 가능합니다. $('input[name$=chk]')
Revealing Module Pattern http://weblogs.asp.net/dwahlin/archive/2011/08/02/techniques-strategies-and-patterns-for-structuring-javascript-code-revealing-module-pattern.aspx 이 글은 위의 기사를 번역 한 글입니다. 조금 내용과 상이 할수 있습니다. Revealing Module Pattern 은 Module Pattern에 근간을 두고 있습니다. 장점은 보다 쉽게 코드를 이해할수 있고 보다 구조적으로 구성할수 있습니다. 이 패턴의 시작은 아래와 같이 함수를 변수로 정의하고 그 다음 자바스크립트가 로드될때 바로 그 함수를 호출합니다. 마지막 ()가로가 함수를 호출하는 부분입니다. var Calculator = func..
Javascript Prototype Pattern http://weblogs.asp.net/dwahlin/archive/2011/08/01/techniques-strategies-and-patterns-for-structuring-javascript-code-the-prototype-pattern.aspx 위의 기사 내용의 중요한 부분만 발췌하였습니다. 프로토타입 패턴은 크게 2가지의 섹션으로 볼수 있는데 하나는 생성자 섹션이고 다른 하나는 프로토타입 섹션입니다. 프로토타입핑은 객체와 함수 프로퍼트를 연결시켜주는 역할을 합니다. 이것은 인스턴스가 생성되면 모든 프로퍼티와 function을 복사하는 대신 모든 객체에 대해서 하나의 function들과 프로퍼티들이 생성되어 메모리 소비를 절약해 줍니다. 다시말해서 functions과 properties는 하..
Visual Studio에서 자바스크립트 인텔리 센스 Visual Studio에서 자바스크립트 인텔리 센스가 안될경우. 참조될 스크립트 페이지 상단에 아래와 같이 코드를 삽입해 보세요 /// 꼭 /// 후에 reference 를 걸여줘야 합니다.
GridView의 CheckBox클릭시 값 연산 아래의 내용은 닷넷쿼리에서 발췌한 내용입니다. 오해 없으시길 바랍니다. http://www.dotnetcurry.com/ShowArticle.aspx?ID=662 그냥 부담없이 따라해주세요 1. HostingPlan 모델을 하나 생성합니다. 2. Viewpage에 그리드를 삽입합니다. 3.Code behind에서 모델을 그리드에 바인딩합니다. 4. 실행 결과는 아래와 같습니다. 5. 이제 JQuery를 살펴보겠습니다. 아래와 같이 코드를 삽입해 주십시오 위의 코드를 하나하나씩 살펴보겠습니다. 위의 코드는 각각의 체크박스가 클릭시 체크 Row의 4번째컬럼을 더하는 코드입니다. 위의 코드는 체크된 모든 Row의 n번째 컬럼값을 가져와 합산하는 코드입니다. 합산한 결과를 아이디 값이 tot 인 input te..