일과 생활

함께 쌓여가는 개발자의 경험과 기록

Open API/Jquery

Plugin Url : http://songsungkyun.cafe24.com/jqueryrolling/index.html Test Url : http://www.uhoon.co.kr/test/1891.html 부드럽게 롤링되는 배너 가로로 , 세로로 무한 롤링~

2016. 11. 11.

Open API/Jquery

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 를 종료일로 변경 날짜 기간 ~

2016. 11. 11.

Open API/Jquery

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 자료 정말 많습니다..

2016. 11. 11.

Open API/Jquery

임의 이벤트 실행을 하기 위한 방법입니다.. 예를 들어 버튼의 클릭 이벤트를 프로그램으로 실행하는 방법.. API Url : http://api.jquery.com/trigger/ Test Url : http://www.uhoon.co.kr/test/1858.html ( 화면 로딩이 완료된 후 첫번째 버튼의 클릭 이벤트를 실행합니다. ) $("button:first").trigger('click');

2016. 11. 11.

Open API/Jquery

원본 Url : http://www.xpressengine.com/?mid=download&package_srl=21842038 Test Url : http://www.uhoon.co.kr/test/1183.html 지정된 스크롤 위치 이하로 내려가게 되면 스크롤탑 컨트롤이 나타나서 클릭시 페이지 상단으로 올라갑니다.. a

2016. 11. 10.

Open API/Jquery

기존에 만들어둔 샘플들 보다 유용하고 간단한것같아서 담아온 글 입니다. 공유해주신 namkyu 님께 감사드립니다. 체크 박스 관련 샘플 (원문 : http://lng1982.tistory.com/80 ) 샘플 내용은 체크박스 모두 체크체크박스 모두 해제체크되어 있는 값 추출받아온 데이터 체크하기 1번째 checkbox 2번째 checkbox 3번째 checkbox 4번째 checkbox

2016. 11. 10.

Open API/Jquery

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

2016. 11. 10.

Open API/Jquery

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 = ' '; $..

2016. 11. 10.