JAVASCRIPT
-
카카오톡 인앱 브라우저 닫기JAVASCRIPT 2022. 1. 6. 09:52
안드로이드 : kakaotalk://inappbrowser/close IOS : kakaoweb://closeBrowser 안드로이드 카카오톡 , 크롬 ios 카카오톡 , 사파리 에서 테스트 되었습니다. function ClosePage(){ var _ua = window.navigator.userAgent || window.navigator.vgjendor || window.opera; //alert(_ua.toLocaleLowerCase().indexOf("kakaotalk")) if (_ua.toLocaleLowerCase().indexOf("kakaotalk") > -1) { //alert("!") window.location.href = (/iPad|iPhone|iPod/.test(_ua)) ?..
-
모바일 웹 페이지 닫기JAVASCRIPT 2021. 12. 30. 10:08
모바일 웹 페이지를 안드로이드 웹 페이지 , ios 웹페이지 , 카카오톡 인앱페이지 등등... 처리해야 할 때가 있는데 아래처럼 분기처리해서 닫아주면 될거같다. 테스트는 안드로이드와 카카오톡 에서만 했습니다~ function checkMobile(){ var ua = navigator.userAgent.toLowerCase(); //alert(ua) if(ua.indexOf("kakaotalk") > -1){ //카카오톡 location.href = "kakaotalk://inappbrowser/close"; }else if(ua.indexOf("android") > -1){ self.close(); }else if(ua.indexOf("iphone") > -1 || ua.indexOf("ipad") >..
-
여러파일 일괄 다운로드JAVASCRIPT 2021. 11. 30. 15:30
아래처럼 select 박스에 이번에 다운받을 4개의 파일의 리스트를 뿌려놨다. 먼저 모든 option 의 값을 가져온다. var AllFiles = $('#'+select_id).find('option').map(function() { return $(this).val(); }).get() console.log('options', AllFiles) // 4개의 option value가 배열 형태로 들어가 있는다. //alert(AllFiles.length) for(var x=0; x
-
크롬 input 자동완성 기능 막기.JAVASCRIPT 2021. 11. 19. 09:37
2021/11/19일 크롬 95.0.4638.69 버전에서 테스트 되었습니다. 구글에 돌아다니는 코드를 보면 autocomplete="off" autocomplete="false" autocomplete="new-password" 속성을 넣으라고 하지만 역시 대기업! 택도 없다! ㅎㅎ 1. 야매 틀어막기 더미 input 을 만들어서 여기에 들어오게 만들기 > 나중에 display:none 하면 ? > ㅎㅎㅎ 역시 대기업! 바로 자동완성 시켜버린다. 2. 괜찮은 막기! 약간의 잔머리인데 됐음 된거지 뭐~ autocomplete 속성을 autocomplete = "asdasdasd" 이런식으로 막! 써주면 자동완성 기능이 막힙니다
-
자바스크립트로 첨부파일 다운받기JAVASCRIPT 2021. 10. 21. 15:16
download(사용자에게 저장될 파일명 , 파일경로) 단, 파일경로는 상대경로로 입력해 주셔야 됩니다. function download(filename, filepath) { var element = document.createElement('a'); element.setAttribute('href',filepath); element.setAttribute('download', filename); document.body.appendChild(element); element.click(); //document.body.removeChild(element); }
-
웹페이지 이미지로 만들기.JAVASCRIPT 2021. 10. 21. 15:10
https://html2canvas.hertzen.com/ html2canvas - Screenshots with JavaScript Try out html2canvas Test out html2canvas by rendering the viewport from the current page. Capture html2canvas.hertzen.com 위 사이트에서 html2canvas.js 를 받는다. makeShareImage() 함수에서 웹 페이지를 이미지로 만든다. function makeShareImage(){ element = $(".wrap"); html2canvas(element, { onrendered : function(canvas) { //alert(canvas) getCanvas = ..
-
다음api를 이용한 우편번호 연동JAVASCRIPT 2021. 10. 13. 13:00
안녕하세요. 쇼핑몰 사이트를 운영할려면 가장 기본이자 필수인 우편번호 연동입니다. 옛날엔 직접 DB를 가지고 사용했던 기억이 있는데(벌써 10년도 넘었네요...) 요즘은 보통 api 쓰시죠? 다음 api 연동방법입니다. 참고 https://postcode.map.daum.net/guide Daum 우편번호 서비스 우편번호 검색과 도로명 주소 입력 기능을 너무 간단하게 적용할 수 있는 방법. Daum 우편번호 서비스를 이용해보세요. 어느 사이트에서나 무료로 제약없이 사용 가능하답니다. postcode.map.daum.net 1 . 다음api 키 발급받기. 감사하게도 다음은 api 키를 발급 받을 필요가 없습니다. 다음카카오 복 받으세요 :) 2. 사용 코드 " target="_blank" rel="noop..