본문 바로가기

JavaScript & JQuery

[Javascript & CSS] 이미지 비율 유지해서 사이즈 조절 및 가운데 정렬하기 html script // 이미지 사이즈 조절 및 가운데 정렬function fitImage(obj){var naturalWidth = obj.naturalWidth; // img 너비var naturalHeight = obj.naturalHeight; // img 높이var imgWidth = $(obj).parent().width(); // div 너비var imgHeight = $(obj).parent().height(); // div 높이// (img 너비 / div 너비) 와 (img 높이 / div 높이) 를 이용해 비율을 구한다.if(Math.abs(naturalWidth / imgWidth) < Math.abs(naturalHeight / imgHeight)){// 작게 나온 쪽으로 크기를.. 더보기
[isotop.js] ajax 호출 후 isotop 적용 - $(window).load(function(){isoDom = $('#masonry').isotope({itemSelector: '.masonry-item',masonry: {columnWidth:0});위의 window가 load될 때 실행되는 과정이chrome에서는 ajax 호출 후 이미지 로딩 된 후에 실행되는지 잘 적용되나ie에서는 이미지 로딩 전 호출되는지 제대로 적용이 안됨 *해결ajax 호출 후 isotope를 imagesLoaded를 통해 적용해서 해결함. *필요한 js 라이브러리- isotope.js- imagesLoaded.js IE에서는 ajax 호출 후 이미지를 로딩한 후 isotope가 잘 적용됨.크롬에서는 ajax 호출 후 이미지를 로딩 하기 전에 isotope가 적용되서 화.. 더보기
[JavaScript] Android Mobile touch events(안드로이드 모바일 디바이스에서 터치이벤트) touchstart : 터치 시작touchmove : 터치 시작 후 이동touchend : 터치 종료 $("div.scxChartPanel").on("touchstart", function(event){var touch = event.originalEvent.touches[0]; 첫번째 터치 오브젝트var multiTouch = event.originalEvent.touches[1]; 두번째 터치 오브젝트if(multiTouch == null){startTouchX = touch.pageX;}else{zoomStartWidth = Math.sqrt(Math.pow(touch.pageX - multiTouch.pageX, 2)+ Math.pow(touch.pageY - multiTouch.pageY, 2).. 더보기
[JavaScript] Device 종류 확인하기 navigator.userAgent.match(/Android/); -> 리턴값은 맞을경우 Object 타입, 아닐경우 nullnavigator.userAgent.match(/iPhone/);navigator.userAgent.match(/iPad/);navigator.userAgent.match(/Windows/);... 더보기
[JQuery] disabled 속성을 통해 활성화, 비활성화 설정하기 @ disabled 속성의 값 가져와 비활성화 되어 있는지 확인하기 비활성화 되어 있다면 isDisabled의 값은 disabledvar isDisabled = $("#editBox").attr("disabled"); @ disabled 속성 설정하기 true면 비활성화 false면 활성화$("#editBox").attr("disabled", true); //비활성화$("#editBox").attr("disabled", false); //활성화 SyntaxReturn the value of an attribute:$(selector).attr(attribute)Set the attribute and value:$(selector).attr(attribute,value)Set attribute and va.. 더보기
[JSON] Object 배열을 LocalStorage & SessionStorage에 저장하기 //Object 배열var orderDetail = [{name:"계좌번호", value:acct_Select.GetCaptionCtrl().trim().replace(/[^0-9]/g, "")},{name:"종목코드", value:lb_1.GetCaptionCtrl()},{name:"매매구분", value:null},{name:"가격구분", value:cb_price.GetValue()},{name:"체결구분", value:cb_chegyul.GetValue()},{name:"주문가격", value:spn_OrderPrice.GetCaptionCtrl()},{name:"주문수량", value:spn_OrderCnt.GetCaptionCtrl()},{name:"조건가격", value:0.00}]; //J.. 더보기
[JavaScript] 정규식 숫자 필터링 ※ 문자열에서 숫자만 가져오기var numString = String.trim().replace(/[^0-9]/g, ""); ※ 문자열이 숫자로만 되어있는지 확인하기(/^[0-9]+$/).test(String.remove(arguments[0])) ? true : false; ※ 영문, 숫자만 입력했는지 확인하기[출처] 자바스크립트 숫자만,문자만,영문자만|작성자 코트악동var regType = /^[A-za-z0-9+]*$/;if(regType.test($('#/*ID값*/').value)); ※ 키 입력 받을때마다 필터링하기 * ex : ; 숫자만 키입력이 가능한 text filed * ex : ; 영문,숫자만 키입력이 가능한 text filed[출처] 자바스크립트 숫자만,문자만,영문자만|작성자 코트악.. 더보기

티스토리툴바