ATOM에서 .vue 파일을 열면, 하이라이팅이 안되어 있음. 해결방법: File > Settings > Install 에서"language-vue" 검색 후 설치아톰 껐다가, 다시 열면 됨
[카테고리:] javascript/jQuery
숫자를 한글, 한자 및 위조방지한자 로 변경
/* * @Description: 자연수를 한글/중국어/위조방지 문자로 변환 * @Param : Number(변환할숫자), String(언어선택:korean, chinese, bank) * @Return : String */ function getNumOriental(_num, _type){ _num = _num.toString(); _type = (_type == null) ? "korean" : _type; //한글 if(_type == "korean"){ var arrLv1 = ["","일","이","삼","사","오","육","칠","팔","구"]; var arrLv2 = ["","십","백","천"]; var arrLv3 = ["","만","억","조","경","해","시","양","구","간","정","재","극","항하사","아승지","나유타","불가사의","무량대수"]; } //한자 else if(_type == … 계속 읽기 숫자를 한글, 한자 및 위조방지한자 로 변경
JavaScript 소수점
parseFloat(sum.toFixed(1)); → 소수1자리까지 보여주기 parseFloat(sum.toFixed(2)); → 소수2자리까지 보여주기 parseFloat(sum.toFixed(3)); → 소수3자리까지 보여주기 toFixed [sVal=]numberTypeObject.toFixed([decimals]) 인수/파라메터 numberTypeObject: (수치개체) 필수적인 요소이며, Number 개체이다. decimals : (소수자릿수) 선택적인 요소이며, 소수점 이하 자릿수로, 범위는 0~20(포함)이어야 한다. 반환값 반환값 sVal은 숫자의 문자열 표시를 고정 소수점 표시로 반환한다. 설명 문자열에는 유효수치의 소수점 앞에 부호가 들어가는 한 자리가 있고 소수점 뒤에는 decimals 자리수를 포함한다. decimals 가 제공되지 않거나 undefined이면 toFixed 메서드는 값을 0으로 간주한다. … 계속 읽기 JavaScript 소수점
마지막 날짜 간단 구하기
var lastday = (new Date('2016','06',0)).getDate(); //2016.06월의 마지막 날짜 var lastday = (new Date('2016','07',0)).getDate(); //2016.07월의 마지막 날짜
자식 객체에서 부모객체(_root, _parent) 연결하기(커스텀 소스)
var MYOBJ = function(){} MYOBJ.prototype = { parent : { child : this act : function(){ console.log(this); console.log(this.child); } } } var myObj = new MYOBJ(); myObj.parent.act(); 0단계 루트객체 myObj 1단계 부모객체 parent 2단계 자식객체 child 위에서 act()를 호출하면 console.log(this)는 act 보다 한단계 위에 있는 parent를 출력합니다. console.log(this.child) 는 무엇이 출력될까요? myObj.parent 가 출력될 것을 기대했지만, … 계속 읽기 자식 객체에서 부모객체(_root, _parent) 연결하기(커스텀 소스)
iframe 자동 높이 조절
IFRAME은 일반 FRAMESET과 달리, 원하는 위치에 원하는 사이즈 만큼 편리하게 배치할 수 있다는 장점이 있습니다. TABLE의 사이즈를 정해주고 TD 안에 이미지를 넣듯이 말이죠. 백문이 불여일견 함 해보세요. 아무 HTML파일을 만드셔서 아래의 사용방법처럼 넣어주시고요. 개인적으로 <TD>요기</TD> 들어가는 것을 좋아합니다. 사용밥법 < iframe width=602 height=494 name=frame1 marginWidth=0 marginHeight=0 frameBorder=no scrolling=no></iframe > IFRAME의 구성 src: 프레임에 들어갈 url 지정width: iframe의 … 계속 읽기 iframe 자동 높이 조절
JS 트리 메뉴 tree menu 샘플
트리구조 메뉴를 만들었다. HTML <html> <head> <title>JS 트리 메뉴 tree menu 샘플</title> </head> <body> <div id="treeMenu"></div> </body> </html> CSS /*tree.js 에 필요한 CSS*/ #treeMenu { position:relative; padding-left:0; } /*Image preLoad*/ #treeMenu::after{ position:absolute;width:0;height:0;overflow:hidde;z-index:-1; content: url(/img/icon_tree_off.gif) url(/img/icon_tree_on.gif) url(/img/icon_tree_tail.gif); } #treeMenu ul{ position:relative; padding-left:12px; list-style:none; } #treeMenu ul li { /* border:solid 1px red; */ } #treeMenu ul … 계속 읽기 JS 트리 메뉴 tree menu 샘플
브라우저 버전 체크
function isBrowserCheck(){ var agt = navigator.userAgent.toLowerCase(); if (agt.indexOf("chrome") != -1) return 'Chrome'; if (agt.indexOf("opera") != -1) return 'Opera'; if (agt.indexOf("staroffice") != -1) return 'Star Office'; if (agt.indexOf("webtv") != -1) return 'WebTV'; if (agt.indexOf("beonex") != -1) return 'Beonex'; if (agt.indexOf("chimera") != -1) return 'Chimera'; if (agt.indexOf("netpositive") != -1) return 'NetPositive'; if (agt.indexOf("phoenix") != -1) return 'Phoenix'; … 계속 읽기 브라우저 버전 체크
다른 Window(팝업, 부모) POST 전송
자식창에서 부모창으로 POST 전송 <!--자식창에서만 작성--> parent.window.name="parentWindow"; document.form1.submit(); <form name="form1" method="post" action="test.html" target="parentWindow"></form> 팝업창으로 POST 전송 <script> function openwin() { window.open('about:blank','popwin','width=400,height=300'); document.f1.submit(); } </script> <form name="f1" action="popwin.jsp" target="popwin"> <input type="text" name="v1"> <input type="button" value="send" onClick="openwin()"> </form>
자판 입력시 (000-0000-0000)로 자동 치환 : 전화번호, 사업자번호
//전화번호 $("#phone").on("keyup", function(event){ var keyCode = event.which || event.keyCode; if ( ( (keyCode >= 48) || (keyCode <= 57) ) || ( (keyCode >= 96) || (keyCode <= 105) ) ){ var tmp = $(this).val().replace(/[^0-9]/g,''); if(tmp.length<=3){ $(this).val(v.replace(/([0-9]{2})([0-9]+)/,'$1-$2')); }else if(tmp.length<=6){ $(this).val(v.replace(/([0-9]{2})([0-9]{3})([0-9]+)/,'$1-$2-$3')); }else if(tmp.length>9){ $(this).val(v.replace(/([0-9]{3})([0-9]{4})([0-9]+)/,'$1-$2-$3')); } } else { event.returnValue = false; } }); //사업자번호 $("#businessnumber").on("keyup", function(event){ … 계속 읽기 자판 입력시 (000-0000-0000)로 자동 치환 : 전화번호, 사업자번호