Loading...
2016.11.18 11:59

Google API 막대 그래프

Google API를 이용한 막대 그리기 샘플 코드입니다. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">   <head>     &l..

2016.11.18 11:58

Google API 선 + 막대 그래프

Google API 를 이용한 선 + 막대 그래프 그리기 샘플 코드입니다. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-ty..

2016.11.18 11:56

Google API 선 그래프

구글 API를 이용한 선 그래프 그리기 샘플 코드입니다. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">  <html xmlns="http://www.w3.org/1999/xhtml">    <head>   ..

2016.11.17 11:32

jQuery 특정 객체가 화면에 보이는지 여부 확인

종종 해당 객체가 보여지고있는지 여부에 따라 어떤 액션을 취해야할 경우가 있습니다.아래와 같이 체크 합니다. if($(selector).is(":visible")) {     alert("노출되고있음."); }else{     alert("숨겨져있음."); }

2016.11.17 11:31

jQuery Formatnumber , 콤마처리

gitgub Url :  https://github.com/customd/jquery-number숫자형 처리를 위한 플러그인으로 주요 처리 포맷은 아래와 같습니다.정수 형$.number( 5020.2364 ); // Outputs 5,020  소수점 둘째 자리 까지 $.number( 5020.2364, 2 ); // Outputs: 5,020.24상세 옵션에 대해서는 https://github.com/cu..

2016.11.17 11:29

jQuery Select Box Option 동적 추가 , 이동, 삭제 , 복사

Select box 간 Option 값 이동, 삭제 , 추가 하는 샘플코드 입니다. Test Url : http://www.uhoon.co.kr/test/5237.html <!DOCTYPE html> <html> <head>     <title>append option / remove option</title>    ..

2016.11.17 11:15

jQuery FadeIn , FadeOut 을 이용한 간단한 메인 배너 이미지 노출

FadeIn , FadeOut 을 이용한 간단한 이미지 노출.하나가 사라지며 하나가 보여지는 그런... 워낙 플러그인들이 잘 나와있지만간단한걸 굳이 서치해서 적용하기 귀찮아서 가볍게 쓰기위해 만들었습니다.사용법 : 이미지에 "main_img" class를 추가.* html <div class="main_img"></div> <div class="main_img" style="display:none;">..

2016.11.17 11:11

jQuery woothemes FlexSlider - 슬라이더

플러그인 형태로 쉽게 이용할 수 있는 슬라이더 입니다.Plugin Url : http://source.woothemes.com/flexslider/download : License : MIT License사용 샘플 코드 Step 1. <!-- Place somewhere in the <head> of your document --> <link rel="stylesheet" href="flexslider.c..

2016.11.17 11:05

jQuery Org Chart - 조직도 그리기

Jquery 를 이용한 조직도 그리기 PlugIn 입니다. Test Url : http://www.uhoon.co.kr/test/3551/3551.html Plugin Url : http://th3silverlining.com/2011/12/01/jquery-org-chart-a-plugin-for-visualising-data-in-a-tree-like-structure/

2016.11.17 11:03

jQuery Slider Bar / 슬라이더 바 3종 샘플

슬라이더 바 샘플입니다. Jquery UI 사이트의 Slider bar 중 사용빈도 수가 높은 샘플을 정리해보았습니다. Test Url : http://www.uhoon.co.kr/test/3377.html 참고 Url : http://jqueryui.com/slider/ 1. 최대/최소값을 지정하는 슬라이더 바 2. 구간을 선택하는 슬라이더 바 3. 최대/최소 값중 증가값을 지정하는 슬라이더 바 <..

2016.11.17 10:59

jQuery 페이지 또는 객체에서 특정 키워드 강조하기

특정 페이지 또는 객체에서 키워드 찾는 함수.. 1원짜리는 아니고...3원쯤의 가치가..;; Test Url : http://www.uhoon.co.kr/test/3143.html <!DOCTYPE html> <html>   <head>     <meta http-equiv="Content-Type" content="text/html; chars..

2016.11.16 10:38

jQuery Star Rating Plugin - 별점 주기

별점 주기 플러그인입니다. 가끔 유용하게 사용하는 기능 쓸라면 코딩하기 귀찮은.....( _ _).. Plugin Url : http://wbotelhos.com/raty DownLoad : https://github.com/wbotelhos/raty (기본 샘플외에도 많은 기능이 있습니다.) Test Url : http://www.uhoon.co.kr/test/6979.html <!DOCTYPE ..

