프로그램/jQuery20 브라우저 종류 및 버전 체크 1. 브라우저 종류 $.browser.safari 사파리인 경우 true $browser.opera 오페라인 경우 true $browser.msie MS IE인 경우 true $browser.mozilla 파이어폭스인 경우 true 2. 브라우저 버전 $.browser.version 브라우저 버전 2014. 8. 7. Input TYPE=“File” 을 히든으로 하고 외부 버튼을 눌러서 파일을 선택 Image 참조 : Input TYPE=“File” hide the input and leave the button? 2014. 7. 24. document.getElementById() 처럼 DOM 객체 얻기 document.getElementById('test') 는 id 값이 test 인 HTML DOM Object를 반환합니다. jQuery 를 이용해서 위와 동일한 객채를 얻는 방법은 다음과 같습니다. $('#test').get(0); 또는 $('#test')[0]; 2014. 7. 19. select box 값 변경, 목록 변경 하나둘셋넷다섯여섯일곱여덜 multiple 속성은 select box 가 두개 이상의 값을 동시에 선택할 수 있도록 해 준다. 선택된 값들은 ','로 구분되는 문자열 형태로 반환된다. 1. 선택된 값 변경하기$('#number').val('5'); 2. 현재 선택된 값 가져오기$('#number').val(); // 5 를 반환한다. 3. 여러개의 값을 선택하기$('#number').val(['4', '6']); 4. 현재 선택된 값 가져오기$('#number').val(); // 4,6 를 반환한다. 2014. 4. 12. [plugin] Dynatree - JavaScript dynamic tree view plugin Dynatree 는 동적으로 HTML Tree 생성을 지원하는 jQuery plugin 이다. 사이트 https://code.google.com/p/dynatree/ 2014. 4. 7. 슬라이드 쇼 예제 소스는 3장의 이미지가 겹쳐져 있는 상태에서 첫번째 이미지는 보이고 두번째, 세번째 이미지는 감추어진 상태로 시작한다. 3초 단위로 switchImg() 함수가 호출된다. switchImg()함수는 이미지 목록의 첫번째 이미지를 감추고 목록의 뒤로 이동시키고 두번째 이미지를 화면에 표시한다. var interval = 3000; 이미지가 교체되는 주기는 3초이다. $('.slideshow').each(function(){ }클래스 속성값으로 slideshow 을 갖는 각각의 객체에 대해서 파라미터로 전달된 콜백함수를 수행한다. 샘플은 slideshow 클래스를 갖는 가 하나이지만 여러개를 정의할 수도 있다. var container = $(this); 선택한 객체(DOM)를 jQuery 개체로 변환.. 2014. 4. 6. [plugin] jQuery Cookie 쿠키값을 읽고, 쓰고, 삭제할 수 있는 단순하고 가벼운 jQuery plugin 이다. 설치다운로드한 jquery.cookie.js 파일을 사이트의 /js 디렉토리에 저장했다면 아래와 같이 코드를 넣어준다. 아래 코드는 jQuery library를 소스상에 포함시킨 후에 추가해야 한다. 사용법$.cookie(the_cookie , the_value , 쿠키옵션);the_cookie : 쿠키명the_value : 쿠키값 1. 세션쿠키 생성$.cookie('the_cookie', 'the_value'); 2. 생성일로부터 7일후에 만료되는 쿠키를 생성$.cookie('the_cookie', 'the_value', { expires: 7 }); 3. 경로가 사이트 루트이고, 생성일로부터 7일후에 만료되는 쿠키.. 2014. 4. 5. 이전 1 2 3 다음
