728x90

자바스크립트 13

꼭 알아야할 안드로이드 WebView에서 자바스크립트 호출 시 응답

WebView 와 자바스크립트 인터페이싱 방법은 아래서 참조,, 검색해도 많이 나옵니다. https://g-y-e-o-m.tistory.com/28 [Android] 하이브리드앱의 기본, 웹뷰 세팅과 자바스크립트 연동 방법 [웹뷰] 말 그대로 웹 페이지를 보여주는 뷰, 안드로이드의 컴포넌트중 하나다. 안드로이드가 iOS에 비해 웹뷰가 좋은 이유는.. 웹뷰의 종류가 기본형 하나이기 때문일 것이다. iOS는 UIWebView라고 있 g-y-e-o-m.tistory.com 문제는 loadURL 로 자바스크립트 호출 후 응답값을 받아야 할 때가 문제인데.. 기존의 loadURL 로는 안됩니다. 안드로이드 API 19+ 부터 아래의 함수가 지원이 되는데 이 함수를 통한 callback 으로 응답값을 가져옵니다.,..

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

오늘은 자바스크립트에서 통상적으로 많이 사용하는 방식 중에 입력칸 (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..

자바스크립트에서 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 ){ //시작점의 길이가 문자열의 길이보다 짧을..

쿠키(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..

sprintf, printf 구현하기

오늘은 자바스크립트에서 C++에서 처럼 sprintf 나 print 을 구현해 보겠습니다. 자바스크립트에서는 이런 기능이 없어서 직접 구현을 해주어야 합니다. 이런 부분이꼭 필요한 부분이죠~ * 소스코드 String.prototype.repeat = function(n) { var sRet = ""; for (var i = 0; i < n; i++) sRet += this; return sRet; } String.prototype.format = function(/* ... */) { var args = arguments; var idx = 0; return this.replace(/%(-?)([0-9]*\.?[0-9]*)([s|f|d|x|X|o])/g, function(all, sign, format,..

테이블에서 아무스 오버 시 해당 레코드 색상 변경

오늘은 asp에서 리스트 페이지에서 보면 마우스 오버 시 한줄이 선택이 되는 것처럼 색상이 변경이 되어 보이는 사이트를 보셨을 건데 어떻게 하는지에 대해 간단한 방법으로 할 수 있는 방법을 소개합니다. 공용 asp 파일에서 tr_color = "#FFFFFF" tr_roll = "onmouseover='this.style.backgroundColor=""#CCCCEE"";return true;' onmouseout='this.style.backgroundColor="""&tr_color&""";return true;' " 위와 같이 해 놓고, (보면 기본 배경은 흰색, onmouseover 시 CCCCEE 색상으로 변경 onmouseout 시 기존 정의된 배경인 FFFFFF 으로 변경 입니다. 그래서 d..

자바스크립트로 버튼을 예쁘게 만들어 사용해 보세요.

자바스크립트로 버튼을 예쁘게 만들어 사용해 보세요. /*css*/ .btn { background-color:transparent; color:transparent; cursor:pointer; border:none; } /*javascript*/ function jsButton(width,height,func,txt,icon) { var btn = ""; if(icon) icon = " "; else icon = ""; btn += ""; btn += ""; btn += ""; btn += ""+icon+txt+""; btn += ""; document.write(btn); } function jsButtonImage(width,height,func,txt,icon) { var btn = ""; if(..

자바스크립트에서 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 ){ //시작점의 길이가 문자열의 길이보다 짧을..

728x90
반응형