Loading...
2016.11.11 09:37

jQuery Tree 메뉴만들기

원문 Url : http://htglss.tistory.com/100 + - 아이콘을 이용한 Jquery Tree 메뉴 샘플입니다.. 만든이 분께서 소녀시대팬이신것같아서...샘플은 그대로 유지했습니다 . 아직 만들어볼 생각은 못하고 서치 서치 하고 있지만 제가 아는 중 가장 간단한 방법이 아닌가 싶어서 공유하고 싶네요.. Test Url : http://www.uhoon.co.kr/test/1925/1925.html

2016.11.11 09:34

jQuery 자동 Submit 방지 및 Enter Key 체크하기

폼내에 input 객체가 하나뿐인 경우 엔터키를 입력하게 되면 자동으로 폼 Submit()이 되는데 어떤 경우에는 이것을 막아야 할 경우가 발생합니다.. 이를 방지 하기 위한 방법입니다. form 에서 onsubmit 에 return false; 값을 추가해 주고  필요한 경우 keyup 되는 경우 키값에 따라 필요한 코딩을 추가해줍니다. TEST Url : http://www.uhoon.co.kr/test/1907...

2016.11.11 09:32

jQuery 상하 좌우 자동 롤링 배너

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

2016.11.11 09:30

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 다양한 기능이 있지만 개인적으로 주로 사용하는 옵션은 아래와 같습니다.. 주로 영문상태를 쓰지만 요일,..

2016.11.11 09:26

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에서 좌우 이동 버튼 및 클로즈 등..이미지 경로 변경해주셔야 정상적으로 나옵니다... * ..

2016.11.11 09:24

jQuery 수동으로 이벤트 실행시키기 "trigger"

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

2016.11.10 09:37

jQuery 스크롤 탑 컨트롤 - scrolltop control

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

2016.11.10 09:33

jQuery CheckBox 값 읽어오기/셋팅하기