2016.11.16 10:35

jQuery Plugin For Auto Resizing iFrame - iFrame Resizer

* 크로스 도메인 iFrame Resize 플러그인* Plugin Url : http://www.jqueryscript.net/layout/jQuery-Plugin-For-Auto-Resizing-iFrame-iFrame-Resizer.htmliFrame 사용시 Height Resize 문제가 가장 어려웠습니다만..이론상으로 참고할 만한 블로그는 http://johan.driessen.se/posts/resizing-cross-domain-ifram..

2016.11.16 10:23

jQuery 우클릭 , 셀 선택 , 드래그 방지 스크립트

브라우저 개발자 도구등 각종 우회 방법이 있습니다만.우클릭 , 셀 선택 , 드래그 방지 스크립트 입니다. $(document).ready(function(){      $(document).bind("contextmenu", function(event){event.preventDefault();});     //마우스 우클릭 방지    &..

2016.11.16 09:41

JQuery Load 유무 체크하기

페이지 내에 Jquery 가 정상적으로 load 되었는지 체크 하는 방법입니다.종종 해외 특정 국가의 경우 jQuery 사이트의 jquery.js 파일 include 시에 정상적으로읽어오지 못하는 경우가 발생합니다.혹은 인터넷 속도 문제로 타 도메인의 jquery.js 사용할 경우에도 발생합니다.가급적 동일 호스팅에 있는 파일을 이용하시길 권장합니다. // 1. if (window.jQuery) {    &n..

2016.11.15 17:28

jQuery-syaku.rolling 상하좌우 롤링 ( 자동롤링 , 버튼 )

그간 많은 롤링플러그인을 사용해왔으나 이해하기도 쉽고 적용하기도 쉽고 응용하기도 쉽고 TOP 입니다!! 최석균님(제작자)께 감사드립니다.  Test Url : http://www.uhoon.co.kr/test/2544.html 플러그인 및 샘플 다운로드 (  ) * 제작자님 샘플에는 Javascript 배열에 객체를 직접 담아하도록 되어있으나  현업에서 편의상 html 태그를 Js에 넣어서 사..

2016.11.15 17:23

jQuery Table에 동적 Tr 추가/삭제 하기

관리자 페이지등에서 잊을만 하면 사용하는 기능인데.. 그간 샘플링이 안되어서 매번 그때 그때 커스터마이징해서 썻던것인데 정리해보았습니다.Test Url : http://www.uhoon.co.kr/test/2541.html  <!DOCTYPE html> <html> <head>     <title>테이블에 동적으로 TR 추가 /삭제 하기</title..

2016.11.15 17:21

jQuery 한글/영어 byte 체크해서 자르기

SMS 발송 폼 처리 중 80 바이트 체크하기 위해서.. 사용 편의를 위해 일부 내용이 수정되었습니다. 원개발자분께 감사드립니다. ( http://blog.naver.com/yesdouble/130152964039 ) Test Url : http://www.uhoon.co.kr/test/2410.html <!DOCTYPE html> <html> <head> <title>한글/영어 by..

2016.11.15 17:17

jQuery 동적으로 추가된 객체에 datepicker() 적용하기

동적으로 추가(append)되거나 복제된(clone) 객체에서 DatePicker()가 작동하지 않는 문제가 확인되어구글링을 통해 방법들을 찾아보니 hasDatepicker Class가 문제 인지라..해당 클래스 제거 후 다시 DatePicker 설정을 해줘야 작동합니다. // 지정된 객체 처리시 $(this).removeClass('hasDatepicker').datepicker();   // 클래스를 이용한 처리 $(docume..

2016.11.15 14:56

jQuery defaultValue 가져오기

Jquery 로 defaultValue 읽어오기종종 필요한 기능인데 페이지 로딩 시 있던 기본 값을 가져오는 기능입니다.참고 Url : http://stackoverflow.com/questions/4591889/get-default-value-of-an-input-using-jquery $("#XXX").prop("defaultValue")

2016.11.11 09:40

jQuery 스크롤 따라 다니는 배너

Plugin Url : http://kitchen.net-perspective.com/open-source/scroll-follow/Test Url : http://www.uhoon.co.kr/test/2148.html스크롤 따라다니는 배너(?) 입니다..배너 광고 , 오늘 본 상품 등등에 많이 사용되고 있습니다.상세 소스는 Test Url 소스를 봐주세요!