- 바코드 스캔하기
- asp.net core Select
- asp.net dropdownlist
- 바코드 생성하기
- javascript redirection
- 파일업로드 체크
- django 엑셀불러오기
- 파일업로드 유효성체크
- TempData
- jquery 바코드생성
- javascript 유효성체크
- 말줄임표시
- XSS방어
- 하드 윈도우 복사
- ASP.Net Core 404
- SSD 복사
- ViewData
- 맥 오라클설치
- jquery 바코드
- 타임피커
- ViewBag
- Mac Oracle
- php 캐쉬제거
- javascript 바코드스캔
- 강제이동
- 404에러페이지
- XSS PHP
- asp.net Select
- 하드 마이그레이션
- javascript 바코드 생성
목록jquery (38)
웹개발자의 기지개
jquery 로 간단히 글자수 제한시키는 소스를 정리해 보았다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 (0 / 400) $(document).ready(function() { $('#content1').on('keyup', function() { $('#txt_max_cnt').html("("+$(this).val().length+" / 400)"); if($(this).val().length > 400) { $(this).val($(this).val().substring(0, 400)); $('#txt_max_cnt').html("(400 / 400)"); } }); }); Colored by Color Scripter cs 참고 : https://bskyvi..
QR코드를 무료로 생성해 보기로 한다. jquery 오픈소스를 이용하여 테이블형과 그냥 이미지형으로 구분되어 있는 소스를 활용한다. https://github.com/jeromeetienne/jquery-qrcode GitHub - jeromeetienne/jquery-qrcode: qrcode generation standalone (doesn't depend on external services) qrcode generation standalone (doesn't depend on external services) - GitHub - jeromeetienne/jquery-qrcode: qrcode generation standalone (doesn't depend on external services..
일단 위의 최고높이 태그는 그리고 확인하기 버튼 처리 함수는 okChk() 라고 한다면, 최고높이 태그 input 박스에서 탭하여 숫자를 입력하고, 가상키보드의 이동버튼을 클릭하면 바로 확인하기 클릭이벤트를 동작시키고 싶을때 1 2 3 4 5 6 7 8 $("#max_height").bind('keydown', function(e) { if (e.keyCode === 13) { e.preventDefault(); onChk(); $("#max_height").blur(); // 가상키보드 화면내리기 } }); Colored by Color Scripter cs
ajax, jquery 로 이미지 업로드시키기 1 [기존강의 참고]https://wonpaper.tistory.com/72 사진등록 버튼을 눌러 간단히 ajax 형태로 이미지 업로드 처리를 해보자.관련 백엔드는 PHP 언어를 기본으로 해보았다. [실제 화면 페이지] 123456789101112131415161718192021222324252627282930313233343536373839script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"> form name="fphoto" method="post" enctype="multipart/form-data">input type="text" id="file_route" onfocus="..
jQuery 함수중에 fadeIn 과 fadeOut 를 이용하면 일종의 애니메이션 화면처럼 서서히 나타나게 하거나, 서서히 사라지게 할 수 있다. 속성에 숫자를 바꾸면 그 효과 강도를 세밀하게 나타낼 수도 있다. 소스를 대략 정리해 보았다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 function displayChk(no) { document.getElementById("introd_project1_q" + no).style.display = "none"; //$('#introd_project1_a'+ no).show('slow'); $('#introd_project1_a'+ no).fadeIn(450); //documen..
위의 이미지 화면처럼 여러개의 checkbox 와 radio 박스가 혼재되어 있을경우에 jquery 로 아주 간단히 체크여부를 확인하도록 하는 소스를 정리해 보았다. 물론 javascript 형태로 for 문을 돌려서 하는 방법도 있지만, 본 소스처럼 jQuery 를 이용하면 아주 간단히 한줄로 처리할 수 있다. [ 기존 javascript 방법 참고 ] https://wonpaper.tistory.com/308 [javascript] checkbox 전체선택, 전체해제, 선택한 checkbox 내용확인하기 1 javascript 소스상으로 checkbox 의 전체선택, 전체해제 기능과 체크한 checkbox 만의 내용을 확인해보는 간단한 예제를 만들어 정리해 보았다. 실무상으로 자주 쓰이기 때문에 반드..
위의 캡처이미지처럼 도장이 아래 y축으로 100% 만큼 아래로 애니메이션이 되면서 도장이 찍히도록 코딩해보자. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 .translate-y{animation: translatey 1s linear 1 ;} @keyframes translatey{ 0%{transform: translateY(0);} 100%{transform: translateY(100%);} } 스탬프찍기 function stampClick(){ $("#stampIcon").addClass('translate-y'); set..
보통의 백엔드 개발할때 파일 다운로드하면 파일을 다운로드받고 그냥 끝나버린다. 밋밋히다. ~~ 그래서, 위의 로딩중 이미지를 jquery 플러그인 소스를 찾아서 삽입해 보았다. 멋지다 ~~ 쿨~~~ https://gasparesganga.com/labs/jquery-loading-overlay/ jQuery LoadingOverlay - Gaspare Sganga Do you like this plugin? Great! Then why don't you try my other jQuery plugins ? --> Contents Quick Demo Try jQuery LoadingOverlay! Get it GitHub View project on GitHub or download the latest r..