기존에 만들어둔 샘플들 보다 유용하고 간단한것같아서 담아온 글 입니다.공유해주신 namkyu 님께 감사드립니다.체크 박스 관련 샘플  (원문 : http://lng1982.tistory.com/80 )샘플 내용은 체크박스 모두 체크체크박스 모두 해제체크되어 있는 값 추출받아온 데이터 체크하기 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www...

2016.11.10 09:27

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 Licens..

2016.11.10 09:24

jQuery input 타입을 hidden / text 변경하기

jQuery를 이용한 Attr 속성 변경시 기본 문법에 의하면 아래와 같이 할 수 있겠지만 실행이 되지 않습니다.( 추후는 모르겠지만 현재 버전에서는.. 1.9.2 ) $("form[name='폼'] input[name='이름']").attr('type','hidden'); 그래서 노가다 이긴 하지만 아래와 같이 변경이 가능합니다. var objName = $("form[name='폼'] input[name='이름']").attr('name..

2016.11.10 09:15

jQuery 1.9x 버전 이후 $.browser 삭제 대체 방법

1.9 버전으로 올라가면서부터 없어졌다는데.. 최근 코어 업데이트 후 알게되었습니다.. -_-;;차선책으로 아래와 같이 사용할수있다고 하는데..jQuery 파일에 추가해주시거나 해당 js 에 추가해주셔도 됩니다. jQuery.browser = {}; jQuery.browser.mozilla = /mozilla/.test(navigator.userAgent.toLowerCase()) && !/webkit/.test(navigator.u..

2016.11.10 09:11

jQuery Zoom - 이미지 줌 제어 ( 휠 , 클릭 , 오버 )

간편하게 적용할 수 있는 줌 관련 기능 플러그인입니다. Plugin Url : http://www.jacklmoore.com/zoom/  미리보기 : http://www.uhoon.co.kr/test/548.html 줌기능을 아래의 경우에 적용할 수 있습니다. - 마우스 오버 시  - 클릭시 토글 - 클릭하고 있는 동안 - 클릭한 부분 줌 - 휠 밀고 당기고  샘플코드 다운로드 :   ..

2016.11.02 10:33

티스토리 SyntaxHighlighter 쉽게 적용하기 자동 코드 변환 사이트

티스토리 삽입용 SyntaxHighlighter 코드 변환 사이트 !! http://www.uhoon.co.kr/1.html

2016.11.01 10:14

jQuery fancyBox - 레이어팝업

plugin Url & Download : http://fancybox.net/샘플코드 다운로드 :  라이센스. http://fancyapps.com/fancybox/#license  2016.11.01 일 기준.fancyBox licensed under Creative Commons Attribution-NonCommercial 3.0 license. You are free to use fancyBox f..

2016.11.01 10:07

jQuery Tiptip - 툴팁 ( tooltip )

툴팁에 대한  플러그인 입니다.툴팁이란 ?   말풍선 또는 툴팁(tooltip)은 공통 그래픽 사용자 인터페이스 요소이다. 마우스 포인터라 불리는 커서와 함께 동작한다. 사용자가 커서에 항목을 클릭하지 않고 가리키면 조그마한 상자가 항목 위에 나타나서 보충 설명을 보여 준다.API Url : http://code.drewwilson.com/entry/tiptip-jquery-plugin샘플코드 다운로드 : 옵션 값..

2016.11.01 10:00

jQuery animate - 각종 애니메이션 효과

애니메이션 효과 .animate( properties [, duration] [, easing] [, complete] )API Url : http://api.jquery.com/animate/샘플코드 다운로드 :   effect 효과에 대한것이기 때문에 캡쳐보다 샘플!통통 튀기고 지지고 볶고..

2016.11.01 09:53

jQuery vGrid - 브라우저 너비에 따른 가변 그리드

브라우저 사이즈에 따른 가변 그리드 PlugIn Url : http://blog.xlune.com/2009/09/jqueryvgrid.html  <!doctype html> <html lang="en"> <head> <meta charset="utf-8" /> <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes..

2016.11.01 09:14

Smooth Scroll - 부드러운 스크롤 이동 ( 속도 , 위치 셋팅)

지정위치로 스크롤바를 부드럽게 이동 시켜줍니다. PlugIn Url : http://github.com/kswedberg/jquery-smooth-scroll샘플 코드 다운로드 :    * 옵션 값 {   offset: 0,     // one of 'top' or 'left'   direction: 'top',    &nbs..

2016.10.31 11:04

순서도 쉽게 그리는 프로그램 ( ClickCharts Diagram & Flowchart )

순서도 그리는 프로그램 입니다.이전까지는 PPT를 활용하거나 다른 프로그램을 사용했는데무척이나 손이 많이 갔었거든요.손쉽게 그릴 수 있는 프로그램이 있어서 추천합니다!http://www.nchsoftware.com/chart/다만 상업적인 용도나 회사에서는 사용이 불가능한 라이센스이므로이용을 원하는 경우에는 라이센스를 구매하셔야합니다.개인 사용자가 이용하는 경우 무료 이용이 가능합니다.설치하고 나면 매우 직관적인 화면 구조를 갖고 있습니다.프로그램 ..

2016.10.31 09:33

lightBox2 - 레이어 팝업

jQuery 를 이용한 litebox2 레이어 팝업 플러그인입니다.PlugIn & DownLoad URL : http://lokeshdhakar.com/projects/lightbox2/샘플 소스 파일 :  홈페이지 상에도 나와있지만 MIT 라이센스로 큰 제약 없이 이용 가능한 플러그인 입니다.

2016.10.31 09:26

다음 블로그 검색연동 ( XML , JSON )

다음 블로그 검색 결과 XML로 받기* API Url : http://dna.daum.net/apis/search* Test Url : http://apis.daum.net/search/blog?q=uhoon.co.kr&apikey=DAUM_SEARCH_DEMO_APIKEY* API Key  : http://dna.daum.net/myapi/dashboard기타 검색 및 상세 옵션..