일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- config
- Eclipse
- Next.js
- SpringBoot
- node.js
- nodejs
- docker
- spring3
- yona
- git
- mysql
- popup
- MariaDB
- pwa
- FCM
- jquery
- centos7
- ajax
- security
- MSsql
- mybatis
- submit
- rocky9
- javascript
- PM2
- Push
- jenkins
- Java
- NextJS
- Maven
- Today
- Total
목록javascript (17)
ふたりで
업무 공백 중 머리를 놀리기 싫어서 간단하게 실무에서 종종 사용하는 기능을 정리도 할 겸 연습해 보았다... 상단의 라디오 버튼에 의해 다중 리스트의 체크박스를 컨트롤 하는 방법이다. -결과 화면: https://graykang.w3spaces.com/chkbox-select-by-radio-button.html JS Bin graykang.w3spaces.com - html 소스 parent와 children 체크박스 소스에 data 속성 값으로 parent 와 children 간의 연간 관계 값이 세팅되어있고 children 체크 박스는 2종류로 구분 되는 값을 data 속성 값으로 추가로 가지고 있다. parent와 children 간의 연관 관계 및 상단의 라디오 버튼 클릭에 해당되는 parent..
예전에 스크립트 부분만 간략하게 게시한적이 있는데 좀더 보강한 내용으로 다시 정리 해봤다. #구혀된 기능... - 자동완성: 번호만 입력해도 자동으로 "-"를 넣어준다. - 휴효성검사: >헨드폰, 일반전화 각각 형식에 맞는지 확인. >일반전화인지 확인.(080,070번호는 제외처리) >숫자만 입력 가능 숫자이외의 문자가 입력 되면 지워버림. 휴대폰 휴대폰번호가 입력되지 않았거나, 잘못된 형식입니다. 일반전화 일반번호가 입력되지 않았거나, 잘못된 형식입니다. Fax FAX번호가 입력되지 않았거나, 잘못된 형식입니다. #결과:
현재일 기준 미래 시간 특정일 까지 일수로 몇일, 몇 시간, 몇 분, 몇 초가 남았는지 표시해야 할 경우... # 결과:
자꾸 프린트 할때 내용은 한장 이지만 공백 페이지가 붙어나와 2페이지로 인식 되는것 같다 그냥 둬도 되지만 시간도 남고 ㅎㅎ 이리저리 테스트 하다가 해결 해서 글을 남긴다. 중요한 부분은 style css 부분이다. 1장 기준이면 1장으로 표시, 2장 이상일 경우 해당 장수 만큼만 표시 된다. 주문내역 상세 인쇄 . . . //특정 영역만 인쇄 function printBtnFn(){ $('.btn_comm').hide();//버튼 ui는 전부 숨겨버림. var initBody; window.onbeforeprint = function(){ //임시 document에 프린트할 영역만 담는다. initBody = document.body.innerHTML; document.body.innerHTML = d..
예를 들어 게시판에서 체크된 항목들만 서버쪽으로 전송하여 C.R.U.D를 하는경우...참고... //주문전 품절상품 체크 function soldOutProductsCheck(orderTypeBtn,providerCode){ //이전에 만들어진 품절상품 체크용 임시form이 있으면 초기화 var tempFormDoc = document.getElementById("soldOutProductsCheckFrom"); if(tempFormDoc != null){ document.body.removeChild(tempFormDoc); } //임시form생성 var soldOutProductsCheckFrom = document.createElement('form'); soldOutProductsCheckFrom..
주문서 작성 후 주문이 완료 되고나면 브라우저의 뒤로가기 했을때 다시 주문서 작성 화면으로 가지 않고 주문서작성 이전 상품 선택화면 또는 장바구니로 전환해야 할때 사용 하면 조으디~? //주문저장 ajax처리 function saveOrderFn(){ var params = $("form[name=orderform]").serialize(); $.ajax({ type : "POST", url : ctx + "/front/saveOrderChitAjax", data : params, async: false, success : function(data,xhr) { if(data != null){ //console.log(JSON.stringify(data)); document.querySelector(".j..