아무거나

(function($){ $.fn.extend({ fullPopupOn : function(opt) { ele = this; ele_w = this.width(); ele_h = this.height(); if(opt){ if(opt.width){ ele_w = opt.width; this.css('width',ele_w); } if(opt.height){ ele_h = opt.height; this.css('height',ele_h); } } marginleft = (ele_w/2)*(-1); margintop = (ele_h/2)*(-1); html = ""; $('body').append(html); this.css({'position':'fixed','left':'50%','top':'50%','..

해당 소스는 브라우져 주소창 url에 파라메터 정보가 다 있어야 된다. 주소창 url을 파싱해서 파라메터 정보를 가져오기 때문. ​

$('#discription').on("keyup",function(){ var byteTxt = ""; var byte = function(str){ var byteNum=0; for (i=0; i 127 ) ? 2 : 1; if(byteNum 1000) { console.log('--------------------'); console.log(byteTxt); console.log('--------------------'); alert("1000자 이상 입력할수..

"==" 연산자는 피연산자가 서로 다른 타입이면 타입을 강제로 변환하여 비교한다. 그리고 값을 변환하여 비교하는 규칙은 보잡하고 외우기도 쉽지 않다. 따라서 javascript에서 동등성 비교시에는 "===" 연산자를 사용하는게 좋다 '' == '0' // false 0 == '' // true 0 == '0' // true false == 'false' // false false == '0' // true false == undefined // false false == null // false null == undefined // true ' \t\r\n ' == 0 // true

Javascript var, let, const 차이점 Key Point var, let: 변수를 선언하는 키워드이다. const: 상수를 선언하는 키워드이다. Example Code // 1. var는 값을 재 할당 가능하다. var name = "test"; name = "test2"; // 2. let은 var처럼 재 할당이 가능하다. let score = "1"; score = "2"; // 3. const는 값 재할당이 불가능하며 선언과 동시에 리터럴 값을 할당해야 한다. const PI = "3.14"; let, const는 ECMA6에 도입된 키워드이며 var 타입으로 인한 혼동을 방지하기 위하여 만들어 졌다. var 타입의 혼동이 일어나는 이유에 대해선 아래를 참고하자. var는 변수명을 ..

$("#id").next(): 선택한 요소의 다음 요소를 선택 $("#bong").next(); // id값이 bong인 요소의 다음 요소를 선택 $("#bong").next().attr(’name’); // d값이 bong인 요소의 다음 요소의 name값을 가져옴

$([attribute^='value']): 원하는 속성의 이름을 찾고자 하는 문자열이 포함되어있으면 검색 // input tag에 name안에 bong이라는 문자열을 포함한 속성을 찾아 "bong here!"값을 전달하자.

Jquery를 활용한 Loading Bar 구현 Jquery를 활용하여 Ajax와 같은 통신을 할 때 loading bar 표시와 hide를 할 수 있는 기능을 구현 로딩바 표시 function showLoadingBar() { var maskHeight = $(document).height(); var maskWidth = window.document.body.clientWidth; var mask = ""; var loadingImg = ''; loadingImg += ""; loadingImg += " "; loadingImg += ""; $('body').append(mask).append(loadingImg); $('#mask').css({ 'width' : maskWidth , 'height'..

크롬 보안이슈로 인하여 대량 데이터를 내려받을때 네트워크 오류가 생긴다. 이에 대해 해결하려면 아래와 같이 코드를 작성하자. (Blob 를 사용) [샘플 데이터]seq,cate_mst_cd,partner_id,wmp_vendor_id,category1,category2,category3,category4,use_yn 483,00300500C2DA968,4,WMP_tOV3ybegFU,"리빙","가구","소파","패브릭소파",Y 484,00300500C2DA968,9,WMPWcEbI5hvVif,"가구/침구/인테리어","거실/침실가구","소파","패브릭소파",Y 485,00300500C2DA968,10,WMPEJXJQFPlG0C,"가구","소파/거실가구","소파/디자인체어","패브릭소파(1인용)",Y 486,..

회원가입을 할 때 가입폼에서 패스워드 정책이나 아이디 가입정책등이 필요한 경우가 있다. 이 경우 자바스크립트로 구현한 소스를 참고하자. [HTML] [스크립트]var login = { init: function () { }, noSpaceCheck: function (obj) { var str_space = /\s/; if(str_space.exec(obj.value)) { alert("해당 항목에는 공백을 사용할수 없습니다.\n\n공백은 자동적으로 제거 됩니다."); obj.focus(); obj.value = obj.value.replace(' ',''); return false; } }, memberReg: function () { var loginId = $('#loginId').val(); va..