| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |
- 스프링
- 마이바티스
- 리그오브레전드
- 롤
- 테이블
- 이메일인증
- tomcat
- 회원가입
- 롤토체스
- jQuery
- 자바스크립트
- jdk
- NoSQL
- MSI
- oracle
- 파이썬
- 다국어처리
- 쿠버네티스
- Database
- Python
- Java
- 쿠버네티스 어나더 클래스
- k8s
- 롤토체스 꿀팁
- SQL
- kubernetes
- 데이터베이스
- Spring
- LOL
- 일프로
- Today
- Total
목록Javascript (10)
웹쟁이의 일상
HTML 테이블 마우스오버 이벤트와 데이터 컨트롤
안녕하세요~! 오늘은 간단히 html 테이블을 조작하는 방법을 알아볼 예정입니다. 테이블의 각 Row에 마우스를 올려 놓으면 색깔이 변하게 하는 방법과 각각의 tr, td에서 데이터를 가져오는법에 대해 알아보겠습니다. 일단 테이블이 필요하니 간단한 테이블을 하나 만들어 보겠습니다. sample1 sample2 sample3 sample4 sample1 Text1 Text2 Text3 Text4 sample2 Text11 Text22 Text33 Text44 sample3 Text111 Text222 Text333 Text444 sample4 Text1111 Text2222 Text3333 Text4444 테이블을 하나 만들었습니다. 지금은 마우스를 올려도 아무런 변화가 없습니다. 스타일 태그에 위의 cs..
자바스크립트 엑셀 다운로드 방법
오늘의 포스팅은 자바스크립트로 HTML 테이블을 엑셀로 다운로드하는 기능에 대해 알아보겠습니다 ^~^ 백엔드 언어 없이 자바스크립트로만 구현이 가능해서 간편하고 손쉽게 만들 수 있습니다. 엑셀 다운로드를 하려면 다운로드받을 테이블이 필요하겠죠? 바로 만들어줍니다. Excel Download sample sample sample sample Text Text Text sample Text Text sample Text Text Text Excel Download 아주 허접한 테이블이 완성되었습니다! 하지만 다운받는데는 아무런 문제가 없습니다^~^ 다음은 다운로드 버튼에 붙어있는 onclilck 이벤트를 만들어 주어야겠죠? 아래 함수를 만들어주고 button onclick이벤트에서 함수를 호출할 때 파라미터..