728x90

프로그램/Javascript 21

날마다 까먹는 jQuery UI 의 Datepicker 사용법..

보다 상세한 사항은 출처를 참고해 주세요~^^ 출처: https://eunyoe.tistory.com/20 [eunyo의 it이야기:티스토리] 우선 아래 추가 인풋 $(function() { $( "#Date" ).datepicker({ }); }); 젤 중요한 옵션내용들입니다. 실행화면 datepicker 옵션 $("#Date").datepicker({ showOn: "both", // 버튼과 텍스트 필드 모두 캘린더를 보여준다. buttonImage: "/application/db/jquery/images/calendar.gif", // 버튼 이미지 buttonImageOnly: true, // 버튼에 있는 이미지만 표시한다. changeMonth: true, // 월을 바꿀수 있는 셀렉트 박스를 표..

입력란에 값이 없을 때 메세지 띄우기

오늘은 자바스크립트에서 통상적으로 많이 사용하는 방식 중에 입력칸 (text) 에 값이 없을 때 원하는 메세지를 띄우고 해당 칸에 커서를 가는 방법을 하나의 함수로 묶어서 사용하는 함수를 소개하고자 합니다. 이미 알고 있을 내용을 조합해서 쉽게쉽게 쓰고자 하는 라이브러리라 생각됩니다. * 함수 // parm_obj :form object // parm_msg : 미입력 시 띄울 메세지 // parm_focus_skip : 포커스를 갈지 안갈지 유무 function NullCheckMessage(parm_obj, parm_msg, parm_focus_skip) { var obj = parm_obj; if(obj.value==""){ alert(parm_msg); if(parm_focus_skip != "s..

C++의 DoModal 구현하기 (다이얼로그)

오늘은 자바스크립트에서 DoModal 을 사용하는 방법에 대해 설명하고자 합니다. C++ 에서는 DoModal 함수가 있어서 Modal 방식의 창을 띄울 수 있는데 자바스크립트에서도 그와 같은 함수가 있습니다. showModalDialog 라는 함수입니다. 이 함수를 좀더 쉽게 다룰 수 있도록 함수화 해서 만든게 있어서 알려드립니다. (IE기준) * 소스코드 // parm_url : 호출할 페이지 // w : 가로크기 (px) // h : 세로크기 (px) function DoModal(parm_url, w, h) { var pop_layer = null; var is_style="edge:raised;center:yes; dialogwidth:"+w+"px; dialogheight:"+h+"px; sc..

숫자의 정수 또는 소수점 반올림

오늘은 자바스크립트에서 정수부 또는 소수점 반올림 관련 함수에 대해 설명하고자 합니다. 당연히 Math.round 함수를 사용하면 되지만 좀 더 경우의 수가 많은 경우에도 문제없이 사용하려면 좀 다듬어서 함수를 만들어서 사용해야 합니다. * 소스코드 // n : 수치 // digits : 자를 소수점 자리수 function RoundXL(n, digits) { var str_n = String(n); //숫자를 스트링으로 변환 str_n = replaceAll(str_n, ",", ""); var float_n = parseFloat(str_n); // 소수부 반올림 if (digits >= 0) return parseFloat(float_n.toFixed(digits)); // 정수부 반올림 ( dig..

문자열의 실제 바이트 수 계산

오늘 자바스크립트에서 사용되는 것 중에 한글 또는 문자열의 실제 바이트 수 계산을 해야 할 때가 있는데.. 그때 사용하는 함수를 만들어 볼까 합니다. 은근히 사용되는 함수이고, 잘 찾아봐도 정확한 답변이 없는 경우가 좀 있더라구요. * 소스코드 function getByteLength( data ) { var str = data; var l = 0; if( str == "") return l; for (var i=0; i 128) ? 2 : 1; return l; return len; } * 사용법 var len = getByteLength("철수야 놀자. !!"); 결국 한글문자는 아스키 128이 넘기 때문에 2, 작으면 1 이런식으로 카운팅을 하는 것입니다. 많이 사용해 주세요 !! #byte#계산#..

자바스크립트에서 mid 함수 구현

오늘은 자바스크립트에서 mid 함수를 소개하겠습니다. 원래 substring 이란 함수가 있지만.. 정확한 바이트 단위의 mid 을 해야할 경우도 있기때문에 아래의 함수를 구현해야 합니다. * 소스코드 function getByteLength( data ) { var str = data; var l = 0; if( str == "") return l; for (var i=0; i 128) ? 2 : 1; return l; return len; } function Mid(str, st, en) { var len = getByteLength(str); var iEnd; if (st len ){ //시작점의 길이가 문자열의 길이보다 짧을..

제가 쓰는 ajax 호출

오늘은 제가 고정적으로 사용하는 ajax 함수 하나를 소개하고자 합니다. 저는 항상 쓰는 방식이 post 방식이고, 동기식으로 호출하는방식을 사용합니다. 아래 함수 하나만 있으면 ajax 호출 하는데 있어 큰 문제가 없더라고요. * 소스코드 // parm_page : 호출 url // parm_parm : post 정보 function CallAjaxPostPage(parm_page, parm_parm) { var ajax_html = ""; $.ajax({ type: "post", cache : false, url: parm_page, dataType: "html", data: parm_parm, async: false, success: function(parm_data){ // 성공 ajax_html..

ajax을 디버깅하는 방법

오늘은 어제 ajax호출하는 방법에 이어 이것을 디버깅하는 방법에 대해 알려드리려 합니다. 너무나도 당연한것이지만 의외로 잘 모르는 분이 계시기 때문에 팁으로 알려드리려 합니다. php나 asp 내애서 생기는 구문오류는 바로 알기가 좀 쉽지 않습니다. 근데 코딩을 하다보면 구문 오류가 생길 수 빆에 없고 빠르게 그 원인을 찾아야만 합니다. 그래서 쉽지안 아래의 내용을 소개합니다. 저의 ajax 사용법은 제 블로그 에서 보시면 됩니다. * 소스코드 var post_str = "f_action=test&f_type=1" ; // document.location.href="aaa.php?"+post_str; return; (2) var ret_val = CallAjaxPostPage("aaa.php", pos..

쿠키(cookie) 사용법

오늘은 다들 잘 아는 것이지만 저의 블로그을 위해 정리차원에서 쿠키 사용법을 적으려 합니다. * 소스코드 /* Cookie */ // strName : 읽을 쿠키변수 function getCookie(strName) { var strArg = new String(strName + "="); var nArgLen, nCookieLen, nEnd; var i = 0, j; var get_cookie = decodeURIComponent(document.cookie); nArgLen = strArg.length; nCookieLen = get_cookie.length; if(nCookieLen > 0) { while(i < nCookieLen) { j = i + nArgLen; if(get_cookie.sub..

728x90
반응형