Loading...

jquery ajax 동기처리가 안되는 경우.. async 옵션이 적용 안될 때.

jQuery ajax 옵션중에는 async 옵션이 있습니다.이것은 기본적으로 ajax가 비동기 처리를 하지만 필요에 따라 동기 요청을 하기 위한 옵션이지만최근 경험상 적용이 되지 않는 것이 확인되어 api 사이트를 확인해보니 아래와 같은 내용이 확인이 됩니다.크로스 도메인일 경우 데이터 타입이 jsonp라면 지원되지 않는다. 위의 조건 외에도 1.8 버전 이후부터 지원되지 않음이라고 명시되어있고 콜백 함수를 이용하도록 명시..

2017.09.18 13:51

modal 팝업창에서 datepicker 사용 시 연도 월 Select box가 열리지 않는 문제 해결 방법

Bootstrap modal 팝업창에서 datepicker 사용 시 changeMonth , changeYear 옵션을 true 로 사용할 경우 정상적으로 펼쳐지지 않고바로 닫히는 버그가 있는데 꽤 오래된 상황임에도 업데이트가 되어지지 않고 있습니다.하지만,  역시 스택오버플로우 https://stackoverflow.com/questions/22050641/month-select-in-datepicker-insi..

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