반응형 개발/javascript16 jquery로 싸인구현하기 jSignature jSignature는 브라우저 창에서 서명 캡처 필드 생성을 단순화하여 사용자가 마우스, 펜 또는 손가락을 사용하여 서명을 그릴 수 있도록 하는 JavaScript 위젯(jQuery 플러그인)입니다. Canvas 또는 Flash를 지원하는 모든 주류 브라우저에서 작동 부드러운 벡터 이미지로 서명을 캡처합니다. (예, SVG가 지원됩니다!) 독창적이고 매우 효율적인(즉, 지연되지 않는) 실시간 곡선 평활화 "마지막 스트로크 실행 취소"와 같은 서명 스트로크 조작 가능 페이지의 레이아웃과 색상에 자동으로 적응합니다 무료 및 오픈 소스 JSFiddle 로 만들어본 예제 Edit fiddle - JSFiddle - Code Playground jsfiddle.net 다운로드 링크 jSignature About .. 2022. 7. 31. jquery button disable 속성 지정 및 setTimeout 으로 중복클릭방지 컨트롤 disabledButton openButton timerButton jquery 로 버튼 disabled 을 컨트롤 하는 방법입니다. attr 로 속성 disabled 를 true나 fals로 설정해서 버튼을 죽이고 살리고 할 수 있습니다. // button disabled $("#testButton1").click(function (){ $("#testButton1").attr("disabled",true); }); // disabled된 버튼을 되살림 $("#testButton2").click(function (){ $("#testButton1").attr("disabled",false); }); // 클릭후 disabled 처리되지만 1초후 다시 살아남 $("#testButton3").click(f.. 2022. 7. 13. 압축되어있는 CSS파일, js파일을 보기좋게 바꿔주기 min.js 파일이나 용량을 줄이기 위해 압축되어있는 CSS 파일을 원래대로 까진 아니더라도 보기좋게 정렬해주는 Unminfy 라는 사이트가 있습니다. 예를 들어 아래처럼 줄간격 나눔없이 한줄로 쭉 나열되어있는 코드를 Unminify 버튼을 누르면 아래처럼 정렬시켜 줍니다. Unminify This tool will unminify, reformat and reindent ugly JavaScript, CSS, HTML, XML and JSON code, making it readable again. unminify.com 2022. 5. 23. form 에 있는 파일을 ajax로 업로드하기 jquery와 ajax를 이용해 form 에 업로드한 파일을 submit 이 일어나지 않도록 제어하면서 ajax로 전송해야 하는 상황이 생겼습니다. 기존에는 jquery.form.js 를 이용해서 처리했었는데 jquery3 버전으로 넘어오면서 더이상 지원이 안되 아래 방식으로 변경하게 됬습니다. 일단 file을 업로드할 html form을 준비해줍니다 jquery를 이용해서 form submit 이 일어날때 form에 업로드한 파일을 FormData 이 담고 ajax로 업로드 $("#test_upload").on("submit", function (event) { const test_file = $("#test_file")[0]; // 가져올 업로드 파일 // FormData를 이용하여 파일 담기 con.. 2022. 3. 31. 이전 1 2 3 4 다음 728x90