목록javascript (50)

종이 한장 차이...

javascript 브라우저 구분 처리 navigator.userAgent.toLowerCase()

1. 익스플로러, 넷스케이프,트라이던트 등 옛 브라우저 구분 처리 var oldbrchk = navigator.userAgent.toLowerCase(); if ( (navigator.appName == 'Netscape' && navigator.userAgent.search('Trident') != -1) || (oldbrchk.indexOf("msie") != -1) ) { if(confirm('해당페이지는 크롬(Chrome)기반 에서 정상 동작 합니다.\n' +'크롬(Chrome) 설치후 기본 브라우저로 설정해 주세요.\n' +'[확인]을 클릭 하시면 크롬(Chrome) 다운로드 페이지로 \n이동 합니다.')){ window.location.href='https://www.google.co.kr/c..
javascript 2022. 4. 20. 14:04
javascript, jquery 실시간 글자수 체크

keyup 이벤트가 발생 할때 마다 글자수를 체크하여 표시한다. $("#ord_receiver_memo").keyup(function(e) { //console.log("키업!"); var content = $(this).val(); $("#textLengthCheck").text("(" + content.length + " / 최대 45자)"); //실시간 글자수 카운팅 if (content.length > 45) { alert("최대 45자까지 입력 가능합니다."); $(this).val(content.substring(0, 45)); $('#textLengthCheck').text("(45 / 최대 45자)"); } }); html소스 배송메모 (0 / 최대 45자) 결과 화면 출처: https:/..
javascript 2022. 4. 14. 17:18
document.ready 이후 동적으로 생성된 Element에 event 걸기

예를 들어 document.ready시에 그려지는 table내의 tr태그에 특정 event를 걸었다면 table 태그 내의 tr 태그를 모두 삭제할 경우(보통  초기화하고 tr만 다시 그릴 경우) document.ready시에 걸었던 event도 모두 삭제가 된다.tr을 다시 그려도 삭제된 event는 ready시에만 걸었기 때문에 화면 자체가 새로고침 되지 않는 한 event가 다시걸리지 않는다.이럴 경우 아래와 같이 처리하면 된다.$(document).ready(function(){...(생략)... //여러게의 이벤트 처리 $(document).on("propertychange change keyup paste input","input[type=text]",function(e){/*input 태그 ..
javascript 2021. 12. 10. 18:04
excelexportjs 사용시 숫자를 문자로 인식 시키기

excelexportjs를 사용하여 테이블 내용을 엑셀 파일로 저장할 때 숫자 형식의 text 즉 0으로 시작하는 전화번호 또는 바코드 번호 등과 같이 자릿수가 긴 경우 엑셀에서는 숫자형으로 인식을 하여 비정상적??으로 표시를 해준다. css 또는 style에 mso-number-format:"\@"; 옵션을 주면 숫자를 문자 형식으로 인식을 할 수 있게 된다고 하여 아래와 같이 적용해보았다. 123456789012345 결론: 안 먹힌다;;;; 아래와 같이 스타일을 직접 박아줘도 안 먹힌다;;;;; 123456789012345 - 엑셀 파일 생성 부분 소스는 아래와 같다. var btn = $('#btnExport'); var tbl = 'bodyContent'; btn.on('click', funct..
javascript 2021. 12. 9. 16:02
vue.js To pwa (vue.js 프로젝트를 PWA 로...)

준비물: - vue ui - 간단한 vue 토이 프로젝트 하나 * 나의 경우 기존에 vue.js 공부를 하느라 만들어본 사용자 인증 프로젝트에 PWA를 적용해 보았다. 대략 이틀정도 구글링을 하며 삽질하였다...... 1. vue ui 에서 PWA를 설정할 프로젝트를 선택 한 다음 아래와 같이 PWA플러그인 설치 @vue/cli-plugin-pwa를 검색하여 설치해준다. 2. 의존성에도 register-service-worker 항목이 있는지 확인. (없거나 정상인 상태가 아닌 경우 추후 service-worker.js 설정을 해주면 된다.) 3. 설정에서 아래와 같이 PWA 설정을 한다.(나는 앱 이름만 추가했다.) 4. VS-CODE로 본 프로젝트 구조 5. 위 3번 vue ui설정에서 앱 이름을 입..
javascript 2021. 8. 24. 14:48
multi iframe pageing print (동적 iframe 을 사용한 페이징처리 및 인쇄)

iframe을 특정 수만큼 루프를 돌면서 화면에 표시하고 해당 화면을 있는 그대로 페이징 처리하여 인쇄하는 기능을 만들었다... 나의 경우 선택한 문서만큼 화면에 iframe으로 표현을 하고 한 번에 인쇄하는 기능을 구현할 때 사용하였다. 1. html 소스 jstl c:forEach를 사용해 아래와 같이 구현 2. javascript & jquery 소스 $(document).ready(function(){ roadPage(); }); /*각 iframe이 로드되면 리싸이즈를 한다. onload="autoResize(this)" * 각 iframe 별 로딩된 문서의 높이를 계산하여 리싸이징 해준다. * 나의 경우 가로는 고정싸이즈로 하고 높이만 리싸이징 하였다. */ function autoResize..
javascript 2021. 7. 5. 14:09
이전 Prev 1 ··· 3 4 5 6 7 8 9 Next 다음