CI발로그 CI발로그

javascript&html

• javascript 엑셀 정보 읽어오는 방법

  javascript&html 2024. 2. 14. 08:30

  javascript 에서 엑셀 정보 읽어오는 방법으로 외부 js파일을 사용한다. SheetJS을 이용하여 간단하게 엑셀 정보를 읽어올 수 있다. var firstSheet = workbook.Sheets[workbook.SheetNames[0]]; : 첫번째 시트[0] var excel = XLSX.utils.sheet_to_json(firstSheet, { header: 1 }); : 엑셀 파일을 json형태로 변환 *엑셀 정보 읽어올때, 날짜의 경우 간혹 날짜가 변환된 경우가 있으므로 계산을 통해 변환해줘야 한다. 결과값 = (날짜- 25569) * 86400;

  Read More
• 자바스크립트 천단위 콤마 입력/제거

  javascript&html 2023. 10. 20. 20:42

  1. 콤마 입력 str.replace(/\B(? * 콤마 입력 시 숫자인 경우는 에러 발생하므로, 형변환 후 콤마입력해야함. String(number). replace(/\B(? 2. 콤마제거 str.replace(/[^0-9.]/g, ''); var sample = "1234567"; var comma = sample.replace(/\B(?

  Read More
• 문자열 공백제거

  javascript&html 2023. 10. 19. 21:35

  자바스크립트 문자열 공백제거 함수 1. replace() 1-1) str.replace(/\s/g, "") : 앞,뒤,가운데 모든 공백을 제거 (모든 공백을 제거하고자 할때 사용) 1-2) str.replace() : 앞 공백만 제거 2. trim() str.trim() : 앞,뒤 공백만제거 3. trimStart() str.trimStart () : 앞, 공백만제거 4. trimEnd() str. trimEnd () : 뒤 공백만제거 var sample = " Test Blank "; console.log(sample); console.log(sample.replace(/\s/g, "")); //가운데 공백까지 모두 제거 console.log(sample.replace(" ","")); // 앞에 공백..

  Read More
• bootstrap datepicker

  javascript&html 2023. 8. 31. 20:00

  # bootstrap datepicker cdn 을 사용하여 datepicker 표시(bootstrap이 아닌 예전 템플릿을 그냥 사용하는 것도....)

  Read More
• javascript 페이지 이동, 새로고침

  javascript&html 2022. 8. 9. 09:32

  #페이지이동 1. location.href=''; - window.location=""; - window.location.href =""; 이력이 남는다. 이동한 페이지에서 뒤로가기 할 경우, 이동전 페이지로 이동된다. 2. location.replace(""); 이력이 남지 않는다. 이동한 페이지에서 뒤로가기 할 경우, 이동전 페이지로 가지 않는다. #페이지 새로고침 1. location.reload(); 2. history.go(0); go()안에 숫자에 따라 이동 페이지 변경된다. (-숫자에 따라 페이지 이동 단계가 변경된다.) - history.go(0) : 새로고침- history.go(-1) : 이전 페이지 이동 - history.go(-2) : 이전전 페이지 이동

  Read More
• bootstrap tooltip

  javascript&html 2022. 7. 12. 13:22

  #부트스트랩 툴팁 적용 부트스트랩 css 및 bootstrap.bundle.min.js 필요합니다. 1) a tag Hover overme 2) button data-placement : top, left,right,bottom 정보를 넣을 수 있다. 툴팁이 어디에 위치할 것인가를 정한다. Tooltip on top 3) button 태그 입력 title 에 줄바꿈 (line break) 가 필요할 때 사용한다. ( 코드를 넣으면 된다고 하는데 되진 않는다.) data-html="true" 입력 시 태그가 적용된다. Tooltip on top 4) css title 정보가 길어질 경우, css 변경하여 너비를 조정한다. .tooltip-inner{max-width: none;} Hover overme T..

  Read More
• 자식창에서 부모창으로 태그 전달 [outerHTML]

  javascript&html 2022. 6. 21. 09:04

  자식창에서 생성한 태그 그대로 부모창에 전달 시 IE에선 outerHTML로 해결이 가능했으나, Chrome에선 태그 형태만 전달이 된다. 아래와 같이 자식창에서 부모창으로 보낼 경우, IE에선 태그와 함께 input 에 존재하는 value 값 까지 전달이 됐다. 하지만, Chrorme에선 input 태그만 전달되어 부모창에 생성되고 자식창에서 입력한 tx_c의 값은 전달이 되지 않는다. Chrome에선 자식창에 최초 생성된 HTML 화면을 부모창에 전달하는것 같다. 그래서 태그 따로 값 따로 입력을 해줘야 하는 수고스러움으로 대신하고 있다. 방법을 찾기 전까진 아마도 계속 이런 방식으로 처리를 해야 할 것 같다. * 예전 Chrome에선 outerHTML이 되지 않았으나 이제는 작동 한다. $("idC..

  Read More