jQuery 썸네일형 리스트형 jQuery datepicker 달력 샘플 API Url : http://jqueryui.com/datepicker/ Document : http://api.jqueryui.com/datepicker/ Test Url : http://www.uhoon.co.kr/test/1876.html 딱히 설명이 필요없는....달력입니다.. DatePicker 다양한 기능이 있지만 개인적으로 주로 사용하는 옵션은 아래와 같습니다.. 주로 영문상태를 쓰지만 요일, 월 한글명은 필수옵션은 아닙니다. * 기간 선택 - 시작일 변경시 종료일 min Date 를 시작일로 변경 - 종료일 변경시 시작일의 max Date 를 종료일로 변경 날짜 기간 ~ 더보기 Jquery 갤러리 "jQuery-awesome-images-Gallery-lightbox" Url : http://www.htmldrive.net/items/show/275/jQuery-awesome-images-Gallery-lightbox Test Url : http://www.uhoon.co.kr/test/1862/1862.html 소스는 Test 페이지를 확인해주세요. ※ 적용시 script.js에서 좌우 이동 버튼 및 클로즈 등..이미지 경로 변경해주셔야 정상적으로 나옵니다... * 자주 가는 강추 사이트 http://www.htmldrive.net 자료 정말 많습니다.. 더보기 jQuery 수동으로 이벤트 실행시키기 "trigger" 임의 이벤트 실행을 하기 위한 방법입니다.. 예를 들어 버튼의 클릭 이벤트를 프로그램으로 실행하는 방법.. API Url : http://api.jquery.com/trigger/ Test Url : http://www.uhoon.co.kr/test/1858.html ( 화면 로딩이 완료된 후 첫번째 버튼의 클릭 이벤트를 실행합니다. ) $("button:first").trigger('click'); 더보기 jQuery 스크롤 탑 컨트롤 - scrolltop control 원본 Url : http://www.xpressengine.com/?mid=download&package_srl=21842038 Test Url : http://www.uhoon.co.kr/test/1183.html 지정된 스크롤 위치 이하로 내려가게 되면 스크롤탑 컨트롤이 나타나서 클릭시 페이지 상단으로 올라갑니다.. a 더보기 jQuery CheckBox 값 읽어오기/셋팅하기 기존에 만들어둔 샘플들 보다 유용하고 간단한것같아서 담아온 글 입니다. 공유해주신 namkyu 님께 감사드립니다. 체크 박스 관련 샘플 (원문 : http://lng1982.tistory.com/80 ) 샘플 내용은 체크박스 모두 체크체크박스 모두 해제체크되어 있는 값 추출받아온 데이터 체크하기 1번째 checkbox 2번째 checkbox 3번째 checkbox 4번째 checkbox 더보기 jQuery Moodular - 이미지 회전,슬라이더, 터치 ,모자이크 site : http://www.gougouzian.fr/ Front & Back -end Developer Plugin & method Url : http://www.gougouzian.fr/projects/jquery/moodular/ Test Url : http://www.uhoon.co.kr/test/885.html license : MIT License / GPL - GNU General Public License 이미지 슬라이드 , 회전 , 터치도 지원한다고 합니다. 대형 배너나 이미지슬라이드등에 용이할것같습니다. easing을 이용해서 다양한 effect를 지원하는 등..옵션이 상당히 많습니다. 가나다라 마바사아 자차카 타파하 www.goodkiss.co.kr www.uhoon.co.kr 더보기 jQuery input 타입을 hidden / text 변경하기 jQuery를 이용한 Attr 속성 변경시 기본 문법에 의하면 아래와 같이 할 수 있겠지만 실행이 되지 않습니다.( 추후는 모르겠지만 현재 버전에서는.. 1.9.2 ) $("form[name='폼'] input[name='이름']").attr('type','hidden'); 그래서 노가다 이긴 하지만 아래와 같이 변경이 가능합니다. var objName = $("form[name='폼'] input[name='이름']").attr('name'); var objId = $("form[name='폼'] input[name='아이디']").attr('id'); var objValue = $("form[name='폼'] input[name='이름']").attr('value'); var html = ' '; $.. 더보기 jQuery 1.9x 버전 이후 $.browser 삭제 대체 방법 1.9 버전으로 올라가면서부터 없어졌다는데.. 최근 코어 업데이트 후 알게되었습니다.. -_-;; 차선책으로 아래와 같이 사용할수있다고 하는데.. jQuery 파일에 추가해주시거나 해당 js 에 추가해주셔도 됩니다. jQuery.browser = {}; jQuery.browser.mozilla = /mozilla/.test(navigator.userAgent.toLowerCase()) && !/webkit/.test(navigator.userAgent.toLowerCase()); jQuery.browser.webkit = /webkit/.test(navigator.userAgent.toLowerCase()); jQuery.browser.opera = /opera/.test(navigator.userAge.. 더보기 이전 1 2 3 4 5 6 다음
