본문 바로가기

HTML.Js14

브라우저에서 파일다루기(js, filereader, etc) 브라우져에서 파일다루기위한 내용을 정리합니다. 주요내용 filereader api 혹은 js * input 파일에 pdf첨부시 pdf 내용 페이지수 확인하기 //출처:https://stackoverflow.com/questions/10253669/how-to-get-the-number-of-pages-of-a-pdf-uploaded-by-user/39222676#39222676 var input = document.getElementById("files"); var reader = new FileReader(); reader.readAsBinaryString(input.files[0]); reader.onloadend = function(){ var count = reader.result.match(/\.. 2022. 8. 5.
sns공유하기 pc용, 모바일용 webshareAPI pc와 모바일에서 소셜공유하기 여러가지 방법이 있으나 깔끔하게 만드는게 좋아서. 웹쉐어API는 win10이상 pc에서도 동작은하나 모바일환경(스마트폰)에서만 적용하는걸 권합니다. 공유된 컨텐츠의 내용은 서버쪽 작업이필요(og태그설정) web share API 명세 : https://developer.mozilla.org/en-US/docs/Web/API/Web_Share_API pc용화면 공유창ui 부분 KAKAO TALK NAVER Twitter Facebook LINE URL 복사 취소 js : webshare api 처리및 pc용 카톡공유js //카톡공유 Kakao.init('{__cfg.kakao_javascript_key}'); function shareKakaoTalk() { Kakao.Lin.. 2022. 4. 27.
네이버 지도 길찾기 출발지 도착지 지정해서 링크로 바로열기+카카오맵길찾기 - 나름 유용할듯하여 기록남김 - 네이버맵에서 출발~도착지간 길찾기 링크로 바로열기 - 해당출발지와 도착지의 좌표를 알아야함. - 출발,도착지이름은 아무값이나 입력하면 입력한대로 보여줌. 모바일용주소 http://m.map.naver.com/route.nhn ?menu=route &sname=출발지이름 &sx=126.9816485 (출발좌표X) &sy=37.4765675 (출발좌표Y) &ename=도착지이름 &ex=127.0276368 (도착좌표X) &ey=37.4979502 (도착좌표X) &pathType=0&showMap=true 모바일 테스트링크 ############################# pc웹용주소 http://map.naver.com/index.nhn ?slng=126.8966655 .. 2022. 4. 27.
jquery 폼항목 숫자만 입력받기+숫자콤마찍기 2019-10-24 업데이트 - 이율입력용 num_only3 추가. - document 전역설정으로 input 쪽에 class만 추가하면됨 $(function(){ //일반 num_only : 무조건 숫자만입력되게 $(document).on('keypress', 'input.num_only', function(e){ if(e.which && (e.which 57) ) e.preventDefault(); }); $(document).on('keyup', 'input.num_only', function(e){ if( $(this).val() != null && $(this).val() != '' ) { var tmps = parseInt($(this).val().replace.. 2019. 10. 24.
이따금씩(혹은 자주)쓰지만 생각 안나서 매일검색하는것들. [jQuery] jqueryui datepicker 기능확장. 자세한 설명은생략..$.datepicker.regional['ko'] = { closeText: '닫기',prevText: '이전달',nextText: '다음달',currentText: '오늘', monthNames: ['1월(JAN)','2월(FEB)','3월(MAR)','4월(APR)','5월(MAY)','6월(JUN)','7월(JUL)','8월(AUG)','9월(SEP)','10월(OCT)','11월(NOV)','12월(DEC)'], monthNamesShort: ['1월','2월','3월','4월','5월','6월','7월','8월','9월','10월','11월','12월'], dayNames: ['일','월','화','수','목','.. 2017. 2. 6.

티스토리툴바